*{
  margin: 0;
  border: 0;
  outline: 0
}

body,
html{
  height: 100%;
  font-size: 18px;
  font-weight: 400;
  font-family: Inter, sans-serif;
  color: #fff;
  vertical-align: baseline;
  line-height: 36px;
  font-smoothing: antialiased
}

.te-single-slider .hero-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0
}

.hero-content{
  position: relative;
  z-index: 2
}

.hero-content .btn{
  background: #6a5acd;
  padding: 14px 36px;
  border-radius: 6px;
  color: #fff;
  transition: .3s
}

.hero-content .btn:hover{
  background: #5142d0
}

p{
  margin: 0 0 15px
}

img{
  max-width: 100%;
  height: auto
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
  color: inherit
}

h1,
h2,
h3,
h4,
h5,
h6{
  margin-top: 0;
  font-family: Inter, sans-serif;
  color: #fff;
  font-style: normal;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

h1{
  font-size: 57px;
  line-height: 77px;
  font-weight: 500
}

h2{
  font-size: 42px;
  line-height: 62px;
  font-weight: 500
}

h3{
  font-size: 38px;
  line-height: 52px;
  font-weight: 500
}

h4{
  font-size: 24px;
  line-height: 39px;
  font-weight: 500
}

h5{
  font-size: 20px;
  line-height: 36px;
  font-weight: 500
}

h6{
  font-size: 18px;
  line-height: 28px;
  font-weight: 500
}

label{
  color: #335371;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400
}

button{
  cursor: pointer;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

a:not([href]):not([tabindex]){
  color: inherit;
  text-decoration: none
}

.button,
a{
  text-decoration: none;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.button:focus,
a:focus{
  text-decoration: none;
  outline: 0
}

a:focus{
  color: #2394fe;
  text-decoration: none;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

a,
button{
  color: #2394fe;
  outline: medium none;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

a:hover,
button:hover{
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

button:focus,
input:focus,
textarea,
textarea:focus{
  outline: 0
}

ul{
  list-style: disc;
  margin: 0;
  padding: 0;
  padding-left: 20px
}

::-moz-selection{
  background: #2394fe;
  text-shadow: none;
  color: #fff
}

::selection{
  background: #2394fe;
  text-shadow: none;
  color: #fff
}

input:focus,
textarea:focus{
  outline: 0
}

.red-100{
  background-color: #fff3f3
}

.skye-100{
  background-color: #e8fbff
}

.orange-100{
  background-color: #f9f8da
}

.background-black{
  background-color: #393d48
}

.bg-light-black{
  background-color: #31373f
}

.background-blue{
  background-color: #2394fe
}

.bg-dark-blue{
  background-color: #10102f
}

.background-light-blue{
  background-color: #2394fe
}

.background-skye{
  background-color: #2394fe
}

.background-gray{
  background-color: #eef5f8
}

.background-light-gray{
  background-color: #f3f7fc
}

.background-gradient{
  background: #10102f
}

.page-bg{
  background-color: #14203a
}

.page-area{
  padding-top: 136px;
  padding-bottom: 124px
}

.blog-area{
  padding-top: 144px;
  padding-bottom: 104px
}

.blog-area .page-links,
.page-area .page-links{
  margin-bottom: 20px
}

.border-radius-12{
  border-radius: 12px
}

.text-white-100{
  color: #c7cdda
}

code{
  color: #e7f914
}

.te-theme-btn{
  background: linear-gradient(90deg, #2394fe, #984bf8);
  background-size: 200% 200%;
  color: #fff;
  font-weight: 600;
  letter-spacing: .5px;
  font-size: 14px;
  padding: 10px 26px;
  border: none;
  border-radius: 30px;
  text-transform: uppercase;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(35, 148, 254, .3);
  transition: all .3s ease;
  animation: gradientShift 5s ease infinite
}

.te-theme-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(152, 75, 248, .4);
  background-position: 100% 50%
}

.te-theme-btn i{
  font-size: 14px
}

@keyframes gradientShift{
  0% {
  background-position: 0 50%
}

50%{
  background-position: 100% 50%
}

100%{
  background-position: 0 50%
}


}


.wp-block-loginout a{
  position: relative
}

.contact-form-btn{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  display: block;
  line-height: 42px
}

.contact-form-btn .icon{
  float: right
}

input.te-theme-btn{
  display: inline-block !important;
  width: inherit !important;
  border: 0 !important
}

.te-slider-btn-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  position: relative;
  top: -30px
}

.te-slider-btn-wrapper .te-slider-nav{
  width: 67px;
  height: 67px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  color: #2394fe;
  font-size: 17px;
  background-color: #2394fe1a;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-slider-btn-wrapper .te-slider-nav:hover{
  background-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.circle-rotate-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.circle-rotate-wrapper .circle-rotate-inner{
  position: absolute;
  width: 160px;
  height: 160px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.circle-rotate-text{
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: spin 6s linear infinite;
  animation: spin 6s linear infinite;
  position: absolute !important;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0
}

.circle-rotate-text span{
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #131a2a
}

.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
}

.mb-205{
  margin-bottom: 205px
}

.mb-210{
  margin-bottom: 210px
}

.mb-215{
  margin-bottom: 215px
}

.mb-220{
  margin-bottom: 220px
}

.mb-245{
  margin-bottom: 245px
}

.mb-250{
  margin-bottom: 250px
}

.pt-5{
  padding-top: 5px
}

.pt-10{
  padding-top: 10px
}

.pt-15{
  padding-top: 15px
}

.pt-20{
  padding-top: 20px
}

.pt-21{
  padding-top: 21px
}

.pt-22{
  padding-top: 22px
}

.pt-23{
  padding-top: 23px
}

.pt-24{
  padding-top: 24px
}

.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-86{
  padding-top: 85px
}

.pt-87{
  padding-top: 85px
}

.pt-88{
  padding-top: 85px
}

.pt-89{
  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
}

.pt-250{
  padding-top: 250px
}

.pb-5{
  padding-bottom: 5px
}

.pb-10{
  padding-bottom: 10px
}

.pb-15{
  padding-bottom: 15px
}

.pb-20{
  padding-bottom: 20px
}

.pb-21{
  padding-bottom: 21px
}

.pb-22{
  padding-bottom: 22px
}

.pb-23{
  padding-bottom: 23px
}

.pb-24{
  padding-bottom: 24px
}

.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
}

.pl-0{
  padding-left: 0
}

.pl-5{
  padding-left: 5px
}

.pl-10{
  padding-left: 10px
}

.pl-15{
  padding-left: 15px
}

.pl-20{
  padding-left: 20px
}

.pl-25{
  padding-left: 35px
}

.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: 80px
}

.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-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-0{
  padding-right: 0
}

.pr-5{
  padding-right: 5px
}

.pr-10{
  padding-right: 10px
}

.pr-15{
  padding-right: 15px
}

.pr-20{
  padding-right: 20px
}

.pr-25{
  padding-right: 35px
}

.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: 80px
}

.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-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
}

.py-10{
  padding-top: 10px;
  padding-bottom: 10px
}

.py-15{
  padding-top: 15px;
  padding-bottom: 15px
}

.py-20{
  padding-top: 20px;
  padding-bottom: 20px
}

.py-25{
  padding-top: 25px;
  padding-bottom: 25px
}

.py-30{
  padding-top: 30px;
  padding-bottom: 30px
}

.py-35{
  padding-top: 35px;
  padding-bottom: 35px
}

.py-40{
  padding-top: 40px;
  padding-bottom: 40px
}

.py-45{
  padding-top: 45px;
  padding-bottom: 45px
}

.py-50{
  padding-top: 50px;
  padding-bottom: 50px
}

.py-55{
  padding-top: 55px;
  padding-bottom: 55px
}

.py-60{
  padding-top: 60px;
  padding-bottom: 60px
}

.py-65{
  padding-top: 65px;
  padding-bottom: 65px
}

.py-70{
  padding-top: 70px;
  padding-bottom: 70px
}

.py-75{
  padding-top: 75px;
  padding-bottom: 75px
}

.py-80{
  padding-top: 80px;
  padding-bottom: 80px
}

.py-85{
  padding-top: 85px;
  padding-bottom: 85px
}

.py-90{
  padding-top: 90px;
  padding-bottom: 90px
}

.py-95{
  padding-top: 95px;
  padding-bottom: 95px
}

.py-100{
  padding-top: 100px;
  padding-bottom: 100px
}

.py-105{
  padding-top: 105px;
  padding-bottom: 105px
}

.py-110{
  padding-top: 110px;
  padding-bottom: 110px
}

.py-115{
  padding-top: 115px;
  padding-bottom: 115px
}

.py-120{
  padding-top: 120px;
  padding-bottom: 120px
}

.py-125{
  padding-top: 125px;
  padding-bottom: 125px
}

.py-130{
  padding-top: 130px;
  padding-bottom: 130px
}

.py-135{
  padding-top: 135px;
  padding-bottom: 135px
}

.py-140{
  padding-top: 140px;
  padding-bottom: 140px
}

.py-145{
  padding-top: 145px;
  padding-bottom: 145px
}

.py-150{
  padding-top: 150px;
  padding-bottom: 150px
}

.py-155{
  padding-top: 155px;
  padding-bottom: 155px
}

.py-160{
  padding-top: 160px;
  padding-bottom: 160px
}

.py-165{
  padding-top: 165px;
  padding-bottom: 165px
}

.py-170{
  padding-top: 170px;
  padding-bottom: 170px
}

.py-175{
  padding-top: 175px;
  padding-bottom: 175px
}

.py-180{
  padding-top: 180px;
  padding-bottom: 180px
}

.py-185{
  padding-top: 185px;
  padding-bottom: 185px
}

.py-190{
  padding-top: 190px;
  padding-bottom: 190px
}

.py-195{
  padding-top: 195px;
  padding-bottom: 195px
}

.py-200{
  padding-top: 200px;
  padding-bottom: 200px
}

.py-205{
  padding-top: 205px;
  padding-bottom: 205px
}

.py-210{
  padding-top: 210px;
  padding-bottom: 210px
}

.py-215{
  padding-top: 215px;
  padding-bottom: 215px
}

.py-220{
  padding-top: 220px;
  padding-bottom: 220px
}

.py-225{
  padding-top: 225px;
  padding-bottom: 225px
}

.py-230{
  padding-top: 230px;
  padding-bottom: 230px
}

.py-235{
  padding-top: 235px;
  padding-bottom: 235px
}

.py-240{
  padding-top: 240px;
  padding-bottom: 240px
}

.py-250{
  padding-top: 250px;
  padding-bottom: 250px
}

.py-260{
  padding-top: 260px;
  padding-bottom: 260px
}

.py-270{
  padding-top: 270px;
  padding-bottom: 270px
}

.py-280{
  padding-top: 280px;
  padding-bottom: 280px
}

.py-290{
  padding-top: 290px;
  padding-bottom: 290px
}

.py-300{
  padding-top: 300px;
  padding-bottom: 300px
}

.py-310{
  padding-top: 310px;
  padding-bottom: 310px
}

.py-320{
  padding-top: 320px;
  padding-bottom: 320px
}

.py-330{
  padding-top: 330px;
  padding-bottom: 330px
}

.py-340{
  padding-top: 340px;
  padding-bottom: 340px
}

.py-350{
  padding-top: 350px;
  padding-bottom: 350px
}

.px-10{
  padding-left: 10px;
  padding-right: 10px
}

.px-15{
  padding-left: 15px;
  padding-right: 15px
}

.px-20{
  padding-left: 20px;
  padding-right: 20px
}

.px-25{
  padding-left: 25px;
  padding-right: 25px
}

.px-30{
  padding-left: 30px;
  padding-right: 30px
}

.px-35{
  padding-left: 35px;
  padding-right: 35px
}

.px-40{
  padding-left: 40px;
  padding-right: 40px
}

.px-45{
  padding-left: 45px;
  padding-right: 45px
}

.px-50{
  padding-left: 50px;
  padding-right: 50px
}

.px-55{
  padding-left: 55px;
  padding-right: 55px
}

.px-60{
  padding-left: 60px;
  padding-right: 60px
}

.px-65{
  padding-left: 65px;
  padding-right: 65px
}

.px-70{
  padding-left: 70px;
  padding-right: 70px
}

.px-75{
  padding-left: 75px;
  padding-right: 75px
}

.px-80{
  padding-left: 80px;
  padding-right: 80px
}

.px-85{
  padding-left: 85px;
  padding-right: 85px
}

.px-90{
  padding-left: 90px;
  padding-right: 90px
}

.px-95{
  padding-left: 95px;
  padding-right: 95px
}

.px-100{
  padding-left: 100px;
  padding-right: 100px
}

.px-105{
  padding-left: 105px;
  padding-right: 105px
}

.px-110{
  padding-left: 110px;
  padding-right: 110px
}

.px-115{
  padding-left: 115px;
  padding-right: 115px
}

.px-120{
  padding-left: 120px;
  padding-right: 120px
}

.px-125{
  padding-left: 125px;
  padding-right: 125px
}

.px-130{
  padding-left: 130px;
  padding-right: 130px
}

.px-135{
  padding-left: 135px;
  padding-right: 135px
}

.px-140{
  padding-left: 140px;
  padding-right: 140px
}

.px-145{
  padding-left: 145px;
  padding-right: 145px
}

.px-150{
  padding-left: 150px;
  padding-right: 150px
}

.px-155{
  padding-left: 155px;
  padding-right: 155px
}

.px-160{
  padding-left: 160px;
  padding-right: 160px
}

.px-165{
  padding-left: 165px;
  padding-right: 165px
}

.px-170{
  padding-left: 170px;
  padding-right: 170px
}

.px-175{
  padding-left: 175px;
  padding-right: 175px
}

.px-180{
  padding-left: 180px;
  padding-right: 180px
}

.px-185{
  padding-left: 185px;
  padding-right: 185px
}

.px-190{
  padding-left: 190px;
  padding-right: 190px
}

.px-195{
  padding-left: 195px;
  padding-right: 195px
}

.px-200{
  padding-left: 200px;
  padding-right: 200px
}

.px-205{
  padding-left: 205px;
  padding-right: 205px
}

.px-210{
  padding-left: 210px;
  padding-right: 210px
}

.px-215{
  padding-left: 215px;
  padding-right: 215px
}

.px-220{
  padding-left: 220px;
  padding-right: 220px
}

.px-225{
  padding-left: 225px;
  padding-right: 225px
}

.px-230{
  padding-left: 230px;
  padding-right: 230px
}

.px-235{
  padding-left: 235px;
  padding-right: 235px
}

.px-240{
  padding-left: 240px;
  padding-right: 240px
}

.px-250{
  padding-left: 250px;
  padding-right: 250px
}

.px-260{
  padding-left: 260px;
  padding-right: 260px
}

.px-270{
  padding-left: 270px;
  padding-right: 270px
}

.px-280{
  padding-left: 280px;
  padding-right: 280px
}

.px-290{
  padding-left: 290px;
  padding-right: 290px
}

.px-300{
  padding-left: 300px;
  padding-right: 300px
}

.px-310{
  padding-left: 310px;
  padding-right: 310px
}

.px-320{
  padding-left: 320px;
  padding-right: 320px
}

.px-330{
  padding-left: 330px;
  padding-right: 330px
}

.px-340{
  padding-left: 340px;
  padding-right: 340px
}

.px-350{
  padding-left: 350px;
  padding-right: 350px
}

body{
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-x: hidden
}

dl,
ol,
ul{
  margin-top: 0;
  margin-bottom: 20px
}

ol{
  padding-left: 20px
}

.post-password-form label{
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 10px
}

.post-password-form input[type=password]{
  font-size: 1.2rem;
  line-height: 20px;
  padding: 12px 20px;
  border: 1px solid #e4e4f2;
  width: 100%
}

.post-password-form input[type=submit]{
  background-color: #2394fe;
  border: none;
  padding: 10px 40px;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.post-password-form input[type=submit]:hover{
  background-color: #14203a
}

table{
  margin-bottom: 20px;
  width: 100%
}

table caption{
  border: 1px solid #dfe2e9;
  padding: 6px 10px;
  border-top: 0
}

table td,
table th{
  background-color: transparent;
  border: 1px solid #dfe2e9;
  text-align: center;
  padding: 8px;
  -webkit-transition: .3s;
  transition: .3s
}

table td#today,
table th#today{
  background: #2394fe;
  color: #fff
}

table td#today a,
table th#today a{
  color: #fff
}

.tp-page-content .size-full.alignright{
  margin-bottom: 15px;
  margin-top: 20px
}

.tp-page-content figure.wp-caption.aligncenter{
  margin-top: 40px
}

.tp-page-content dl,
.tp-page-content ol,
.tp-page-content ul{
  margin-bottom: 11px
}

.tp-page-content .te-comment-respond{
  margin-top: 78px;
  margin-bottom: 20px
}

.tp-page-content .te-latest-comments .te-comment-respond{
  margin-bottom: 40px
}

.tp-page-content .te-post-comments{
  margin-top: 80px
}

.screen-reader-text{
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important
}

.screen-reader-text:focus{
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

.wp-caption{
  margin-bottom: 1.5em;
  max-width: 100%
}

.wp-caption img[class*=wp-image-]{
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption .wp-caption-text{
  margin: .8075em 0;
  font-size: 14px;
  font-style: italic
}

.wp-caption-text{
  text-align: center
}

.gallery{
  margin-bottom: 10px
}

.gallery-item{
  display: inline-block;
  max-width: 33.33%;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding-right: 5px !important
}

.gallery-columns-1 .gallery-item{
  max-width: 100%;
  width: 100%
}

.gallery-columns-2 .gallery-item{
  max-width: 50%
}

.gallery-columns-3 .gallery-item{
  max-width: 33.33%
}

.gallery-columns-4 .gallery-item{
  max-width: 25%
}

.gallery-columns-5 .gallery-item{
  max-width: 20%
}

.gallery-columns-6 .gallery-item{
  max-width: 16.66%
}

.gallery-columns-7 .gallery-item{
  max-width: 14.28%
}

.gallery-columns-8 .gallery-item{
  max-width: 12.5%
}

.gallery-columns-9 .gallery-item{
  max-width: 11.11%
}

.gallery-caption{
  display: block
}

.size-thumbnail{
  margin-bottom: 20px
}

img.emoji{
  width: 15px;
  height: 15px
}

.alignleft{
  display: inline;
  float: left;
  margin-right: 1.5em !important
}

.alignright{
  display: inline;
  float: right;
  margin-left: 1.5em !important
}

.aligncenter{
  clear: both;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center
}

.wp-block-search__input{
  border: 1px solid #dfe2e9 !important
}

.wp-block-search__button{
  margin-left: 0 !important
}

.wp-block-social-links{
  padding-left: 0 !important
}

.wp-block-social-links li{
  padding-top: 0 !important
}

.te-post-item.format-quote blockquote{
  padding: 45px;
  margin: 0
}

blockquote{
  overflow: hidden;
  padding: 30px 30px 30px 30px !important;
  margin: 30px 0;
  position: relative;
  z-index: 1;
  background-color: #f9f4f1
}

blockquote p{
  font-family: Inter, sans-serif;
  font-size: 20px;
  color: #14203a;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: .5px;
  margin-bottom: 0
}

blockquote p a{
  color: #2394fe;
  text-decoration: underline
}

blockquote footer{
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: #14203a;
  margin-top: 20px;
  margin-bottom: 20px
}

.wp-block-quote,
blockquote{
  border-left: solid 5px #2394fe
}

.wp-block-pullquote{
  border-top: 5px solid #2394fe !important;
  border-bottom: 5px solid #2394fe !important;
  background-color: #eef5f8
}

.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote__citation{
  margin-top: 10px;
  display: block
}

.wp-block-column:not(:first-child),
.wp-block-column:nth-child(2n){
  margin-left: 10px
}

.wp-block-column:not(:last-child){
  margin-right: 10px
}

.wp-block-column:nth-child(odd){
  margin-right: 10px
}

.te-post-content>.alignwide{
  margin-left: 0;
  margin-right: 0;
  width: calc(100% + 20px);
  max-width: calc(100% + 20px)
}

.te-post-content p.has-large-font-size{
  font-size: 36px;
  line-height: 1.2
}

.te-post-content .wp-block-search{
  margin-bottom: 15px
}

.te-post-content .wp-block-file{
  margin-top: 20px
}

.te-post-content .wp-block-group__inner-container p{
  margin-top: 0 !important
}

.has-very-light-gray-color.has-very-light-gray-color{
  color: #fff;
  background: #2394fe !important
}

.wp-block-button{
  margin-bottom: 10px
}

.wp-block-archives select,
.wp-block-categories select{
  height: 50px;
  width: 200px;
  border: 1px solid #ddd;
  padding: 0 10px;
  margin-bottom: 10px
}

.wp-block-te-latest-comments{
  padding-left: 0 !important
}

.wp-block-cover p.wp-block-cover-text,
.wp-block-cover.is-light .wp-block-cover__inner-container{
  color: #fff !important
}

.wp-block-cover-text a{
  color: #fff
}

.wp-block-rss{
  padding-left: 0 !important
}

.widget .wp-block-archives-dropdown,
.widget .wp-block-categories-dropdown,
.widget .wp-block-loginout,
.widget .wp-block-social-links,
.widget .wp-block-tag-cloud,
.widget.te_widget_categories select,
.widget.te_widget_search .search-form,
.widget.te_widget_tag_cloud .tagcloud,
.widget.widget_archive select,
.widget.widget_text select{
  margin-bottom: 6px
}

.wp-block-latest-posts .wp-block-latest-posts__te-post-title{
  display: inline-block;
  width: 100%
}

nav.wp-calendar-nav{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: flex
}

nav.wp-calendar-nav a{
  color: #335371
}

nav.wp-calendar-nav a:hover{
  color: #2394fe
}

.blog-search-content{
  margin: 0
}

.blog-search-content .search-form,
.blog-search-content .sidebar__search,
.blog-search-content .wp-block-search{
  display: flex;
  width: 50%;
  overflow: hidden
}

.blog-search-content .search-form .wp-block-search__inside-wrapper,
.blog-search-content .sidebar__search .wp-block-search__inside-wrapper,
.blog-search-content .wp-block-search .wp-block-search__inside-wrapper{
  display: flex;
  padding: 0 !important
}

.blog-search-content .search-form label,
.blog-search-content .sidebar__search label,
.blog-search-content .wp-block-search label{
  font-size: 24px;
  display: block;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 30px;
  color: #14203a;
  font-family: Inter, sans-serif
}

.blog-search-content .search-form input,
.blog-search-content .sidebar__search input,
.blog-search-content .wp-block-search input{
  background-color: #fff;
  border: 1px solid #e1e1e1 !important;
  padding: 0 25px;
  height: 60px;
  width: 100%;
  color: #335371;
  font-size: 15px;
  border-radius: 6px 0 0 6px
}

.blog-search-content .search-form button,
.blog-search-content .sidebar__search button,
.blog-search-content .wp-block-search button{
  color: #fff;
  padding: 0 20px;
  position: relative;
  right: 0;
  background-color: #2394fe;
  top: 0;
  height: auto;
  border-radius: 0 6px 6px 0;
  line-height: 0;
  border: 0;
  margin-left: 0 !important
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.tp-page-content .wp-smiley{
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0
}

embed,
iframe,
object{
  max-width: 100%
}

.te-comment-respond.style-two .wpcf7-form .wpcf7-not-valid-tip{
  color: #d9c0b8 !important
}

.te-comment-respond .wpcf7-form .wpcf7-not-valid{
  border-color: #dc3232 !important
}

.te-comment-respond .wpcf7-form .wpcf7-not-valid-tip{
  font-size: 16px;
  margin-top: 5px
}

.te-comment-respond .wpcf7-form.sent .wpcf7-response-output{
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -.01em;
  color: #72dc60;
  padding: 15px 20px;
  text-align: center;
  position: relative;
  background: #f4fff5;
  border: 1px solid #cdf5c8 !important;
  border-radius: 10px
}

.te-comment-respond .wpcf7-form.invalid .wpcf7-response-output{
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -.01em;
  color: #dc3232;
  padding: 15px 20px;
  text-align: center;
  position: relative;
  background: #fff7f7;
  border: 1px solid #fed8d8 !important;
  border-radius: 10px
}

input[type=checkbox],
input[type=radio]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  width: 22px !important;
  height: 22px !important;
  border-color: #dfe2e9;
  border-radius: 3px !important;
  background-color: transparent !important;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s;
  transition: .3s;
  position: relative !important;
  padding: 0 !important;
  cursor: pointer;
  margin-top: 0 !important;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

input[type=radio]::before{
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #2394fe;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

input[type=checkbox]::before{
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.44899 7.76355C3.36328 7.84971 3.24641 7.89784 3.12495 7.89784C3.00349 7.89784 2.88662 7.84971 2.80091 7.76355L0.213156 5.17534C-0.0554271 4.90676 -0.0554271 4.47134 0.213156 4.20321L0.537198 3.87917C0.805781 3.61059 1.24074 3.61059 1.50932 3.87917L3.12495 5.4948L7.49057 1.12917C7.75916 0.860589 8.19457 0.860589 8.4627 1.12917L8.78674 1.45321C9.05532 1.7218 9.05532 2.15721 8.78674 2.42534L3.44899 7.76355Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
  height: 100%;
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #2394fe;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

input[type=checkbox]:checked::before,
input[type=radio]:checked::before{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important
}

input[type=checkbox]:checked,
input[type=radio]:checked{
  border-color: #2394fe !important
}

.wpcf7-form-control{
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.wpcf7-form-control .wpcf7-te-list-item{
  margin: 0
}

.wpcf7-form-control .wpcf7-te-list-item label{
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0;
  gap: 10px
}

.wpcf7-form-control .wpcf7-te-list-item label .wpcf7-te-list-item-label{
  font-size: 16px;
  font-weight: 400
}

.logged-in .te-comment-respond textarea{
  margin-bottom: 12px
}

.zoom-instagram-widget p{
  color: #fff
}

.zoom-instagram-widget p a{
  color: #e7f914
}

.zoom-instagram-widget ul{
  list-style: none
}

.zoom-instagram-widget ul li{
  color: #fff
}

body.admin-bar .header-menu-area.sticky_menu{
  top: 30px
}

.page-template-default.page-id-146 .tp-page-content p:last-child{
  margin-bottom: 10px
}

.page-template-default.page-id-1133 .tp-page-content .te-comment-respond{
  margin-top: 78px;
  display: inline-block;
  width: 100%
}

.page-template-default.page-id-3 .page-area{
  padding-top: 128px
}

.single-post-item.post-24 .wp-block-button a{
  color: #fff
}

.post-template-default.postid-163 .te-blog-details-wrapper .te-post-item .te-post-content{
  margin-bottom: 34px
}

.post-template-default.postid-150 .te-blog-details-wrapper .te-post-item .te-post-content{
  margin-bottom: 34px
}

.post-template-default.postid-150 .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group.is-layout-constrained:last-child{
  border: 1px solid #10102f
}

.post-template-default.postid-51 .te-blog-details-wrapper .te-post-item .te-post-content{
  margin-bottom: 25px
}

.post-template-default.postid-51 .te-blog-details-wrapper .te-post-item .te-post-content p:last-child{
  margin-bottom: 0
}

.post-template-default.postid-1163 .te-blog-details-wrapper .te-post-item .te-post-content .wp-caption,
.post-template-default.postid-568 .te-blog-details-wrapper .te-post-item .te-post-content .wp-caption{
  margin-top: 20px
}

.post-template-default.postid-1785 .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-button__link{
  color: #fff !important
}

.post-template-default.postid-1149 .te-blog-details-wrapper .te-latest-comments li .te-comments-item .te-comments-text p{
  margin-bottom: 0
}

.post-template-default.postid-555 .te-blog-details-wrapper .te-post-item .te-post-content .gallery{
  margin-top: 20px
}

.error-404.not-found{
  margin-top: -20px;
  margin-bottom: 40px
}

.error-404.not-found .error-content .error-btn-bh{
  margin-top: 20px
}

.te-blog-details-wrapper .te-post-item .te-post-content img{
  margin: 20px 0
}

.sidebar .widget_media_gallery .gallery-item{
  margin-bottom: 0
}

.sidebar .widget_media_gallery .gallery-item img{
  margin-bottom: 5px !important
}

@-webkit-keyframes MovefadeUp{
  0% {
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px)
}

100%{
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}


}


@keyframes MovefadeUp{
  0% {
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px)
}


}


.MovefadeUp{
  -webkit-animation-name: MovefadeUp;
  animation-name: MovefadeUp
}

@-webkit-keyframes ripple{
  70% {
  -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 30px rgba(255, 255, 255, 0)
}

100%{
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
}


}


@keyframes ripple{
  70% {
  -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 30px rgba(255, 255, 255, 0)
}


}


@-webkit-keyframes pulse{
  to {
  -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 45px rgba(255, 255, 255, 0)
}


}


@keyframes pulse{
  to {
  -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 45px rgba(255, 255, 255, 0)
}


}


@-webkit-keyframes animatelinebar{
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

100%{
  -webkit-transform: translateX(25px);
  transform: translateX(25px)
}


}


@keyframes animatelinebar{
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}


}


@-webkit-keyframes slideUpIn{
  0% {
  -webkit-transform: translateY(40px)
}

100%{
  -webkit-transform: translateY(0)
}

0%{
  -webkit-transform: translateY(40px)
}


}


@keyframes slideUpIn{
  0% {
  -webkit-transform: translateY(40px);
  transform: translateY(40px)
}

100%{
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

0%{
  -webkit-transform: translateY(40px);
  transform: translateY(40px)
}


}


@-webkit-keyframes MoveLeftRight{
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

100%{
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}


}


@keyframes MoveLeftRight{
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}


}


@-webkit-keyframes MoveUpDown{
  0% {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

100%{
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px)
}


}


@keyframes MoveUpDown{
  0% {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}


}


@-webkit-keyframes Animated3{
  0% {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

100%{
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px)
}


}


@keyframes Animated3{
  0% {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}


}


@-webkit-keyframes Animated4{
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

100%{
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}


}


@keyframes Animated4{
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}


}


@-webkit-keyframes UpToDown{
  49% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

50%{
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

51%{
  opacity: 1
}


}


@keyframes UpToDown{
  49% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}


}


@-webkit-keyframes Scroll{
  0% {
  -webkit-transform: translateX(-50vw);
  transform: translateX(-50vw);
  transform: translateX(-50vw)
}

100%{
  -webkit-transform: translateX(50vw);
  transform: translateX(50vw);
  transform: translateX(50vw)
}


}


@keyframes Scroll{
  0% {
  -webkit-transform: translateX(-50vw);
  transform: translateX(-50vw);
  transform: translateX(-50vw)
}


}


@-webkit-keyframes spin{
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
}


}


@keyframes spin{
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
}


}


@-webkit-keyframes zoom-in-zoom-out{
  0% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}

50%{
  -webkit-transform: scale(.7, .7);
  transform: scale(.7, .7)
}

100%{
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}


}


@keyframes zoom-in-zoom-out{
  0% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}


}


@keyframes spin{
  100% {
  -webkit-transform: rotate(359deg);
  transform: rotate(359deg)
}


}


#preloader{
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999999;
  right: 0;
  bottom: 0
}

#preloader-status{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.progress-wrap{
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 2px #f7fbfe;
  box-shadow: inset 0 0 0 2px #f7fbfe;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.progress-wrap.active-progress{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.progress-wrap::after{
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  content: '\f062';
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: #2394fe;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.progress-wrap svg path{
  fill: #f7fbfe
}

.progress-wrap svg.progress-circle path{
  stroke: #2394fe;
  stroke-width: 4;
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

body.admin-bar .header-area.style-2.login .te-header-menu-area{
  top: auto !important
}

.header-area .container-fluid{
  padding: 0 70px
}

.header-area.style-2 .header-top{
  padding: 9px 0;
  background-color: #f9f4f1
}

.header-area.style-2 .header-top .te-header-contact-info span{
  color: #677471
}

.header-area.style-2 .header-top .te-header-contact-info span i{
  color: #2394fe
}

.header-area.style-2 .header-top .te-header-contact-info span a{
  color: #677471
}

.header-area.style-2 .header-top .te-social-profile a{
  color: #2394fe;
  background-color: #e0e6f8;
  width: 42px;
  height: 42px
}

.header-area.style-2 .header-top .te-social-profile a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #fff;
  background-color: #2394fe
}

.header-area.style-2 .te-header-menu-area{
  position: fixed;
  top: 20px;
  left: 0;
  width: 100%
}

.header-area.style-2 .te-header-menu-area .menu-wrapper{
  background: 0 0 !important;
  border-radius: 0 !important;
  padding: 0 !important
}

.te-quote-btn{
  background: linear-gradient(90deg, #2394fe, #984bf8);
  background-size: 200% 200%;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 11.5px;
  padding: 6px 16px;
  border: none;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all .3s ease;
  animation: gradientShift 5s ease infinite;
  box-shadow: 0 2px 5px rgba(35, 148, 254, .25)
}

.te-quote-btn:hover{
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(152, 75, 248, .35);
  background-position: 100% 50%
}

.te-quote-btn i{
  font-size: 12px
}







.header-top{
  padding: 6px 0;
  background-color: #2394fe;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05)
}

.header-top .te-header-top-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 60px
}

.header-top .header-top-info{
  display: flex;
  gap: 0 24px
}

.header-top .te-header-contact-info{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 33px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.header-top .te-header-contact-info span{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif
}

.header-top .te-header-contact-info span.te-contact-info-item{
  gap: 0 10px !important
}

.header-top .te-header-contact-info span a{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif
}

.header-top .header-top-btn a{
  position: relative;
  padding: 12px 46px;
  font-size: 18px;
  font-family: Inter, sans-serif;
  color: #fff;
  margin-bottom: -100px;
  display: inline-block;
  font-weight: 500;
  z-index: 2
}

.header-top .header-top-btn a:hover:after{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background-color: linear-gradient(90deg, #2394fe, #984bf8)
}

.header-top .header-top-btn a:after{
  position: absolute;
  content: "";
  border-radius: 0 0 10px 10px;
  background-color: linear-gradient(90deg, #2394fe, #984bf8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.header-top .te-social-profile{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.header-top .te-social-profile .te-social-profile-label{
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  color: #14203a;
  margin-right: 14px
}

.header-top .te-social-profile a{
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 50px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.header-top .te-social-profile a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #14203a;
  background-color: #e7f914
}

.te-header-menu-area{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(16, 16, 47, .55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 9999
}

.te-main-menu{
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 40px
}

.te-header-menu-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between
}

.te-header-menu-area .te-logo{
  height: 100px;
  position: relative;
  z-index: 999;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.te-header-menu-area .te-logo .te-standard-logo img{
  max-height: 42px !important;
  width: auto;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-menu-wrapper{
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.te-menu.d-inline-block{
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100%
}

.te-header-btn .te-quote-btn{
  white-space: nowrap !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important
}

.te-main-menu ul{
  display: flex !important;
  justify-content: flex-end;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none
}

.te-main-menu ul li{
  display: inline-block;
  position: relative
}

.te-main-menu ul li.te-active{
  position: relative
}

.te-main-menu ul li.te-active>a{
  color: #2394fe
}

.te-main-menu ul li.te-active>a:after{
  color: #2394fe;
  font-size: 13px;
  margin-left: 5px
}

.te-main-menu ul li.dropdown>a:after{
  visibility: visible;
  font-size: 13px;
  margin-left: 5px
}

.te-main-menu ul li.dropdown .dropdown>a:after{
  visibility: visible;
  font-size: 13px
}

.te-main-menu ul li ul.te-submenu li.te-active>a{
  position: relative;
  z-index: 2;
  color: #fff
}

.te-main-menu ul li ul.te-submenu li.te-active>a:after{
  color: #fff;
  font-size: 13px
}

.te-main-menu ul li a{
  display: flex !important;
  align-items: center !important;
  padding: 18px 14px !important;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  position: relative;
  color: #fff;
  font-family: "Spline Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 65px !important;
  line-height: 65px !important
}

.te-main-menu ul li a:after{
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  margin-top: -5px;
  visibility: hidden;
  font-size: 0
}

.te-main-menu ul li a:hover{
  background: linear-gradient(90deg, #317efe, #7b61ff, #317efe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  background-size: 200%;
  animation: flowingText 2s linear infinite
}

.te-main-menu>ul>li>a{
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  transition: color .3s ease
}

.te-main-menu>ul>li>a::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #2394fe, #984bf8);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease-in-out
}

@keyframes flowingText{
  0% {
  background-position: 0
}

100%{
  background-position: 200%
}


}


.te-main-menu>ul>li>a:hover::before{
  transform: scaleX(1)
}

.te-main-menu>ul>li>a:hover{
  color: linear-gradient(90deg, #2394fe, #984bf8)
}

.te-main-menu ul li:hover>ul{
  visibility: visible;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1)
}

.te-main-menu ul li ul li:hover ul{
  visibility: visible;
  top: -2px
}

.te-main-menu ul ul{
  background-color: #fff;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  visibility: hidden;
  z-index: 99999;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-box-shadow: 0 10px 20px 0 rgba(8, 0, 42, .08);
  box-shadow: 0 10px 20px 0 rgba(8, 0, 42, .08);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0)
}

.te-main-menu ul ul li{
  float: none;
  width: 210px
}

.te-main-menu ul ul li ul{
  visibility: hidden
}

.te-main-menu ul ul li i{
  float: right
}

.te-main-menu ul ul li a{
  line-height: initial;
  padding: 10px 20px;
  color: #14203a;
  border-bottom: 1px solid #e1e1e1;
  margin-left: 0;
  font-size: 16px
}

.te-main-menu ul ul li a:hover:after{
  color: #fff
}

.te-main-menu ul ul li:last-child a{
  border-bottom: 0
}

.te-main-menu ul ul ul{
  left: 100%;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  opacity: 0;
  border-top: 2px solid
}

.te-animation{
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.te-slideUpIn{
  -webkit-animation-name: slideUpIn;
  animation-name: slideUpIn
}

.te-header-btn{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1px;
  margin-left: auto;
  flex-shrink: 0 !important
}

.te-header-btn .te-icon{
  width: 72px;
  background-color: #2394fe;
  height: 72px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #fff;
  font-size: 18px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-header-btn .te-icon:hover{
  background-color: #e7f914;
  color: #14203a;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-header-btn .te-cta-btn{
  display: inline-flex;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e7f914;
  padding: 10px 30px;
  color: #14203a;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-header-btn .te-cta-btn:hover{
  background-color: #2394fe;
  color: #fff
}

.te-search-form-wrapper{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .6);
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-search-form-wrapper.te-active{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-search-form-wrapper .te-search-form-inner{
  width: 768px;
  position: relative;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%
}

.te-search-form-wrapper .te-search-form-inner .te-search-content-filed{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px
}

.te-search-form-wrapper .te-search-form-inner .te-search-content-filed .te-search-close{
  cursor: pointer;
  font-size: 30px;
  color: #fff
}

.te-search-form-wrapper .te-search-form-inner .te-search-form{
  background: #fff;
  -webkit-box-shadow: 0 30px 70px rgba(208, 225, 242, .3);
  box-shadow: 0 30px 70px rgba(208, 225, 242, .3);
  border-radius: 5px;
  padding: 15px 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input .te-search-icon{
  display: flex
}

.te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input button.te-submit-search-btn{
  padding: 15px 24px !important
}

.te-search-form-wrapper .te-search-form-inner .te-search-form input[type=search]{
  margin-top: 0 !important;
  background: 0 0 !important;
  border: 0 !important;
  padding: 0 12px !important;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.mean-container a.meanmenu-reveal{
  display: none !important
}

.mean-container .mean-nav{
  background: 0 0
}

.mean-container .mean-bar{
  padding: 0;
  min-height: auto;
  background: 0 0
}

.mean-container .mean-nav>ul{
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important
}

.mean-container .mean-nav ul li a{
  width: 100%;
  padding: 14px 0;
  border-top: 1px solid #dfe2e9;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.mean-container .mean-nav ul li a.mean-expand{
  margin-top: 5px;
  padding: 0 !important;
  border: 1px solid #dfe2e9 !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #14203a;
  top: 0;
  font-weight: 400
}

.mean-container .mean-nav ul li>a>i{
  display: none
}

.mean-container .mean-nav ul li>a.mean-expand i{
  display: inline-block
}

.mean-container .mean-nav>ul>li:first-child>a{
  border-top: 0
}

.mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked{
  background-color: #2394fe;
  border-color: #2394fe !important
}

.mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked i{
  color: #fff
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked{
  color: #fff
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #fff
}

.te-mobile-menu-bar a{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.te-mobile-menu-bar a i{
  color: #14203a;
  font-size: 22px
}

.te-body-overlay{
  background-color: rgba(0, 0, 0, .6);
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9998;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease-out;
  transition: opacity .3s ease;
  background: rgba(0, 0, 0, .5)
}

.te-body-overlay.active{
  opacity: 1;
  visibility: visible
}

.te-body-overlay:hover{
  cursor: pointer
}

.slider-area{
  overflow: hidden;
  position: relative;
  background: #10102f
}

.slider-area.style-2 .te-single-slider{
  height: auto !important;
  min-height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0
}

.slider-area.style-2 .te-single-slider .slider-right-shape{
  position: absolute;
  left: -60px;
  -webkit-animation: MoveLeftRight 2s linear infinite alternate;
  animation: MoveLeftRight 2s linear infinite alternate;
  top: 0
}

.slider-area.style-2 .te-single-slider .slider-circle-shape{
  position: absolute;
  left: 180px;
  z-index: -1;
  bottom: 80px;
  -webkit-animation: zoom-in-zoom-out 7s linear infinite alternate;
  animation: zoom-in-zoom-out 7s linear infinite alternate
}

.slider-area .te-slider-wrapper .slick-active .te-slider-btn-wrapper,
.slider-area .te-slider-wrapper .slick-active .te-slider-short-desc,
.slider-area .te-slider-wrapper .slick-active .te-slider-short-title,
.slider-area .te-slider-wrapper .slick-active .te-slider-title{
  -webkit-animation-name: MovefadeUp;
  animation-name: MovefadeUp;
  -webkit-animation-fill-mode: both
}

.slider-area .te-slider-wrapper .slick-active .te-slider-short-title{
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-duration: .3s;
  animation-duration: .3s
}

.slider-area .te-slider-wrapper .slick-active .te-slider-title{
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.slider-area .te-slider-wrapper .slick-active .te-slider-short-desc{
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
  -webkit-animation-duration: .7s;
  animation-duration: .7s
}

.slider-area .te-slider-wrapper .slick-active .te-slider-btn-wrapper{
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  -webkit-animation-duration: .9s;
  animation-duration: .9s
}

.slider-area .te-slider-wrapper .slick-dots{
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 50%;
  right: 46px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2
}

.slider-area .te-slider-wrapper .slick-dots li{
  display: inline-block;
  line-height: 0;
  outline: 1px solid transparent;
  border: 4px solid transparent;
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.slider-area .te-slider-wrapper .slick-dots li button{
  font-size: 2px;
  text-indent: -9999px;
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: #2394fe;
  border-radius: 50px;
  position: relative;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.slider-area .te-slider-wrapper .slick-dots li button:hover{
  background-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.slider-area .te-slider-wrapper .slick-dots li.slick-active{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  outline: 1px solid #2394fe
}

.slider-area .te-slider-wrapper .slick-dots li.slick-active button{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.slider-area .te-single-slider{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 2
}

.slider-area .te-single-slider .te-slider-overlay{
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.slider-area .te-single-slider .te-slider-overlay .te-slider-overlay-shape{
  position: absolute;
  top: 0;
  height: 100%;
  left: -340px;
  width: 100%
}

.slider-area .te-single-slider .te-slider-content-wrapper{
  position: relative;
  z-index: 99
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-title{
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #2394fe;
  display: inline-block;
  width: 100%;
  margin-bottom: 15px
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title{
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 69px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1px;
  margin-bottom: 30px
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc{
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #fff
}

@media (min-width: 769px) {
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper {
    padding-top: 52px;
  }
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 27px;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-theme-btn{
  padding: 11px 30px;
  color: #fff;
  border-radius: 50px;
  background-color: #2394fe;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.slider-area.style-1{
  position: relative;
  overflow: visible;
  background: 0 0
}

.slider-area.style-1:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 500px;
  opacity: .3;
  background: #2394fe;
  -webkit-filter: blur(681.9541625977px);
  filter: blur(681.9541625977px)
}

.slider-area.style-1 .te-single-slider{
  position: relative;
  background: #10102f
}

.slider-area.style-1 .te-single-slider .te-slider-overlay{
  left: 0;
  background: #10102f
}

.slider-area.style-1 .te-single-slider .te-slider-overlay::before{
  display: none
}

.slider-area.style-1 .te-single-slider .slider-shape{
  position: absolute;
  border-radius: 20px;
  overflow: hidden
}

.slider-area.style-1 .te-single-slider .slider-shape img{
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0
}

.slider-area.style-1 .te-single-slider .shape-one{
  top: 50px;
  left: 0;
  width: 300px;
  height: 290px
}

.slider-area.style-1 .te-single-slider .shape-two{
  top: 0;
  right: 0;
  width: 300px;
  height: 310px
}

.slider-area.style-1 .te-single-slider .shape-three{
  bottom: 30px;
  left: 50%;
  width: 330px;
  height: 170px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.slider-area.style-1 .te-single-slider .te-slider-container{
  display: flex;
  padding: 120px 0;
  gap: 30px
}

.slider-area.style-1 .te-single-slider .te-slider-container .te-slider-column{
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.slider-area.style-1 .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-theme-btn{
  background-color: #2394fe;
  color: #fff
}

.slider-area.style-1 .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper .te-theme-btn:hover{
  background-color: #e7f914;
  color: #14203a
}

.slider-area.style-1 .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title{
  font-size: 82px;
  font-weight: 500;
  line-height: 96.76px;
  letter-spacing: -1px
}

.slider-area.style-1 .te-slider-wrapper .container{
  position: relative
}

.slider-area.style-1 .te-slider-wrapper .slider-shape-bg{
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: 100px
}

.slider-area.style-1 .te-slider-wrapper .slider-shape-bg:before{
  position: absolute;
  content: "";
  width: 400px;
  height: 400px;
  background: #e7f914;
  border-radius: 500px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  right: 0
}

.te-info-card-wrapper{
  position: relative
}

.te-info-card{
  padding: 40px;
  position: relative;
  margin-bottom: 24px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  border-radius: 20px;
  top: 0
}


.te-info-card .te-info-card-inner{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  height: 100%
}

.te-info-card .te-image-wrapper{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.te-info-card .te-image-wrapper img{
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-info-card .te-image-wrapper .overlay{
  width: 100%;
  height: 100%;
  background: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .6
}

.te-info-card .icon{
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: 54px;
  height: 50px
}

.te-info-card .icon img{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-info-card .te-content-wrapper{
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.te-info-card .te-title-wrapper{
  display: flex;
  gap: 16px;
  padding-bottom: 10px;
  border-bottom: none;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.te-info-card .te-title-wrapper .icon{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 105px;
  height: 105px;
  background: 0 0;
  border-radius: 100%;
  border: 1px solid #2394fe;
  position: relative
}

.te-info-card .te-title-wrapper .icon::after,
.te-info-card .te-title-wrapper .icon::before{
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #2394fe;
  border: 1px solid #e1e1e1
}

.te-info-card .te-title-wrapper .icon::before{
  top: 15px;
  left: 5px
}

.te-info-card .te-title-wrapper .icon::after{
  bottom: 15px;
  right: 5px
}

.te-info-card .te-title-wrapper .title{
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  margin: 0;
  color: #14203a;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.te-info-card .te-title-wrapper .divider{
  width: 55px;
  height: 2px;
  background-color: #2394fe
}

.te-info-card .content{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.te-info-card .content .desc{
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  margin: 0;
  color: #335371
}

.te-info-card .content .te-read-more{
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

.te-info-card .content .te-read-more .te-theme-btn{
  background-color: transparent;
  color: #fff;
  border: 1px solid #131a2a;
  padding: 9px 28px
}

.te-info-card .content .te-read-more .te-theme-btn:hover{
  background-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-info-card.style-2{
  background-color: #fff;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05);
  border-radius: 20px;
  padding: 40px 40px 27px 40px
}

.te-info-card.style-2:hover .image img{
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-info-card.style-2:hover .content .te-read-more .te-theme-btn{
  background-color: inherit;
  color: #2394fe
}

.te-info-card.style-2 .image{
  border-radius: 20px;
  overflow: hidden
}

.te-info-card.style-2 .image img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 100%
}

.te-info-card.style-2 .te-title-wrapper{
  padding-bottom: 15px
}

.te-info-card.style-2 .te-content-wrapper{
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.te-info-card.style-2 .content{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px
}

.te-info-card.style-2 .content .te-read-more .te-theme-btn{
  padding: 0;
  border: 0
}

.te-icon-card{
  display: flex;
  background: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 40px;
  margin-bottom: 36px
}

.te-icon-card:hover .icon img{
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-icon-card .icon{
  width: 78px;
  height: 78px;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-icon-card .icon img{
  width: 100%;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-icon-card .content{
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.te-icon-card .content .title{
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #14203a;
  margin-bottom: 0
}

.te-icon-card .content .desc{
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #335371;
  margin-bottom: 0
}

.te-icon-card .content .desc a{
  color: #335371
}

.te-icon-card.style-two{
  background: 0 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 34px;
  padding: 64px 70px;
  position: relative;
  margin-bottom: 0
}

.te-icon-card.style-two .divider{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-right: 1px solid #464b4e;
  border-bottom: 1px solid #464b4e
}

.te-icon-card.style-two .icon{
  width: 62px;
  height: 62px
}

.te-icon-card.style-two .icon img{
  width: 100%
}

.te-icon-card.style-two .content{
  gap: 26px
}

.te-icon-card.style-two .content .title{
  color: #fff
}

.te-icon-card.style-two .content .desc{
  color: #c7cdda
}

.te-icon-card.style-three{
  display: flex;
  background: 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 50px
}

.te-icon-card.style-three .icon{
  width: 72px;
  height: 72px;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-icon-card.style-three .icon img{
  width: 100%
}

.te-icon-card.style-three .content{
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.te-icon-card.style-three .content .title{
  color: #fff
}

.te-icon-card.style-three .content .desc{
  color: #c7cdda
}

.te-icon-card.style-2{
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0
}

.te-icon-card.style-2 .icon{
  width: 60px;
  height: 60px;
  background: #f9f4f1;
  border-radius: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  color: #2394fe
}

.te-icon-card.style-2 .content{
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px
}

.te-icon-card.style-2 .content .title{
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: .5px
}

.te-icon-card.style-2 .content .desc{
  line-height: 22px
}

.te-about-image-card .te-main-img-wrapper{
  text-align: right
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner{
  position: relative;
  display: inline-block;
  z-index: 2
}

.about-us-area.style-2 .row{
  align-items: stretch
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner>img{
  border-radius: 0 !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0 !important;
  display: block
}

.te-about-image-card .te-main-img-wrapper .te-main-img-inner .te-img-card-shape{
  position: absolute;
  top: 35px;
  right: -35px;
  z-index: -1;
  -webkit-animation: spin 6s linear infinite;
  animation: spin 6s linear infinite
}

.te-about-image-card .te-company-foundation .title{
  font-size: 14.35px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: .359px;
  color: #14203a;
  margin-bottom: 0;
  text-align: left
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner{
  border-radius: 20px;
  padding-right: 80px;
  margin-top: 23px
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner>img{
  margin: 0;
  border-radius: 20px
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-img-card-shape{
  right: -66px;
  top: 60px;
  -webkit-animation: Animated3 3s linear infinite alternate;
  animation: Animated3 3s linear infinite alternate
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image{
  position: absolute;
  top: 55%;
  right: -45px
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner{
  border: 5px solid #e1e1e1;
  overflow: hidden;
  display: inline-block;
  border-radius: 20px
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn a{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #2394fe;
  width: 76px;
  height: 76px;
  border-radius: 20px;
  color: #fff;
  font-size: 17px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-animation: ripple 4s infinite;
  animation: ripple 4s infinite;
  -webkit-box-shadow: 0 0 0 0 rgba(14, 43, 197, .8);
  box-shadow: 0 0 0 0 rgba(14, 43, 197, .8)
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text{
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 18px 3px rgba(0, 0, 0, .05);
  box-shadow: 0 0 18px 3px rgba(0, 0, 0, .05);
  padding: 14px 15px;
  border-radius: 20px;
  gap: 11px;
  position: absolute;
  left: -33%;
  top: 46%;
  -webkit-animation: MoveLeftRight 2s linear infinite alternate;
  animation: MoveLeftRight 2s linear infinite alternate
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .icon{
  width: 52px;
  height: 52px;
  background-color: #f2e6ff;
  border-radius: 50%;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 30px;
  color: #2394fe
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: left
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text .title{
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .5px;
  color: #14203a
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text span{
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: #335371
}

.te-about-info-card .te-about-info-content{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px
}

.te-about-info-card .te-about-info-content .te-section-title{
  margin-bottom: 0
}

.te-about-info-card .te-about-info-content .te-section-title .title{
  margin-bottom: 0
}

.te-about-info-card .te-about-info-content .te-list-item-wrapper{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px
}

.te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item .icon{
  font-size: 24px;
  color: #2394fe;
  background-color: transparent;
  width: unset;
  height: unset
}

.te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item .text{
  color: #fff
}

.te-about-info-card .te-about-info-content .te-info-list{
  display: flex;
  gap: 30px
}

.te-about-info-card .te-about-info-content .te-info-list .te-single-info-list{
  display: flex;
  gap: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.te-about-info-card .te-about-info-content .te-info-list .te-single-info-list:hover .icon img{
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-about-info-card .te-about-info-content .te-info-list .te-single-info-list .icon{
  margin-bottom: 10px;
  position: relative;
  margin-left: 20px
}

.te-about-info-card .te-about-info-content .te-info-list .te-single-info-list .icon::before{
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 0 25px 60px 25px;
  border-color: transparent transparent rgba(116, 94, 255, .1) transparent;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  top: -16px
}

.te-about-info-card .te-about-info-content .te-info-list .te-single-info-list .icon img{
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-about-info-card .te-about-info-content .te-info-list .te-single-info-list .title{
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: .5px;
  margin-bottom: 0
}

.te-about-info-card .te-about-info-content .te-info-list .te-single-info-list .short-title{
  font-size: 18px;
  font-weight: 400;
  line-height: 26px
}

.te-about-info-card.style-2 .te-about-info-content{
  gap: 10px
}

.te-about-info-card.style-2 .te-about-info-content .te-list-item-wrapper{
  padding-top: 6px;
  gap: 0
}

.te-about-info-card.style-2 .te-about-info-content .te-list-item-wrapper .te-list-item .icon{
  width: 16px;
  height: 16px;
  background-color: #2394fe;
  border-radius: 50%;
  color: #fff;
  font-size: 10px
}

.te-about-info-card.style-2 .te-about-info-content .te-list-item-wrapper .te-list-item .text{
  color: #fff
}

.te-about-info-card.style-2 .te-about-info-content .te-info-list{
  border-top: 1px solid #e1e1e1;
  padding-top: 40px
}

.te-about-info-card.style-2 .te-about-info-content .te-info-list .divider{
  width: 1px;
  background-color: #e1e1e1;
  height: 127px
}

.te-about-info-card.style-three .te-section-title{
  margin-bottom: 40px
}

.te-about-info-card.style-three .about-info-wrapper{
  display: flex
}

.te-about-info-card.style-three .about-info-wrapper .about-info-img{
  border-radius: 12px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-about-info-card.style-three .about-info-wrapper .about-info-img img{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.te-about-info-card.style-three .te-about-info-content{
  padding-left: 50px;
  gap: 30px
}

.te-about-info-card.style-three .te-about-info-content .skill-progressbar-wrapper{
  width: 100%
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper{
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card{
  width: 50%;
  padding: 0;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card .icon{
  width: 40px;
  height: 40px
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card .content{
  gap: 4px
}

.te-about-info-card.style-three .te-about-info-content .te-icon-card-wrapper .te-icon-card .content .title{
  font-size: 18px;
  line-height: 24px
}

.te-about-info-card.style-three .te-about-info-content .te-btn-wrapper{
  margin-top: 7px
}

.te-counter-card{
  z-index: 1;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 60px
}

.te-counter-card .te-counter-item{
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  text-align: center
}

.te-counter-card .te-counter-item:hover .icon img{
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-counter-card .te-counter-item .icon{
  width: 100px;
  height: 100px;
  background-color: #2394fe;
  border-radius: 100%;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-counter-card .te-counter-item .icon img{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-counter-card .te-counter-item .te-counter-title{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  gap: 26px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.te-counter-card .te-counter-item .te-counter-title .content{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 26px
}

.te-counter-card .te-counter-item .number{
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 57px;
  line-height: 46px;
  text-align: center;
  color: #14203a;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  letter-spacing: -1px
}

.te-counter-card .te-counter-item .title{
  margin: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: #335371
}

.te-counter-card .te-counter-item .text{
  margin: 0;
  color: #c7cdda
}

.te-counter-card.style-two{
  grid-template-columns: repeat(3, 1fr);
  gap: 40px
}

.te-counter-card.style-two .te-counter-item{
  text-align: left
}

.te-counter-card.style-two .te-counter-item .te-counter-title{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 30px
}

.te-counter-card.style-two .te-counter-item .counter-content{
  width: 100%
}

.te-counter-card.style-two .te-counter-item .number{
  font-size: 90px
}

.te-counter-card.style-three{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px
}

.te-counter-card.style-three .te-counter-item{
  text-align: left;
  padding: 60px 40px;
  background: #2394fe;
  border-radius: 8px
}

.te-counter-card.style-three .te-counter-item .te-counter-title{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 30px
}

.te-counter-card.style-three .te-counter-item .te-counter-title .title{
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500
}

.te-counter-card.style-three .te-counter-item .number{
  margin: 0;
  color: #fff;
  font-size: 60px;
  line-height: 60px;
  font-weight: 500
}

.te-process-step{
  background-color: #131a2a;
  padding: 50px 40px 65px 40px;
  position: relative;
  margin-bottom: 24px;
  border-radius: 20px;
  overflow: hidden;
  top: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-process-step::before{
  position: absolute;
  content: "";
  width: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  height: 0%;
  background-color: #2394fe;
  bottom: 0;
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-process-step:hover{
  top: -5px
}

.te-process-step:hover::before{
  width: 100%;
  height: 100%;
  border-radius: 0;
  -webkit-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1)
}

.te-process-step:hover .icon img{
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-process-step:hover .counter-number{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-process-step:hover .content .te-read-more .te-theme-btn{
  background-color: #2394fe;
  border-color: #2394fe;
  color: #fff
}

.te-process-step .icon{
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

.te-process-step .icon img{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-process-step .te-content-wrapper{
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.te-process-step .te-counter-wrapper{
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 48px
}

.te-process-step .te-counter-wrapper .shape{
  position: relative
}

.te-process-step .counter-number{
  font-size: 57px;
  font-weight: 500;
  line-height: 77.72px;
  letter-spacing: -1px;
  text-transform: capitalize;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-process-step .te-title-wrapper{
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: none;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.te-process-step .te-title-wrapper .icon{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative
}

.te-process-step .te-title-wrapper .title{
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin: 0;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.te-process-step .content{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px
}

.te-process-step .content .desc{
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  margin: 0;
  color: #fff
}

.te-process-step .content .te-read-more{
  margin-top: -10px
}

.te-process-step .content .te-read-more .te-theme-btn{
  border: 1px solid #e1e1e1;
  color: #2394fe;
  background-color: transparent
}

.te-testimonial-card{
  padding: 49px 40px 40px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
  border-radius: 20px;
  position: relative;
  z-index: 2;
  margin: 10px 0
}

.te-testimonial-card .te-content-wrapper{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.te-testimonial-card .te-content-wrapper .content{
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #335371;
  margin-bottom: 0
}

.te-testimonial-card .te-content-wrapper .te-user-meta{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info{
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .image{
  width: 74px;
  height: 84px;
  border-radius: 20px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .rating{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e7f914;
  font-size: 16px;
  margin-bottom: 26px
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .name{
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: .5px;
  color: #14203a;
  margin-bottom: 0
}

.te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .designation{
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #14203a
}

.te-testimonial-card .te-content-wrapper .te-user-meta .icon{
  color: #e1e1e1;
  font-size: 55px;
  margin-top: 20px
}

.te-testimonial-card-two{
  padding: 40px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05)
}

.te-testimonial-card-two .te-content-wrapper{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.te-testimonial-card-two .te-content-wrapper .content{
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #335371;
  margin-bottom: 0
}

.te-testimonial-card-two .te-content-wrapper .content p{
  margin-bottom: 0
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta{
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info .icon{
  color: #2394fe;
  font-size: 40px
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info .name{
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .5px;
  color: #14203a;
  margin-bottom: 0
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .te-user-info .designation{
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .5px;
  color: #2394fe
}

.te-testimonial-card-two .te-content-wrapper .te-user-meta .image{
  width: 74px;
  height: 74px;
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-testimonial-card.style-3{
  padding: 30px 0 0 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.te-testimonial-card.style-3::before{
  display: none
}

.te-testimonial-card.style-3 .te-content-wrapper{
  gap: 15px
}

.te-testimonial-card.style-3 .te-content-wrapper .content .title{
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: .5px;
  color: #335371;
  margin-bottom: 20px
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #2394fe;
  border-radius: 20px;
  padding: 25px 40px
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .image{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 0;
  position: relative
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .image img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .rating{
  gap: 5px;
  color: #e7f914;
  font-size: 14px;
  margin-bottom: 10px
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info .name span{
  color: #2394fe
}

.te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .icon{
  font-size: 64px;
  color: #e7f914;
  position: absolute;
  top: -5px;
  margin-top: 0;
  right: 0
}

.te-testimonial-slider-wrapper{
  position: relative
}

.te-testimonial-slider-wrapper .slick-list{
  margin: 0 -15px
}

.te-testimonial-slider-wrapper .slick-list .slick-slide{
  margin: 0 15px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-testimonial-slider-wrapper .slick-dots{
  display: flex;
  gap: 16px;
  padding-left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 0
}

.te-testimonial-slider-wrapper .slick-dots li{
  display: inline-block;
  line-height: 0;
  outline: 2px solid transparent;
  border: 5px solid transparent;
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-testimonial-slider-wrapper .slick-dots li button{
  font-size: 2px;
  text-indent: -9999px;
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: #2394fe;
  border-radius: 50px;
  position: relative;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-testimonial-slider-wrapper .slick-dots li.slick-active{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  outline: 2px solid #2394fe
}

.te-testimonial-slider-wrapper .slick-dots li.slick-active button{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-testimonial-slider-wrapper .slick-arrow{
  display: none !important
}

.te-accordion-box-wrapper{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.accordion-wrapper .te-accordion-list-item{
  border: 1px solid #e1e1e1;
  border-radius: 20px
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  padding: 16px 30px;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head:before{
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  font-weight: 500;
  background-color: #2394fe;
  font-size: 12px;
  border-radius: 20px;
  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: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head.collapsed:before{
  position: relative;
  content: "\2b";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  background-color: transparent;
  border-radius: 20px;
  color: #2394fe;
  font-size: 12px;
  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: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.accordion-wrapper .te-accordion-list-item .te-accordion-head .te-accordion-title{
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: .5px
}

.accordion-wrapper .te-accordion-list-item .te-accordion-body{
  font-size: 18px;
  line-height: 36px;
  margin: 0 30px;
  padding-bottom: 4px;
  padding-top: 15px;
  border-top: 1px solid #e1e1e1;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.page-header{
  border-left: 4px solid #dfe2e9;
  padding-left: 45px;
  margin-bottom: 50px
}

.page-header .page-title,
.page-header .te-page-title{
  font-size: 42px;
  line-height: 48px
}

.blog-area ol,
.blog-area ul{
  padding-left: 20px
}

.blog-area ol li,
.blog-area ul li{
  padding-top: 7px
}

.te-post-item{
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 48px;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05);
  border-radius: 20px
}

.te-post-item:hover .post-video img,
.te-post-item:hover .te-post-thumbnail img{
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item iframe{
  width: 100%;
  height: 522px
}

.te-post-item .post-gallery .slick-list .slick-track{
  height: 392px;
  overflow: hidden
}

.te-post-item .te-post-content-wrapper{
  padding: 45px 40px 54px 40px
}

.te-post-item .te-post-content-wrapper .te-read-more{
  margin-top: 40px;
  margin-bottom: 6px;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px
}

.te-post-item.format-quote .te-post-content{
  margin: 0
}

.te-post-item.format-quote blockquote p{
  margin-top: 0
}

.te-post-item.format-quote blockquote cite a{
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #335371;
  margin-top: 20px;
  font-style: normal;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item.format-quote blockquote cite a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #2394fe
}

.te-post-item.sticky{
  border: 2px solid #2394fe
}

.te-post-item.sticky .te-post-content{
  margin-bottom: 0
}

.te-post-item.sticky .te-post-content p{
  margin-bottom: 0
}

.te-post-item .te-post-title{
  font-size: 32px;
  line-height: 45px;
  font-weight: 500;
  margin-bottom: 0
}

.te-post-item .te-post-title:hover a{
  color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item .te-post-content p{
  margin-top: 17px;
  margin-bottom: unset
}

.te-post-item .te-post-content h2,
.te-post-item .te-post-content h3,
.te-post-item .te-post-content h4,
.te-post-item .te-post-content h5,
.te-post-item .te-post-content h6{
  margin-bottom: 10px
}

.te-post-item .te-single-post-meta{
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 32px
}

.te-post-item .te-social-share{
  display: flex;
  gap: 17px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.te-post-item .te-social-share a.facebook{
  color: #1877f2
}

.te-post-item .te-social-share a.twitter{
  color: #1da1f2
}

.te-post-item .te-social-share a.linkedin{
  color: #1a70c6
}

.te-post-item .te-social-share .te-social-share-title{
  font-size: 16px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  color: #14203a;
  margin-right: 5px;
  text-transform: uppercase
}

.te-post-item .te-blog-post-tag{
  width: 100%;
  display: inline-block
}

.te-post-item .te-blog-post-tag span{
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  font-family: Inter, sans-serif;
  color: #14203a;
  margin-bottom: 0;
  margin-right: 30px;
  text-transform: uppercase;
  margin-top: 8px;
  float: left
}

.te-post-item .te-blog-post-tag .te-post-tag-list{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.te-post-item .te-blog-post-tag .te-post-tag-list a{
  color: #335371;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding: 12px 22px;
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  border: 1px solid #e1e1e1;
  text-transform: capitalize
}

.te-post-item .te-blog-post-tag .te-post-tag-list a:hover{
  color: #fff;
  background: #2394fe;
  border-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item .post-video,
.te-post-item .te-post-thumbnail{
  position: relative;
  overflow: hidden
}

.te-post-item .post-video img,
.te-post-item .te-post-thumbnail img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 100%
}

.te-post-item .post-video .popup-video-wrapper,
.te-post-item .te-post-thumbnail .popup-video-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.te-post-item .post-video .video-btn a,
.te-post-item .te-post-thumbnail .video-btn a{
  width: 70px;
  height: 70px;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
  background-color: #fff;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.te-post-item .post-video .video-btn a i,
.te-post-item .te-post-thumbnail .video-btn a i{
  color: #2394fe;
  font-size: 18px
}

.te-post-item .post-video .video-btn a:hover,
.te-post-item .te-post-thumbnail .video-btn a:hover{
  -webkit-animation: none;
  animation: none
}

.te-post-item button.post-gallery-btn{
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 99;
  background-color: #fff;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.te-post-item button.post-gallery-btn.prev-btn{
  left: 30px
}

.te-post-item button.post-gallery-btn.next-btn{
  right: 30px
}

.te-post-item button.post-gallery-btn i{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #14203a;
  font-size: 17px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item button.post-gallery-btn:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background-color: #2394fe
}

.te-post-item button.post-gallery-btn:hover i{
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item .post-audio iframe{
  width: 100%
}

.te-post-item .te-post-meta{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  margin: 13px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.te-post-item .te-post-meta span{
  font-size: 18px;
  font-weight: 400;
  color: #335371;
  text-transform: capitalize;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.te-post-item .te-post-meta span i{
  color: #2394fe;
  font-size: 18px
}

.te-post-item .te-post-meta span a{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #335371;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item .te-post-meta span a:hover{
  color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-item .te-post-meta span a:hover i{
  color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-card{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  gap: 23px;
  margin-bottom: 24px
}

.te-post-card.style-1{
  background-color: #fff;
  padding: 10px;
  border-radius: 20px
}

.te-post-card.style-1 .image{
  height: 290px
}

.te-post-card.style-1 .content{
  padding: 0 20px 20px 20px
}

.te-post-card:hover .image img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-card .image{
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  width: 100%;
  height: 323px
}

.te-post-card .image img{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: scale(1);
  transform: scale(1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0
}

.te-post-card .image .te-post-date{
  position: absolute;
  right: 25px;
  top: 23px;
  background-color: #2394fe;
  border-radius: 20px;
  padding: 13px 18px;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.te-post-card .image .te-post-date span{
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .5px
}

.te-post-card .content{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 3
}

.te-post-card .content .te-post-meta-info{
  display: inline-flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px
}

.te-post-card .content .te-post-meta-info .te-single-meta{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.te-post-card .content .te-post-meta-info .te-single-meta a,
.te-post-card .content .te-post-meta-info .te-single-meta span{
  color: #335371;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize
}

.te-post-card .content .te-post-meta-info .te-single-meta i{
  color: #2394fe
}

.te-post-card .content .title{
  font-size: 24px;
  font-weight: 500;
  line-height: 39.84px;
  letter-spacing: .5px;
  font-family: Inter, sans-serif;
  margin-bottom: 7px;
  color: #14203a;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-card .content a.read-btn{
  font-size: 17px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: .6px;
  text-transform: capitalize;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #14203a
}

.te-post-card .content a.read-btn:hover{
  color: #2394fe
}

.te-post-card.style-2{
  gap: 20px
}

.te-post-card.style-2 .image{
  border-radius: 20px 20px 20px 0
}

.te-post-card.style-2 .image .te-post-date{
  top: unset;
  right: unset;
  left: 0;
  bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 0 5px 0 0;
  padding: 20px 30px
}

.te-post-card.style-2 .content .title{
  font-size: 20px
}

.te-post-card.style-2 .content .te-post-meta-info{
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px
}

.te-blog-details-wrapper .te-comment-respond{
  margin-top: 78px;
  margin-bottom: 40px
}

.te-blog-details-wrapper .te-post-comments{
  margin-top: 70px
}

.te-blog-details-wrapper .wp-block-group.has-background .wp-block-button .wp-block-button__link{
  color: #fff !important
}

.te-blog-details-wrapper .te-post-item{
  border: 0;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}

.te-blog-details-wrapper .te-post-item iframe{
  width: 100%;
  height: 522px
}

.te-blog-details-wrapper .te-post-item .te-post-meta{
  margin-top: 0;
  margin-bottom: 20px
}

.te-blog-details-wrapper .te-post-item .post-gallery:hover img{
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important
}

.te-blog-details-wrapper .te-post-item .post-gallery,
.te-blog-details-wrapper .te-post-item .post-video,
.te-blog-details-wrapper .te-post-item .postbox-audio,
.te-blog-details-wrapper .te-post-item .te-post-thumbnail,
.te-blog-details-wrapper .te-post-item .wp-block-post-featured-image{
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 45px;
  position: relative
}

.te-blog-details-wrapper .te-post-item .post-gallery:hover img,
.te-blog-details-wrapper .te-post-item .post-video:hover img,
.te-blog-details-wrapper .te-post-item .postbox-audio:hover img,
.te-blog-details-wrapper .te-post-item .te-post-thumbnail:hover img,
.te-blog-details-wrapper .te-post-item .wp-block-post-featured-image:hover img{
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-blog-details-wrapper .te-post-item .post-gallery img,
.te-blog-details-wrapper .te-post-item .post-video img,
.te-blog-details-wrapper .te-post-item .postbox-audio img,
.te-blog-details-wrapper .te-post-item .te-post-thumbnail img,
.te-blog-details-wrapper .te-post-item .wp-block-post-featured-image img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 100%
}

.te-blog-details-wrapper .te-post-item .te-post-content-wrapper{
  padding: 0 0 10px 0
}

.te-blog-details-wrapper .te-post-item .te-post-content{
  margin-bottom: 17px
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-query .wp-block-post-template{
  padding-left: 0
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-query .wp-block-post-template .wp-block-post{
  margin-bottom: 30px
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-navigation__responsive-container-content .wp-block-page-list{
  padding-left: 0
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group{
  margin: 15px 0
}

.te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group p{
  margin-bottom: 0
}

.te-blog-details-wrapper .te-post-item .te-post-content p{
  margin-bottom: 20px
}

.te-blog-details-wrapper .te-post-item .te-post-content p img{
  margin: 20px 0;
  border-radius: 8px
}

.te-blog-details-wrapper .te-post-item .te-blog-post-tag .te-social-share{
  padding-bottom: 20px
}

.te-blog-details-wrapper .wp-block-calendar{
  margin-bottom: 30px
}

.te-author-info{
  background-color: #f9f4f1;
  padding: 40px;
  display: flex;
  gap: 30px;
  border-radius: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 130px;
  margin-bottom: 70px
}

.te-author-info .te-author-thumb{
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 20px;
  overflow: hidden
}

.te-author-info .te-author-thumb img{
  border-radius: 20px
}

.te-author-info .te-author-text h3{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 28px
}

.te-author-info .te-author-text .designation{
  font-size: 16px;
  font-style: italic;
  color: #9ba8c3;
  text-transform: capitalize
}

.te-author-info .te-author-text p{
  margin-top: 30px;
  margin-bottom: 0
}

.te-author-info .te-author-social-profiles{
  margin-top: 20px;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.te-author-info .te-author-social-profiles a{
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 38px;
  height: 38px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #2394fe;
  border-radius: 50px
}

.te-author-info .te-author-social-profiles a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background-color: #fff;
  color: #2394fe
}

.te-author-info .te-author-post a{
  font-size: 16px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  color: #14203a;
  border-bottom: 2px solid #e1e1e1;
  margin-top: 30px;
  display: inline-block
}

.te-author-info .te-author-post a:hover{
  color: #2394fe;
  border-color: #2394fe
}

.skill-progressbar-wrapper{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px
}

.skill-progressbar .progress-inner-item{
  position: relative;
  margin: 0;
  line-height: inherit
}

.skill-progressbar .skill-title{
  z-index: 100;
  color: #335371;
  font-size: 18px;
  font-weight: 400;
  font-family: Inter, sans-serif
}

.skill-progressbar .progressbar-number{
  width: 100%;
  z-index: 10
}

.skill-progressbar .progress-number-count{
  padding: 0 8px;
  position: absolute;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%)
}

.skill-progressbar .progress-number-count,
.skill-progressbar .progressbar-number{
  font-size: 18px;
  line-height: 41px;
  height: 8px;
  letter-spacing: 0;
  font-weight: 400;
  text-transform: none;
  font-family: Inter, sans-serif;
  color: #335371
}

.skill-progressbar .progress-content-outter{
  height: 8px;
  background-color: #e1e1e1;
  border-radius: 50px
}

.skill-progressbar .progress-content{
  height: 8px;
  background-color: #2394fe;
  width: 0%;
  border-radius: 50px
}

.cta-area{
  background-color: #2394fe;
  padding: 20px 70px;
  border-radius: 0 0 20px 20px
}

.cta-area .te-content-wrapper{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.cta-area .te-content-wrapper .short-title{
  font-size: 21px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0
}

.cta-area .te-content-wrapper .te-cta-title{
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 57px;
  line-height: 77px;
  letter-spacing: -1px
}

.cta-area .te-content-wrapper .text{
  font-size: 18px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 0
}

.cta-area .te-btn-wrapper{
  margin-top: 30px
}

.cta-area .te-cta-inner-area{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cta-area .te-cta-inner-area .te-cta-collumn{
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.te-section-title{
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 60px
}

.te-section-title.left-align-title .te-section-content{
  margin-top: -15px
}

.te-section-title .te-section-content{
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 2;
  position: relative;
  margin-bottom: -16px;
  margin-top: -18px
}

.te-section-title .short-title{
  font-size: 13px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 2px;
  color: #2394fe;
  position: relative;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  text-transform: uppercase
}

.te-section-title .short-title::after,
.te-section-title .short-title::before{
  content: "";
  width: 40px;
  height: 2px;
  border-bottom: 2px solid #2394fe;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1
}

.te-section-title .short-title.only-divider{
  gap: 10px
}

.te-section-title .short-title.only-divider::before{
  display: none
}

.te-section-title .title{
  font-size: 57px;
  line-height: 65px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  letter-spacing: -1px;
  color: #fff;
  margin-bottom: 0;
  text-transform: capitalize
}

.te-section-title .title span{
  color: #2394fe
}

.te-section-title .te-section-desc{
  font-size: 18px;
  font-weight: 400;
  font-family: Inter, sans-serif;
  color: #a8b2d1;
  margin-bottom: 0
}

.te-section-title .te-section-desc .te-theme-btn{
  background-color: transparent;
  color: #14203a
}

.te-section-title .te-section-desc .te-theme-btn:hover{
  background-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.page-breadcrumb-area{
  padding-top: 230px;
  position: relative;
  background-size: contain;
  background: #10102f;
  background-repeat: no-repeat;
  background-position: left center
}

.page-overlay{
  background: #10102f;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1
}

.te-page-heading .te-page-title,
.te-page-heading h3{
  font-family: Inter, sans-serif;
  font-size: 57px;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  text-transform: capitalize;
  line-height: 77px;
  font-weight: 500
}

.te-breadcrumb-wrapper{
  padding: 0 100px
}

.te-breadcrumb-list{
  text-align: center;
  margin-top: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  color: #14203a;
  text-transform: capitalize;
  line-height: 39px;
  font-weight: 500;
  margin-bottom: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-breadcrumb-list span.current-item{
  color: #2394fe
}

.te-breadcrumb-list a{
  font-family: Inter, sans-serif;
  font-size: 20px;
  text-align: center;
  color: #14203a;
  text-transform: capitalize;
  line-height: 39px;
  font-weight: 500;
  margin-bottom: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-breadcrumb-list a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #2394fe
}

.te-breadcrumb-list ul{
  margin-bottom: 0;
  padding-left: 0;
  display: inline-flex;
  gap: 0 12px
}

.te-breadcrumb-list ul li{
  list-style: none;
  display: inline-flex;
  gap: 0 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #14203a
}

.te-breadcrumb-list ul li.active{
  color: #2394fe
}

.te-breadcrumb-list ul li.active a{
  color: #2394fe
}

.te-breadcrumb-list ul li a{
  font-family: Inter, sans-serif;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-transform: capitalize;
  line-height: 39px;
  font-weight: 500;
  margin-bottom: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-breadcrumb-list ul li a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #2394fe
}

.te-breadcrumb-list ul li:before{
  content: "\f054";
  font-size: 12px;
  color: #14203a;
  font-family: "Font Awesome 6 Pro";
  display: inline-flex
}

.te-breadcrumb-list ul li:first-child:before{
  display: none
}

.comment-navigation,
.navigation.posts-navigation,
.wp-block-query-pagination{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.comment-navigation .wp-block-query-pagination-numbers,
.navigation.posts-navigation .wp-block-query-pagination-numbers,
.wp-block-query-pagination .wp-block-query-pagination-numbers{
  width: inherit
}

.comment-navigation .nav-links,
.navigation.posts-navigation .nav-links,
.wp-block-query-pagination .nav-links{
  display: flex;
  gap: 20px
}

.comment-navigation .nav-next a,
.comment-navigation .nav-previous a,
.comment-navigation .wp-block-query-pagination-next,
.comment-navigation .wp-block-query-pagination-previous,
.navigation.posts-navigation .nav-next a,
.navigation.posts-navigation .nav-previous a,
.navigation.posts-navigation .wp-block-query-pagination-next,
.navigation.posts-navigation .wp-block-query-pagination-previous,
.wp-block-query-pagination .nav-next a,
.wp-block-query-pagination .nav-previous a,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #14203a;
  background-color: #fff;
  border-radius: 50px;
  height: 53px;
  padding: 0 20px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  font-size: 24px;
  font-weight: 500;
  border: 1px solid #dfe2e9;
  text-transform: capitalize
}

.comment-navigation .nav-next a:hover,
.comment-navigation .nav-previous a:hover,
.comment-navigation .wp-block-query-pagination-next:hover,
.comment-navigation .wp-block-query-pagination-previous:hover,
.navigation.posts-navigation .nav-next a:hover,
.navigation.posts-navigation .nav-previous a:hover,
.navigation.posts-navigation .wp-block-query-pagination-next:hover,
.navigation.posts-navigation .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .nav-next a:hover,
.wp-block-query-pagination .nav-previous a:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .wp-block-query-pagination-previous:hover{
  background: #2394fe !important;
  color: #fff;
  border-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.page-links,
.te-basic-pagination,
.wp-block-query-pagination-numbers{
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px
}

.page-links ul,
.te-basic-pagination ul,
.wp-block-query-pagination-numbers ul{
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.page-links ul li,
.te-basic-pagination ul li,
.wp-block-query-pagination-numbers ul li{
  padding-top: 0
}

.page-links ul .next span,
.page-links ul .prev span,
.te-basic-pagination ul .next span,
.te-basic-pagination ul .prev span,
.wp-block-query-pagination-numbers ul .next span,
.wp-block-query-pagination-numbers ul .prev span{
  display: none
}

.page-links .post-page-numbers,
.te-basic-pagination .post-page-numbers,
.wp-block-query-pagination-numbers .post-page-numbers{
  background-color: rgba(71, 112, 247, .1) !important
}

.page-links .page-numbers,
.page-links .post-page-numbers,
.te-basic-pagination .page-numbers,
.te-basic-pagination .post-page-numbers,
.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination-numbers .post-page-numbers{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #14203a;
  background-color: #fff;
  border-radius: 50px;
  height: 60px;
  width: 60px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  font-size: 24px;
  font-weight: 500;
  border: 1px solid #dfe2e9;
  text-transform: capitalize
}

.page-links .page-numbers:hover,
.page-links .post-page-numbers:hover,
.te-basic-pagination .page-numbers:hover,
.te-basic-pagination .post-page-numbers:hover,
.wp-block-query-pagination-numbers .page-numbers:hover,
.wp-block-query-pagination-numbers .post-page-numbers:hover{
  background: #2394fe !important;
  color: #fff;
  border-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.page-links .page-numbers.current,
.page-links .post-page-numbers.current,
.te-basic-pagination .page-numbers.current,
.te-basic-pagination .post-page-numbers.current,
.wp-block-query-pagination-numbers .page-numbers.current,
.wp-block-query-pagination-numbers .post-page-numbers.current{
  background: #2394fe !important;
  color: #fff;
  border-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-blog-post-nav{
  margin: 40px 0;
  background: #fff;
  padding: 23px 30px;
  padding-bottom: 22px;
  border-radius: 20px;
  border: 1px solid #e1e1e1;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px
}

.te-blog-post-nav .te-post-navigation{
  display: flex;
  gap: 20px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 50%
}

.te-blog-post-nav .te-post-navigation::after{
  content: "";
  background-color: #e1e1e1;
  width: 1px;
  height: 100%;
  margin-right: -15px
}

.te-blog-post-nav .te-post-navigation:last-child{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.te-blog-post-nav .te-post-navigation:last-child .text{
  text-align: right
}

.te-blog-post-nav .te-post-navigation:last-child::after{
  display: none
}

.te-blog-post-nav .te-post-navigation .te-post-img{
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #2394fe;
  font-size: 28px;
  color: #fff
}

.te-blog-post-nav .te-post-navigation .te-post-img img{
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  top: 0
}

.te-blog-post-nav .te-post-navigation .text{
  width: 100%
}

.te-blog-post-nav .te-post-navigation .text span{
  font-size: 18px;
  font-family: Inter, sans-serif;
  text-transform: capitalize;
  font-weight: 400;
  display: block;
  color: #335371
}

.te-blog-post-nav .te-post-navigation .text h4{
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  line-height: 30px;
  letter-spacing: .5px
}

.te-blog-post-nav .te-post-navigation .theme-navigation{
  width: 100%
}

.project-page-wrapper{
  padding-top: 120px;
  padding-bottom: 80px
}

.project-details-page{
  padding: 120px 0
}

.project-details{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px
}

.project-details .image{
  border-radius: 20px;
  overflow: hidden
}

.project-details .content{
  display: flex;
  gap: 46px;
  padding-right: 73px
}

.project-details .content .text .title{
  font-size: 57px;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -1px;
  text-transform: capitalize
}

.project-details .content .project-info-wrapper{
  width: 431px;
  background-color: #2394fe;
  border-radius: 20px;
  padding: 50px 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -120px
}

.project-details .content .project-info-wrapper .title{
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: .5px;
  color: #fff;
  margin-bottom: 30px
}

.project-details .content .project-info-wrapper .project-info{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px 0
}

.project-details .content .project-info-wrapper .project-info .te-single-meta{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px
}

.project-details .content .project-info-wrapper .project-info .meta-title{
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .5px;
  color: #fff
}

.project-details .content .project-info-wrapper .project-info .meta-text{
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #fff
}

.project-details-overview{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
  margin-top: 30px
}

.project-details-overview .list-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px
}

.project-details-overview .list-wrapper .image{
  width: 410px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden
}

.project-details-overview .list-wrapper .image img{
  border-radius: 20px
}

.project-details-overview .list-wrapper ul{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  gap: 20px
}

.project-details-overview .list-wrapper ul::after{
  width: 2px;
  height: calc(100% - 20px);
  background-color: #e1e1e1;
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.project-details-overview .list-wrapper ul li{
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.project-details-overview .list-wrapper ul li::before{
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #2394fe;
  content: "";
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 2
}

.project-details-overview .list-wrapper .user-card{
  display: flex;
  gap: 30px;
  padding: 40px 30px 40px 40px;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  margin-top: 50px
}

.project-details-overview .list-wrapper .user-card .image{
  width: 90px;
  height: 90px;
  border-radius: 100px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.project-details-overview .list-wrapper .user-card .content .title{
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: .5px
}

.project-details-overview .list-wrapper .user-card .content .text{
  margin-bottom: 0
}

.te-list-item{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px
}

.te-list-item .icon{
  width: 16px;
  height: 16px;
  border-radius: 50px;
  background: #2394fe;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 10px
}

.te-list-item .text{
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  color: #335371;
  margin: 0
}

.sidebar{
  padding-left: 13px
}

.page-sidebar{
  margin-bottom: 50px;
  padding-left: 18px
}

.sidebar__widget{
  margin-bottom: 40px;
  background-color: #f9f4f1;
  padding: 40px 30px;
  border-radius: 20px
}

.sidebar__widget ol,
.sidebar__widget ul,
.widget ol,
.widget ul{
  margin-bottom: 0
}

.sidebar__widget .widget-instagram-feed,
.widget .widget-instagram-feed{
  width: 315px
}

.sidebar__widget .widget-instagram-feed .single-instagram-feed,
.widget .widget-instagram-feed .single-instagram-feed{
  width: 96px;
  height: 96px
}

.sidebar__widget .widget-title,
.sidebar__widget .wp-block-heading,
.sidebar__widget .wp-block-search__label,
.widget .widget-title,
.widget .wp-block-heading,
.widget .wp-block-search__label{
  font-size: 24px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 30px;
  color: #14203a;
  position: relative
}

.sidebar__widget .wp-block-social-links .wp-social-link,
.widget .wp-block-social-links .wp-social-link{
  padding: 0;
  margin: 0;
  line-height: 0
}

.sidebar__widget .wp-block-social-links .wp-social-link a,
.widget .wp-block-social-links .wp-social-link a{
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sidebar__widget .wp-block-social-links .wp-social-link a:before,
.widget .wp-block-social-links .wp-social-link a:before{
  display: none
}

.sidebar__widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta,
.sidebar__widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta,
.widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta,
.widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta{
  font-weight: 500
}

.sidebar__widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.sidebar__widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link,
.sidebar__widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.sidebar__widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link,
.widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link,
.widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author,
.widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link{
  font-weight: 500
}

.sidebar__widget .wp-block-latest-posts li.wp-block-te-latest-comments__comment,
.sidebar__widget .wp-block-te-latest-comments li.wp-block-te-latest-comments__comment,
.widget .wp-block-latest-posts li.wp-block-te-latest-comments__comment,
.widget .wp-block-te-latest-comments li.wp-block-te-latest-comments__comment{
  margin-bottom: 0
}

.sidebar__widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title,
.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta,
.widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta,
.widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title,
.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta{
  line-height: 28px;
  font-weight: 400
}

.sidebar__widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date,
.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date,
.widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date,
.widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date,
.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date{
  font-size: 14px !important;
  margin-bottom: 10px;
  position: relative
}

.sidebar__widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before,
.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before,
.widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before,
.widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before,
.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before{
  content: "\f274";
  font-family: "Font Awesome 6 Pro";
  padding-right: 8px
}

.sidebar__widget .wp-block-latest-posts li a,
.sidebar__widget .wp-block-te-latest-comments li a,
.widget .wp-block-latest-posts li a,
.widget .wp-block-te-latest-comments li a{
  color: #335371
}

.sidebar__widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-author,
.sidebar__widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-link,
.sidebar__widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-author,
.sidebar__widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-link,
.widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-author,
.widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-link,
.widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-author,
.widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-link{
  display: inline !important;
  text-transform: capitalize;
  line-height: 28px;
  font-weight: 400
}

.sidebar__widget .wp-block-latest-posts li a:hover,
.sidebar__widget .wp-block-te-latest-comments li a:hover,
.widget .wp-block-latest-posts li a:hover,
.widget .wp-block-te-latest-comments li a:hover{
  color: #2394fe
}

.sidebar__widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-excerpt p,
.sidebar__widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-excerpt p,
.widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-excerpt p,
.widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-excerpt p{
  font-size: 16px;
  line-height: 28px;
  margin: 0
}

.sidebar__widget .te-social-profile,
.widget .te-social-profile{
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.sidebar__widget .te-social-profile a,
.widget .te-social-profile a{
  width: 40px;
  height: 40px;
  background-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  border-radius: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px
}

.sidebar__widget .te-social-profile a.facebook,
.widget .te-social-profile a.facebook{
  background-color: #1877f2
}

.sidebar__widget .te-social-profile a.twitter,
.widget .te-social-profile a.twitter{
  background-color: #1da1f2
}

.sidebar__widget .te-social-profile a.linkedin,
.widget .te-social-profile a.linkedin{
  background-color: #2394fe
}

.sidebar__widget .te-social-profile a.instagram,
.widget .te-social-profile a.instagram{
  background-color: #405de6
}

.sidebar__widget .te-social-profile a:hover,
.widget .te-social-profile a:hover{
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background-color: #e7f914
}

.sidebar__widget select,
.widget select{
  max-width: 100%;
  height: 50px;
  width: 100%;
  border: 1px solid #e1e1e1;
  padding: 0 10px;
  border-radius: 50px;
  color: #335371;
  margin-bottom: 0
}

.sidebar__widget .has-login-form .login-password label,
.sidebar__widget .has-login-form .login-username label,
.widget .has-login-form .login-password label,
.widget .has-login-form .login-username label{
  margin-bottom: 10px
}

.sidebar__widget .has-login-form .login-password input,
.sidebar__widget .has-login-form .login-username input,
.widget .has-login-form .login-password input,
.widget .has-login-form .login-username input{
  max-width: 100%;
  height: 50px;
  width: 100%;
  border: 1px solid #31373f;
  padding: 0 10px;
  border-radius: 50px;
  color: #335371
}

.sidebar__widget .has-login-form .login-remember label,
.widget .has-login-form .login-remember label{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.sidebar__widget .has-login-form .login-submit,
.widget .has-login-form .login-submit{
  margin-bottom: 0
}

.sidebar__widget .has-login-form .login-submit input.button-primary,
.widget .has-login-form .login-submit input.button-primary{
  display: inline-flex;
  background: #2394fe;
  color: #fff;
  padding: 12px 32px;
  text-align: center;
  font-weight: 500;
  font-family: Inter, sans-serif;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  -webkit-transition: .3s;
  transition: .3s;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px
}

.sidebar__widget .search-form,
.widget .search-form{
  display: flex !important
}

.sidebar__widget .search-form button,
.widget .search-form button{
  width: 62px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.sidebar__widget.widget_search .sidebar__search,
.widget.widget_search .sidebar__search{
  display: flex !important
}

.sidebar__widget.widget_search .sidebar__search button,
.widget.widget_search .sidebar__search button{
  width: 62px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.sidebar__widget .wp-block-search__no-button.wp-block-search input,
.widget .wp-block-search__no-button.wp-block-search input{
  border-radius: 10px
}

.sidebar__widget .wp-block-search,
.widget .wp-block-search{
  margin-bottom: -2px
}

.sidebar__widget .search-form,
.sidebar__widget .sidebar__search,
.sidebar__widget .wp-block-search,
.widget .search-form,
.widget .sidebar__search,
.widget .wp-block-search{
  display: inline-block;
  width: 100%;
  overflow: hidden
}

.sidebar__widget .search-form .wp-block-search__inside-wrapper,
.sidebar__widget .sidebar__search .wp-block-search__inside-wrapper,
.sidebar__widget .wp-block-search .wp-block-search__inside-wrapper,
.widget .search-form .wp-block-search__inside-wrapper,
.widget .sidebar__search .wp-block-search__inside-wrapper,
.widget .wp-block-search .wp-block-search__inside-wrapper{
  display: flex;
  padding: 0 !important
}

.sidebar__widget .search-form label,
.sidebar__widget .sidebar__search label,
.sidebar__widget .wp-block-search label,
.widget .search-form label,
.widget .sidebar__search label,
.widget .wp-block-search label{
  font-size: 24px;
  display: block;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 30px;
  color: #14203a;
  font-family: Inter, sans-serif
}

.sidebar__widget .search-form input,
.sidebar__widget .sidebar__search input,
.sidebar__widget .wp-block-search input,
.widget .search-form input,
.widget .sidebar__search input,
.widget .wp-block-search input{
  background-color: #fff;
  border: 1px solid #e1e1e1 !important;
  padding: 0 25px;
  height: 60px;
  width: 100%;
  color: #335371;
  font-size: 15px;
  border-radius: 6px 0 0 6px
}

.sidebar__widget .search-form button,
.sidebar__widget .sidebar__search button,
.sidebar__widget .wp-block-search button,
.widget .search-form button,
.widget .sidebar__search button,
.widget .wp-block-search button{
  color: #fff;
  padding: 0 20px;
  position: relative;
  right: 0;
  background-color: #2394fe;
  top: 0;
  height: auto;
  border-radius: 0 6px 6px 0;
  line-height: 0;
  border: 0;
  margin-left: 0 !important
}

.sidebar__widget .tagcloud,
.sidebar__widget .wp-block-tag-cloud,
.widget .tagcloud,
.widget .wp-block-tag-cloud{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sidebar__widget .tagcloud a,
.sidebar__widget .wp-block-tag-cloud a,
.widget .tagcloud a,
.widget .wp-block-tag-cloud a{
  color: #335371;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding: 10px 11px;
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  border: 1px solid #bfc5cb
}

.sidebar__widget .tagcloud a:hover,
.sidebar__widget .wp-block-tag-cloud a:hover,
.widget .tagcloud a:hover,
.widget .wp-block-tag-cloud a:hover{
  color: #fff;
  background: #2394fe;
  border-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.sidebar__widget ol,
.sidebar__widget ul,
.widget ol,
.widget ul{
  margin-bottom: 0;
  padding-left: 0
}

.sidebar__widget ol li,
.sidebar__widget ul li,
.widget ol li,
.widget ul li{
  display: block;
  padding: 8px 0;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 0
}

.sidebar__widget ol li:first-child,
.sidebar__widget ul li:first-child,
.widget ol li:first-child,
.widget ul li:first-child{
  border-top: 0
}

.sidebar__widget ol li:last-child,
.sidebar__widget ul li:last-child,
.widget ol li:last-child,
.widget ul li:last-child{
  margin-bottom: 0
}

.sidebar__widget ol li.recentcomments .comment-author-link a:before,
.sidebar__widget ol li.wp-block-latest-comments__comment .comment-author-link a:before,
.sidebar__widget ul li.recentcomments .comment-author-link a:before,
.sidebar__widget ul li.wp-block-latest-comments__comment .comment-author-link a:before,
.widget ol li.recentcomments .comment-author-link a:before,
.widget ol li.wp-block-latest-comments__comment .comment-author-link a:before,
.widget ul li.recentcomments .comment-author-link a:before,
.widget ul li.wp-block-latest-comments__comment .comment-author-link a:before{
  display: none
}

.sidebar__widget ol li.recentcomments a,
.sidebar__widget ol li.wp-block-latest-comments__comment a,
.sidebar__widget ul li.recentcomments a,
.sidebar__widget ul li.wp-block-latest-comments__comment a,
.widget ol li.recentcomments a,
.widget ol li.wp-block-latest-comments__comment a,
.widget ul li.recentcomments a,
.widget ul li.wp-block-latest-comments__comment a{
  padding-left: 0;
  display: inline
}

.sidebar__widget ol li.recentcomments a:before,
.sidebar__widget ol li.wp-block-latest-comments__comment a:before,
.sidebar__widget ul li.recentcomments a:before,
.sidebar__widget ul li.wp-block-latest-comments__comment a:before,
.widget ol li.recentcomments a:before,
.widget ol li.wp-block-latest-comments__comment a:before,
.widget ul li.recentcomments a:before,
.widget ul li.wp-block-latest-comments__comment a:before{
  display: none
}

.sidebar__widget ol li a,
.sidebar__widget ul li a,
.widget ol li a,
.widget ul li a{
  color: #335371;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  font-size: 18px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.sidebar__widget ol li a::before,
.sidebar__widget ul li a::before,
.widget ol li a::before,
.widget ul li a::before{
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  margin-right: 10px
}

.sidebar__widget ol li a:hover,
.sidebar__widget ul li a:hover,
.widget ol li a:hover,
.widget ul li a:hover{
  color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.sidebar__widget ol li a.rsswidget,
.sidebar__widget ol li a.wp-block-latest-posts__post-title,
.sidebar__widget ul li a.rsswidget,
.sidebar__widget ul li a.wp-block-latest-posts__post-title,
.widget ol li a.rsswidget,
.widget ol li a.wp-block-latest-posts__post-title,
.widget ul li a.rsswidget,
.widget ul li a.wp-block-latest-posts__post-title{
  padding-left: 0;
  font-weight: 500;
  display: block
}

.sidebar__widget ol li a.rsswidget:before,
.sidebar__widget ol li a.wp-block-latest-posts__post-title:before,
.sidebar__widget ul li a.rsswidget:before,
.sidebar__widget ul li a.wp-block-latest-posts__post-title:before,
.widget ol li a.rsswidget:before,
.widget ol li a.wp-block-latest-posts__post-title:before,
.widget ul li a.rsswidget:before,
.widget ul li a.wp-block-latest-posts__post-title:before{
  display: none
}

.sidebar__widget ol li ul,
.sidebar__widget ul li ul,
.widget ol li ul,
.widget ul li ul{
  padding-left: 25px;
  padding-top: 10px
}

.sidebar__widget ol.wp-tag-cloud li,
.sidebar__widget ul.wp-tag-cloud li,
.widget ol.wp-tag-cloud li,
.widget ul.wp-tag-cloud li{
  display: inline-block;
  padding: 0;
  border: 0
}

.sidebar__widget ol.wp-tag-cloud li a:before,
.sidebar__widget ul.wp-tag-cloud li a:before,
.widget ol.wp-tag-cloud li a:before,
.widget ul.wp-tag-cloud li a:before{
  display: none
}

.sidebar__widget .wp-block-archives-list li,
.sidebar__widget .wp-block-categories-list li,
.sidebar__widget.te_widget_categories li,
.sidebar__widget.widget_archive li,
.widget .wp-block-archives-list li,
.widget .wp-block-categories-list li,
.widget.te_widget_categories li,
.widget.widget_archive li{
  text-align: right;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.sidebar__widget .wp-block-archives-list li.cat-item,
.sidebar__widget .wp-block-categories-list li.cat-item,
.sidebar__widget.te_widget_categories li.cat-item,
.sidebar__widget.widget_archive li.cat-item,
.widget .wp-block-archives-list li.cat-item,
.widget .wp-block-categories-list li.cat-item,
.widget.te_widget_categories li.cat-item,
.widget.widget_archive li.cat-item{
  text-align: right;
  display: inline-block;
  width: 100%
}

.sidebar__widget .wp-block-archives-list li a,
.sidebar__widget .wp-block-categories-list li a,
.sidebar__widget.te_widget_categories li a,
.sidebar__widget.widget_archive li a,
.widget .wp-block-archives-list li a,
.widget .wp-block-categories-list li a,
.widget.te_widget_categories li a,
.widget.widget_archive li a{
  float: left
}

.widget-about-info{
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.widget-about-info .about-desc{
  text-align: left
}

.widget-about-info .about-desc .about-title{
  font-size: 20px
}

.widget-about-info .about-image{
  width: 140px;
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px
}

.widget-about-info .te-social-profile{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding-top: 30px;
  border-top: 1px solid #e1e1e1;
  width: 100%;
  margin-top: 10px
}

.widget-about-info .te-social-profile a{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 44px;
  height: 44px;
  background-color: #f9f4f1;
  border-radius: 50px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #14203a
}

.widget-about-info .te-social-profile a:hover{
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background-color: #2394fe
}

.has-dates.has-author.wp-block-latest-posts .wp-block-latest-posts__te-post-title{
  display: inline-block;
  width: 100%;
  font-weight: 500
}

.widget_rss .widget-title:before,
.widget_rss .wp-block-heading:before{
  display: none
}

.widget_rss .rss-widget-icon{
  margin-right: 6px
}

.widget_rss ul li a.rsswidget{
  color: #14203a
}

.widget_rss ul li a.rsswidget:hover{
  color: #2394fe
}

.widget_rss .wp-block-rss__item-title,
.wp-block-latest-posts .wp-block-rss__item-title,
.wp-block-rss .wp-block-rss__item-title{
  display: inline-block;
  width: 100%;
  font-weight: 500
}

.widget_rss .wp-block-rss__item-title a:before,
.wp-block-latest-posts .wp-block-rss__item-title a:before,
.wp-block-rss .wp-block-rss__item-title a:before{
  display: none
}

.widget_rss .wp-block-latest-posts__post-author,
.widget_rss .wp-block-rss__item-publish-date,
.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-rss__item-publish-date,
.wp-block-rss .wp-block-latest-posts__post-author,
.wp-block-rss .wp-block-rss__item-publish-date{
  margin-right: 10px
}

.widget_rss .rss-date,
.widget_rss .wp-block-latest-posts__post-author,
.widget_rss .wp-block-latest-posts__te-post-date,
.widget_rss .wp-block-rss__item-author,
.widget_rss .wp-block-rss__item-publish-date,
.wp-block-latest-posts .rss-date,
.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-latest-posts__te-post-date,
.wp-block-latest-posts .wp-block-rss__item-author,
.wp-block-latest-posts .wp-block-rss__item-publish-date,
.wp-block-rss .rss-date,
.wp-block-rss .wp-block-latest-posts__post-author,
.wp-block-rss .wp-block-latest-posts__te-post-date,
.wp-block-rss .wp-block-rss__item-author,
.wp-block-rss .wp-block-rss__item-publish-date{
  display: inline-block;
  font-size: 14px !important;
  font-weight: 500;
  text-transform: capitalize;
  position: relative
}

.widget_rss .rss-date:before,
.widget_rss .wp-block-latest-posts__te-post-date:before,
.widget_rss .wp-block-rss__item-publish-date:before,
.wp-block-latest-posts .rss-date:before,
.wp-block-latest-posts .wp-block-latest-posts__te-post-date:before,
.wp-block-latest-posts .wp-block-rss__item-publish-date:before,
.wp-block-rss .rss-date:before,
.wp-block-rss .wp-block-latest-posts__te-post-date:before,
.wp-block-rss .wp-block-rss__item-publish-date:before{
  content: "\f274";
  font-family: "Font Awesome 6 Pro";
  padding-right: 8px
}

.widget_rss .wp-block-latest-posts__post-author:before,
.widget_rss .wp-block-rss__item-author:before,
.wp-block-latest-posts .wp-block-latest-posts__post-author:before,
.wp-block-latest-posts .wp-block-rss__item-author:before,
.wp-block-rss .wp-block-latest-posts__post-author:before,
.wp-block-rss .wp-block-rss__item-author:before{
  content: "\f007";
  font-family: "Font Awesome 6 Pro";
  padding-right: 8px
}

.widget_rss .rssSummary,
.widget_rss .wp-block-latest-posts__post-excerpt,
.widget_rss .wp-block-rss__item-excerpt,
.wp-block-latest-posts .rssSummary,
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-rss__item-excerpt,
.wp-block-rss .rssSummary,
.wp-block-rss .wp-block-latest-posts__post-excerpt,
.wp-block-rss .wp-block-rss__item-excerpt{
  margin-top: 10px;
  margin-bottom: 0
}

.te_widget_latest_post ul li{
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
  border: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0
}

.te_widget_latest_post ul li:hover .te-latest-post-thumb img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te_widget_latest_post ul li:last-child{
  margin-bottom: 0
}

.te_widget_latest_post ul li a{
  padding-left: 0
}

.te_widget_latest_post ul li a:before{
  display: none
}

.te_widget_latest_post ul li .te-latest-post-thumb{
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 90px;
  height: 90px;
  border-radius: 20px
}

.te_widget_latest_post ul li .te-latest-post-thumb img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title{
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 33px;
  color: #14203a;
  font-family: Inter, sans-serif
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a{
  font-size: 20px;
  line-height: 33px;
  color: #14203a;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  font-family: Inter, sans-serif
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a:hover{
  color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta{
  font-size: 18px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  gap: 8px;
  color: #335371
}

.widget-instagram-feed{
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  width: 240px
}

.widget-instagram-feed .single-instagram-feed{
  border-radius: 20px;
  width: 72px;
  height: 72px;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.widget-instagram-feed .single-instagram-feed:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.widget-instagram-feed .single-instagram-feed img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.widget_promotion{
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  background-color: #14203a
}

.widget_promotion .wp-block-heading{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 10px
}

.widget_promotion .secondary-btn{
  display: inline-block;
  background: #e7f914;
  color: #14203a;
  padding: 12px 104px;
  font-weight: 600;
  font-family: Inter, sans-serif;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px
}

.widget_promotion .secondary-btn i{
  color: #fff;
  font-size: 16px
}

.widget_promotion .secondary-btn:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background-color: #fff;
  border-color: #fff
}

.widget_promotion p{
  color: rgba(255, 255, 255, .53);
  margin-bottom: 32px
}

.te-comment-respond{
  margin-top: 70px
}

.te-comment-title .wp-block-comments-title,
.te-comment-title h2,
.wp-block-comments .wp-block-comments-title,
.wp-block-comments h2{
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 30px
}

.wp-block-comments .wp-block-comment-template{
  padding-left: 0
}

.wp-block-comments .wp-block-comment-template .wp-block-te-comment-reply{
  margin-top: 15px
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns{
  padding: 50px;
  border: 1px solid #dfe2e9;
  border-radius: 8px;
  margin-bottom: 24px
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-column:first-child{
  -ms-flex-preferred-size: 80px !important;
  flex-basis: 80px !important
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar{
  width: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar img{
  width: 100%
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-author-name a{
  font-size: 21px;
  margin-bottom: 5px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  color: #14203a
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a{
  color: #2394fe
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-date a,
.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a{
  color: #9ba8c3;
  font-size: 16px;
  font-weight: 400;
  font-family: Inter, sans-serif
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-te-comment-reply a{
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #14203a;
  border: 1px solid #2394fe;
  padding: 4px 26px;
  display: inline-block
}

.wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-te-comment-reply a:hover{
  background-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-latest-comments .comment-respond,
.te-latest-comments .te-comment-respond{
  margin-top: 60px;
  margin-bottom: 40px
}

.te-latest-comments li .children .te-comments-item{
  margin-left: 50px
}

.te-latest-comments li .children .children .te-comments-item{
  margin-left: 100px;
  border-top: 1px solid #f9f4f1
}

.te-latest-comments li .te-comments-item{
  padding: 50px;
  border: 1px solid #f9f4f1;
  background-color: #f9f4f1;
  border-radius: 20px;
  margin-bottom: 24px
}

.te-latest-comments li .te-comments-item .te-comments-avatar{
  float: left
}

.te-latest-comments li .te-comments-item .te-comments-avatar img{
  margin-right: 30px;
  width: 100px;
  border-radius: 50px
}

.te-latest-comments li .te-comments-item .te-comments-text{
  overflow: hidden
}

.te-latest-comments li .te-comments-item .te-comments-text p{
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #335371
}

.te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name{
  margin-bottom: 10px;
  position: relative
}

.te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name h5{
  font-size: 21px;
  margin-bottom: 5px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name span{
  color: #131a2a;
  font-size: 16px;
  font-weight: 400;
  font-family: Inter, sans-serif;
  font-style: italic
}

.te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply{
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  color: #14203a;
  border: 1px solid #2394fe;
  padding: 4px 26px;
  gap: 8px;
  position: absolute;
  top: 0;
  right: 0
}

.te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply:hover{
  background-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-post-comments .te-latest-comments>ul{
  list-style: none;
  padding-left: 0;
  margin-bottom: 0
}

.te-comments-text>ol,
.te-comments-text>ul{
  margin-bottom: 20px
}

ul.children{
  list-style: none
}

.te-post-comments-form .te-contacts-message{
  margin-top: 10px
}

.te-post-comments-title .sub-title{
  font-size: 18px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  color: #e7f914;
  display: inline-block;
  width: 100%;
  margin-bottom: 15px
}

.te-post-comments-title h2{
  font-size: 36px;
  line-height: 28px;
  font-weight: 500;
  color: #14203a;
  margin-bottom: 15px;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.te-post-comments-title h2 small{
  font-size: 18px;
  font-family: Inter, sans-serif;
  color: #2394fe;
  text-transform: capitalize
}

.comment-reply-title{
  font-size: 36px;
  line-height: 28px;
  font-weight: 500;
  color: #14203a;
  margin-bottom: 15px;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.comment-reply-title small{
  font-size: 18px;
  font-family: Inter, sans-serif;
  color: #2394fe;
  text-transform: capitalize
}

.comment-respond,
.te-comment-respond{
  position: relative;
  background-color: #f9f4f1;
  padding: 40px;
  border-radius: 20px
}

.comment-respond .comment-form-cookies-consent,
.te-comment-respond .comment-form-cookies-consent{
  display: none
}

.comment-respond .comment-notes,
.te-comment-respond .comment-notes{
  margin-bottom: 30px
}

.comment-respond p,
.te-comment-respond p{
  margin: 0
}

.comment-respond .single-input-field,
.comment-respond .te-contacts-email,
.comment-respond .te-contacts-name,
.te-comment-respond .single-input-field,
.te-comment-respond .te-contacts-email,
.te-comment-respond .te-contacts-name{
  margin-bottom: 20px
}

.comment-respond label,
.te-comment-respond label{
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #778196;
  margin-bottom: 20px
}

.comment-respond .checkbox-field-wrapper,
.te-comment-respond .checkbox-field-wrapper{
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 15px 0
}

.comment-respond .checkbox-field-wrapper p,
.te-comment-respond .checkbox-field-wrapper p{
  margin: 0
}

.comment-respond .checkbox-field-wrapper .single-checkbox-field,
.te-comment-respond .checkbox-field-wrapper .single-checkbox-field{
  margin-bottom: 0;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 400;
  font-family: Inter, sans-serif
}

.comment-respond .te-comment-form-cookies-consent,
.te-comment-respond .te-comment-form-cookies-consent{
  display: none
}

.comment-respond input[type=number],
.te-comment-respond input[type=number]{
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}

.comment-respond input,
.comment-respond select,
.te-comment-respond input,
.te-comment-respond select{
  padding: 0 20px;
  height: 60px;
  width: 100%;
  color: #778196;
  opacity: 1;
  border: 1px solid #e1e1e1 !important;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 400;
  background-color: transparent;
  font-family: Inter, sans-serif !important
}

.comment-respond ::-webkit-input-placeholder,
.te-comment-respond ::-webkit-input-placeholder{
  color: #778196
}

.comment-respond :-ms-input-placeholder,
.te-comment-respond :-ms-input-placeholder{
  color: #778196
}

.comment-respond ::-ms-input-placeholder,
.te-comment-respond ::-ms-input-placeholder{
  color: #778196
}

.comment-respond ::placeholder,
.te-comment-respond ::placeholder{
  color: #778196
}

.comment-respond textarea,
.te-comment-respond textarea{
  resize: vertical;
  padding: 20px;
  width: 100%;
  color: #778196;
  border: 1px solid #e1e1e1 !important;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 400;
  background-color: transparent;
  font-family: Inter, sans-serif !important;
  height: 190px;
  margin-bottom: 30px
}

.comment-respond .form-select:focus,
.comment-respond input:focus,
.comment-respond textarea:focus,
.te-comment-respond .form-select:focus,
.te-comment-respond input:focus,
.te-comment-respond textarea:focus{
  outline: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #2394fe !important;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s
}

.te-team-card{
  position: relative;
  border-radius: 20px;
  overflow: hidden
}

.te-team-card:hover .image:before{
  height: 250%;
  -webkit-transition: all .9s linear;
  transition: all .9s linear;
  background-color: transparent
}

.te-team-card:hover .image img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card:hover .te-content-wrapper{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.te-team-card .image{
  overflow: hidden;
  position: relative
}

.te-team-card .image:before{
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  z-index: 1
}

.te-team-card .image img{
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card .te-content-wrapper{
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(14, 43, 197, 0) 0, #2394fe 100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: scaleY(.3);
  transform: scaleY(.3)
}

.te-team-card .te-content-wrapper .content{
  width: 100%;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  gap: 17px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 45px 30px
}

.te-team-card .te-content-wrapper .content .title{
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .5px;
  color: #fff;
  font-family: Inter, sans-serif;
  margin: 0
}

.te-team-card .te-content-wrapper .content .desc{
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
  font-family: Inter, sans-serif;
  margin: 0
}

.te-team-card .te-content-wrapper .social{
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  z-index: -1;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card .te-content-wrapper .social a{
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background-color: #fff;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #14203a;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-team-card .te-content-wrapper .social a:hover{
  background-color: #e7f914;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card.style-2{
  padding: 20px;
  background-color: #f9f4f1;
  border-radius: 20px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card.style-2:hover{
  background-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card.style-2:hover .te-content-wrapper .social a{
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card.style-2:hover .te-content-wrapper .content .desc,
.te-team-card.style-2:hover .te-content-wrapper .content .title{
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card.style-2 .image{
  border-radius: 20px
}

.te-team-card.style-2 .te-content-wrapper{
  position: unset;
  visibility: visible;
  opacity: 1;
  background: 0 0;
  -webkit-transform: unset;
  transform: unset
}

.te-team-card.style-2 .te-content-wrapper .content{
  padding: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  position: unset
}

.te-team-card.style-2 .te-content-wrapper .content .title{
  color: #131a2a;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card.style-2 .te-content-wrapper .content .title a:hover{
  color: #fff !important
}

.te-team-card.style-2 .te-content-wrapper .content .desc{
  color: #335371;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-card.style-2 .te-content-wrapper .social a{
  border: 1px solid #e1e1e1;
  background-color: transparent
}

.te-team-card.style-2 .te-content-wrapper .social a:hover{
  background-color: #2394fe;
  border-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-member-slider-wrapper{
  position: relative;
  padding: 0;
  overflow: hidden
}

.te-team-member-slider-wrapper .slick-list{
  margin: 0 -15px
}

.te-team-member-slider-wrapper .slick-list .slick-slide{
  margin: 0 15px
}

.te-team-member-slider-wrapper .slick-dots{
  display: flex;
  gap: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0
}

.te-team-member-slider-wrapper .slick-dots li{
  display: inline-block;
  line-height: 0;
  outline: 2px solid transparent;
  border: 5px solid transparent;
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-member-slider-wrapper .slick-dots li button{
  font-size: 0;
  padding: 0;
  width: 12px;
  height: 12px;
  background-color: #2394fe;
  border-radius: 50px;
  position: relative;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-member-slider-wrapper .slick-dots li.slick-active{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  outline: 2px solid #2394fe
}

.te-team-member-slider-wrapper .slick-dots li.slick-active button{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-team-member-slider-wrapper .slick-arrow{
  display: none !important
}

.te-portfolio-filter{
  padding: 0;
  display: flex;
  gap: 20px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.te-portfolio-filter li{
  list-style: none;
  font-size: 17px;
  font-weight: 600;
  line-height: initial;
  letter-spacing: .6px;
  text-transform: capitalize;
  display: inline-block;
  cursor: pointer;
  border-radius: 50px;
  color: #335371;
  border: 1px solid #e1e1e1;
  padding: 10px 22px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-filter li.active{
  background-color: #2394fe;
  border-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-filter li:hover{
  background-color: #2394fe;
  border-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-card{
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 20px
}

.te-portfolio-card:hover .image .te-content-wrapper{
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.te-portfolio-card:hover .image .te-content-wrapper .content .content-inner{
  margin-bottom: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: scaleY(1);
  transform: scaleY(1)
}

.te-portfolio-card:hover .image .te-content-wrapper .content .btn-wrapper{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-card:hover .image img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-card .image{
  overflow: hidden;
  position: relative
}

.te-portfolio-card .image img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 100%
}

.te-portfolio-card .te-content-wrapper{
  padding: 12px;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-card .te-content-wrapper .content{
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  gap: 10px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 10px
}

.te-portfolio-card .te-content-wrapper .content .content-inner{
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 10px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: scaleY(.3);
  transform: scaleY(.3)
}

.te-portfolio-card .te-content-wrapper .content .sub-title{
  color: #131a2a;
  font-size: 18px;
  line-height: 36px;
  font-weight: 400
}

.te-portfolio-card .te-content-wrapper .content .title{
  margin-bottom: 0;
  color: #131a2a;
  font-size: 24px;
  line-height: 39px;
  font-weight: 500
}

.te-portfolio-card .te-content-wrapper .content .btn-wrapper{
  position: absolute;
  top: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-card .te-content-wrapper .content .btn-wrapper a{
  display: inline-flex;
  width: 73px;
  height: 73px;
  background-color: #e7f914;
  border-radius: 50px;
  color: #14203a;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  font-size: 24px
}

.te-portfolio-card .te-content-wrapper .content .btn-wrapper a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background-color: #2394fe;
  color: #fff
}

.te-portfolio-card.style-2 .te-content-wrapper .content{
  background-color: #2394feb8;
  padding: 20px;
  border-radius: 20px
}

.te-portfolio-card.style-2 .te-content-wrapper .content .btn-wrapper{
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.te-portfolio-card.style-3:hover .te-content-wrapper .content .btn-wrapper{
  top: 30px;
  right: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-portfolio-card.style-3 .te-content-wrapper{
  padding: 0
}

.te-portfolio-card.style-3 .te-content-wrapper .content .content-inner{
  border-radius: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 30px
}

.te-portfolio-card.style-3 .te-content-wrapper .content .btn-wrapper{
  top: -50px;
  right: 0;
  -webkit-transform: translate(50%);
  transform: translate(50%);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.newsletter-area.style-1{
  margin-top: -210px
}

.about-us-area.style-1{
  padding-top: 120px;
  background-color: #10102f
}

.about-us-area.style-1 .te-about-info-card.style-2{
  padding-left: 30px
}

.about-us-area.style-1 .te-about-image-card.style-2{
  padding-right: 30px
}

.feature-area.style-1{
  padding-top: 120px
}



.testimonial-slider-area.style-1{
  padding-bottom: 5px
}

.portfolio-area.style-1{
  background-color: #10102f;
  padding-top: 120px;
  padding-bottom: 96px
}

.counter-up-area.style-1{
  padding-top: 710px;
  padding-bottom: 120px;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-top: -655px
}

.te-process-step-area.style-1{
  padding-top: 120px;
  padding-bottom: 96px;
  background-color: #10102f
}

.latest-posts-area.style-1{
  padding-top: 120px;
  padding-bottom: 80px
}

.team-slider-area.style-1{
  overflow: hidden
}

.brand-marquee-area{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  gap: 66px;
  background-color: #2394fe
}

.brand-marquee-area .brand-marquee-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 44px
}

.brand-marquee-area .brand-marquee-wrapper.first-brand-marquee{
  -webkit-animation: Scroll 32s linear infinite;
  animation: Scroll 32s linear infinite
}

.brand-marquee-area .brand-marquee-wrapper.second-brand-marquee{
  -webkit-animation: Scroll 32s linear infinite;
  animation: Scroll 32s linear infinite;
  -webkit-animation-direction: reverse;
  animation-direction: reverse
}

.brand-marquee-area .single-brand-marquee{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 44px
}

.brand-marquee-area .single-brand-marquee:nth-child(2n) .brand-marquee-title{
  color: #e7f914
}

.brand-marquee-area .single-brand-marquee:last-child .brand-marquee-star{
  display: none
}

.brand-marquee-area .single-brand-marquee .brand-marquee-title{
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  line-height: initial;
  white-space: nowrap
}

.brand-marquee-area .single-brand-marquee .brand-marquee-star{
  font-size: 90px;
  font-weight: 500;
  color: #e7f914;
  white-space: nowrap;
  margin-top: 20px;
  line-height: 0
}

.about-us-area.style-2{
  padding-top: 20px;
  background-color: #f9f4f1
}

.te-slider-wrapper{
  position: relative;
  overflow: hidden
}

.te-slider-wrapper video{
  filter: brightness(.9) contrast(1.05)
}

.feature-area.style-2{
  padding-top: 120px;
  background-color: #10102f !important
}

.cta-and-portfolio-area{
  background: linear-gradient(180deg, #eaf4fe 0, #c9e4ff 100%);
  padding-bottom: 610px
}

.portfolio-area.style-2{
  padding-top: 120px;
  margin-top: -600px
}

.team-slider-area.style-2{
  overflow: hidden;
  padding: 120px 0
}

.team-slider-area.style-2 .slick-list{
  padding-bottom: 0
}

.faq-area.style-1{
  padding-bottom: 180px
}

.faq-area.style-1 .te-faq-image{
  margin-top: 82px;
  position: relative;
  right: -83px;
  display: inline-block
}

.faq-area.style-1 .te-faq-image .te-image-wrapper{
  position: relative
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .te-main-img-inner{
  -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%)
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .te-image-shape{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .content{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .content .title{
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  margin-bottom: 0
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .content .number{
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: .5px;
  color: #fff;
  margin-bottom: 0
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .top-content{
  width: 152px;
  height: 152px;
  background-color: #2394fe;
  border-radius: 100%;
  border: 16px solid #fff;
  position: absolute;
  left: -70px;
  top: -95px
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .bottom-content{
  border: 20px solid #fff;
  background-color: #fff;
  border-radius: 50%;
  width: 187px;
  height: 187px;
  position: absolute;
  right: -30px;
  bottom: -110px;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, .05);
  box-shadow: 0 0 60px rgba(0, 0, 0, .05)
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .bottom-content .bottom-content-inner{
  width: 100%;
  height: 100%;
  background-color: #e7f914;
  border-radius: 100%;
  border: 8px solid #fff;
  outline: 2px dashed #14203a
}

.faq-area.style-1 .te-faq-image .te-image-wrapper .bottom-content .bottom-content-inner .number,
.faq-area.style-1 .te-faq-image .te-image-wrapper .bottom-content .bottom-content-inner .title{
  color: #14203a
}

.testimonial-bg-area{
  height: 490px;
  background-color: #f9f4f1;
  margin-top: -280px;
  margin-bottom: -120px
}

.testimonial-slider-area{
  overflow: hidden;
  padding-bottom: 10px
}

.testimonial-slider-area.style-2 .slick-list{
  margin: 0 -100px;
  overflow: visible
}

.testimonial-slider-area.style-2 .slick-list .te-slick-item{
  width: 520px;
  margin: 0 15px
}

.counter-up-area.style-2 .te-counter-card{
  padding: 80px 55px;
  background-color: #131a2a;
  border-radius: 20px
}

.counter-up-area.style-2 .te-counter-card .te-counter-item .icon{
  width: unset;
  height: unset;
  background-color: transparent
}

.counter-up-area.style-2 .te-counter-card .te-counter-item .te-counter-title{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 30px
}

.counter-up-area.style-2 .te-counter-card .te-counter-item .te-counter-title .content{
  gap: 18px;
  text-align: left
}

.counter-up-area.style-2 .te-counter-card .te-counter-item .title{
  color: #fff
}

.counter-up-area.style-2 .te-counter-card .te-counter-item .number{
  color: #e7f914
}

.counter-up-area.style-2 .te-counter-card .te-counter-item .number,
.counter-up-area.style-2 .te-counter-card .te-counter-item .title{
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.latest-posts-area.style-2{
  padding-top: 120px;
  padding-bottom: 80px
}

.subscribe-area.style-2{
  position: relative;
  z-index: 9;
  margin-bottom: -140px
}

.subscribe-area.style-2 .te-subscribe-inner-area{
  background-color: #2394fe;
  padding: 10px;
  border-radius: 20px;
  gap: 0
}

.subscribe-area.style-2 .te-subscribe-inner-area .te-image-bg-collumn{
  width: 255px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: unset;
  flex-basis: unset;
  -webkit-box-flex: unset;
  -ms-flex-positive: unset;
  flex-grow: unset
}

.subscribe-area.style-2 .te-subscribe-inner-area .te-subscribe-form-wrapper{
  padding: 0
}

.subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper{
  gap: 60px;
  width: unset;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  float: right;
  position: relative;
  z-index: 2;
  left: -50px
}

.subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper .te-subscribe-title{
  font-size: 38px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: -.676px;
  text-transform: capitalize;
  margin-bottom: 0
}

.subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper .te-content-inner{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px
}

.subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper .te-content-inner .icon{
  width: 90px;
  height: 90px;
  background-color: #e7f914;
  border-radius: 20px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 15px
}

.subscribe-area.style-2 .te-subscribe-inner-area .te-subscribe-form-widget{
  background: #fff;
  padding: 7px;
  border-radius: 50px
}

.subscribe-area.style-2 .te-subscribe-inner-area .mc4wp-form-fields{
  gap: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.testimonial-slider-area.style-3{
  padding: 120px 0
}

.testimonial-slider-area.style-3 .slick-list .slick-slide.slick-current .te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .icon{
  color: #2394fe
}

.te-process-step-area.style-2{
  padding-top: 120px;
  padding-bottom: 96px
}

.te-process-step-area.style-2 .te-process-step{
  padding: 30px 40px 40px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05)
}

.te-process-step-area.style-2 .te-process-step .te-counter-wrapper{
  padding-bottom: 20px
}

.contact-form-area{
  padding-top: 110px;
  padding-bottom: 120px;
  background-color: #10102f
}

.contact-form-area .te-comment-respond .title,
.contact-form-area .te-title-wrapper .title{
  font-size: 57px;
  font-weight: 500;
  line-height: 77.72px;
  letter-spacing: -1px;
  text-transform: capitalize;
  margin-bottom: 30px
}

.contact-form-area .te-social-profile-link{
  gap: 10px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px
}

.contact-form-area .te-social-profile-link a{
  width: 50px;
  height: 50px;
  color: #14203a;
  background-color: #f9f4f1;
  border: 1px solid #e1e1e1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.contact-form-area .te-social-profile-link a:hover{
  color: #fff;
  background-color: #2394fe;
  border-color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-contact-info{
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.te-map-widget iframe{
  width: 100%;
  height: 650px;
  margin-bottom: -12px
}

.feature-area.style-3{
  padding-top: 120px;
  padding-bottom: 96px
}

.feature-area.style-3 .te-info-card{
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e1e1e1;
  padding: 0;
  border-radius: 20px;
  overflow: hidden
}

.feature-area.style-3 .te-info-card .te-info-card-inner{
  gap: 0
}

.feature-area.style-3 .te-info-card .image{
  border-radius: 0
}

.feature-area.style-3 .te-info-card .te-content-wrapper{
  padding: 40px 40px 30px 40px
}

.service-details-page{
  padding-top: 120px;
  padding-bottom: 96px
}

.service-details-page .sidebar .te_widget_categories ul li a .my-icon{
  font-size: 24px
}

.service-details-page .sidebar .te_widget_categories ul li a:before{
  display: none
}

.service-details{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px
}

.service-details .image{
  border-radius: 20px;
  overflow: hidden
}

.service-details .content .te-title-wrapper{
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 46px
}

.service-details .content .te-title-wrapper .title-inner{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px
}

.service-details .content .te-title-wrapper .title-inner .icon{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #2394fe;
  width: 60px;
  height: 60px;
  border-radius: 20px;
  font-size: 24px;
  color: #fff
}

.service-details .content .te-title-wrapper .title-inner .title{
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 39.84px;
  letter-spacing: .5px;
  margin-bottom: 0;
  color: #2394fe
}

.service-details-overview{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
  margin-top: 30px
}

.service-details-overview .list-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px
}

.service-details-overview .list-wrapper .icon{
  width: 60px;
  height: 60px;
  border-radius: 20px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #1834c61f;
  font-size: 24px;
  color: #2394fe
}

.service-details-overview .list-wrapper ul{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  gap: 20px
}

.service-details-overview .list-wrapper ul::after{
  width: 2px;
  height: calc(100% - 20px);
  background-color: #e1e1e1;
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.service-details-overview .list-wrapper ul li{
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.service-details-overview .list-wrapper ul li::before{
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #2394fe;
  content: "";
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 2
}

.team-page{
  padding-top: 120px;
  padding-bottom: 96px
}

.team-page .te-team-card{
  margin-bottom: 24px;
  -webkit-box-shadow: 0 0 18px 3px rgba(0, 0, 0, .05);
  box-shadow: 0 0 18px 3px rgba(0, 0, 0, .05);
  background-color: #fff
}

.team-details-page{
  padding-top: 120px;
  padding-bottom: 96px
}

.team-details-wrapper{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px
}

.team-details{
  display: flex;
  gap: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.team-details .content{
  display: flex;
  gap: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.team-details .image{
  width: 520px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden
}

.team-details .user-meta .title{
  font-size: 57px;
  letter-spacing: -1px;
  margin-bottom: 20px
}

.team-details .user-meta .desc{
  margin-bottom: 0;
  line-height: 20px
}

.team-details .social{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.team-details .social a{
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-color: transparent;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #2394fe;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid #2394fe
}

.team-details .social a:hover{
  background-color: #2394fe;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.team-details-overview-wrapper .sec-title{
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: .5px;
  color: #131a2a
}

.team-details-overview{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px
}

.blog-grid-area{
  padding-top: 140px;
  padding-bottom: 144px
}

.blog-load-btn{
  padding: 20px 35px;
  background: #e7f914;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  border-radius: 6px
}

.blog-load-btn:hover{
  background-color: #2394fe;
  color: #fff
}

.footer{
  position: relative;
  z-index: 2;
  overflow: hidden
}

.footer .te-subscribe-form-widget .submit-btn span{
  display: none
}

.footer.style-1{
  background: #10102f
}

.footer.style-1 .te-footer-sec{
  border-bottom: 1px solid rgba(19, 26, 42, .1);
  padding-top: 214px;
  padding-bottom: 60px
}

.footer.style-1 .te-footer-sec .te-footer-widget .te-subscribe-form-widget .mc4wp-form-fields{
  border-color: rgba(19, 26, 42, .5)
}

.footer.style-1 .te-footer-widget .te-subscribe-form-widget .single-field input{
  color: #131a2a
}

.footer.style-2 .footer__widget a,
.footer.style-2 .footer__widget li,
.footer.style-2 .sidebar__widget .tagcloud a,
.footer.style-2 .sidebar__widget .widget-title,
.footer.style-2 .sidebar__widget .wp-block-heading,
.footer.style-2 .sidebar__widget .wp-block-search__label,
.footer.style-2 .sidebar__widget .wp-block-tag-cloud a,
.footer.style-2 .sidebar__widget ol li a,
.footer.style-2 .sidebar__widget ul li a,
.footer.style-2 .widget .tagcloud a,
.footer.style-2 .widget .widget-title,
.footer.style-2 .widget .wp-block-heading,
.footer.style-2 .widget .wp-block-search__label,
.footer.style-2 .widget .wp-block-tag-cloud a,
.footer.style-2 .widget ol li a,
.footer.style-2 .widget ul li,
.footer.style-2 .widget ul li a,
.footer.style-2 .widget_archive li a,
.footer.style-2 .widget_categories li a,
.footer.style-2 .widget_nav_menu li a,
.footer.style-2 .widget_rss li,
.footer.style-2 .widget_rss li a,
.footer.style-2 .widget_tag_cloud a,
.footer.style-2 .widget_text,
.footer.style-2 .wp-block-archives-dropdown label,
.footer.style-2 .wp-block-calendar caption,
.footer.style-2 .wp-block-latest-comments__comment,
.footer.style-2 .wp-block-latest-comments__comment-date,
.footer.style-2 .wp-block-latest-comments__comment-excerpt,
.footer.style-2 .wp-calendar-table,
.footer.style-2 .wp-calendar-table caption,
.footer.style-2 li.recentcomments,
.footer.style-2 nav.wp-calendar-nav a{
  color: #fff
}

.footer.style-2 .sidebar__widget .search-form button,
.footer.style-2 .sidebar__widget .sidebar__search button,
.footer.style-2 .sidebar__widget .wp-block-search button,
.footer.style-2 .te-theme-btn,
.footer.style-2 .widget .search-form button,
.footer.style-2 .widget .sidebar__search button,
.footer.style-2 .widget .wp-block-search button,
.footer.style-2 .wp-block-loginout a,
.footer.style-2 input.te-theme-btn{
  background-color: #e7f914;
  color: #14203a
}

.footer .footer__widget li{
  list-style: none
}

.footer .te-footer-widget.te_widget_nav_menu li.wp-block-social-link{
  display: inline-block;
  width: unset !important
}

.footer .te_widget_nav_menu li.cat-item{
  text-align: right
}

.footer .te_widget_nav_menu li.cat-item a{
  float: left
}

.footer .footer-nav-widget{
  padding: 0 90px
}

.te-footer-widget{
  margin-bottom: 30px
}

.te-footer-widget .te-footer-widget-title,
.te-footer-widget .wp-block-heading{
  font-family: Inter, sans-serif;
  font-size: 24px;
  line-height: 39px;
  color: #131a2a;
  position: relative;
  margin-bottom: 30px;
  font-weight: 700
}

.te-footer-widget ul{
  padding-left: 0
}

.te-footer-widget .te-subscribe-form-widget .mc4wp-form-fields{
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 5px
}

.te-footer-widget .te-subscribe-form-widget .single-field input{
  border-radius: 0;
  background-color: transparent;
  color: #fff
}

.te-footer-widget.widget-latest-posts-footer{
  margin-top: -5px
}

.te-footer-widget .te-footer-widget-info{
  padding-right: 30px
}

.te-footer-widget .te-footer-widget-info p{
  color: #335371;
  margin-bottom: 30px
}

.te-footer-widget .te-footer-widget-info .te-footer-logo{
  margin-bottom: 30px;
  display: inline-block
}

.te-footer-widget .te-footer-widget-info .info-form-and-social-icon{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px
}

.te-footer-widget .te-footer-widget-info .info-form-and-social-icon .te-social-profile{
  margin-top: 0
}

.te-footer-widget .te-footer-widget-info .te-social-profile{
  gap: 20px;
  margin-top: 30px
}

.te-footer-widget.te_widget_nav_menu ul{
  margin-top: -5px;
  padding-left: 0;
  margin-bottom: 0
}

.te-footer-widget.te_widget_nav_menu li{
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 2px
}

.te-footer-widget.te_widget_nav_menu li:last-child{
  padding-top: 0;
  padding-bottom: 0
}

.te-footer-widget.te_widget_nav_menu li a{
  color: #335371;
  text-transform: capitalize;
  font-size: 18px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.te-footer-widget.te_widget_nav_menu li a::before{
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-size: 14px
}

#preloader{
  background-color: #10102f
}

.te-footer-widget.te_widget_nav_menu li a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #2394fe
}

.te-footer-widget .te-footer-widget-contact p{
  color: #335371
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul{
  list-style: none
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li{
  margin-bottom: 16px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 24px;
  gap: 20px
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li:first-child{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li:first-child .contact-icon{
  margin-top: 5px
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li:last-child{
  margin-bottom: 0
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-icon{
  color: #335371;
  border-radius: 50px;
  float: left;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text{
  color: #335371;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text a:hover span{
  color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text a,
.te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text p,
.te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text span{
  color: #335371;
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-footer-widget .te_widget_latest_post ul li{
  margin-bottom: 10px
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-thumb{
  width: 80px;
  height: 80px;
  border-radius: 20px;
  overflow: hidden
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title{
  margin-bottom: 0;
  font-size: 18px;
  line-height: 29px;
  color: #335371;
  font-weight: 400
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a{
  font-size: 18px;
  line-height: 29px;
  color: #335371;
  font-weight: 400;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a:hover{
  color: #2394fe;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta{
  font-size: 14px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  gap: 8px;
  color: #335371
}

.te-footer-bottom-menu ul{
  list-style: none;
  display: flex;
  gap: 0 13px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.te-footer-bottom-menu ul li a{
  font-size: 18px;
  text-transform: capitalize;
  color: #335371;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.te-footer-bottom-menu ul li a:hover{
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #2394fe
}

.footer-bottom-area{
  padding: 16px 0
}

.footer-bottom-area .te-footer-bottom-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  gap: 10px 40px
}

.footer-bottom-area .te-copyright-text p{
  color: #335371;
  margin-bottom: 0
}

.footer-bottom-area .te-copyright-text p a{
  color: #335371;
  font-weight: 500
}

.footer-bottom-area .te-copyright-text p a:hover{
  color: #2394fe
}

.footer-bottom-area .credit-text p{
  color: #335371;
  margin-bottom: 0;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px
}

.footer-bottom-area .credit-text a{
  color: #2394fe
}

.subscribe-area{
  overflow: hidden
}

.subscribe-area.style-1 .te-subscribe-inner-area .te-content-wrapper{
  background-color: #2394fe;
  border-radius: 20px;
  padding: 63px 50px 68px 74px;
  gap: 14px
}

.subscribe-area.style-1 .te-image-bg-collumn{
  width: 520px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: unset !important;
  flex-basis: unset !important;
  -webkit-box-flex: unset !important;
  -ms-flex-positive: unset !important;
  flex-grow: unset !important
}

.subscribe-area .te-content-wrapper{
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  padding: 82px 0 89px 0
}

.subscribe-area .te-content-wrapper .short-title{
  font-size: 21px;
  font-weight: 500;
  color: #335371;
  margin-bottom: 0
}

.subscribe-area .te-content-wrapper .te-subscribe-title{
  color: #fff;
  font-size: 57px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  letter-spacing: -1px;
  text-transform: capitalize
}

.subscribe-area .te-content-wrapper .text{
  font-size: 18px;
  color: #fff;
  margin-bottom: 0
}

.subscribe-area .te-subscribe-inner-area{
  display: flex;
  gap: 32px
}

.subscribe-area .te-subscribe-inner-area .te-subscribe-collumn{
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px
}

.subscribe-area .te-subscribe-inner-area .mc4wp-form-fields{
  background-color: transparent;
  gap: 10px
}

.subscribe-area .te-subscribe-inner-area .mc4wp-form-fields .submit-btn{
  border-radius: 50px;
  padding: 10px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.te-footer-widget .te-subscribe-form-wrapper{
  color: #335371
}

.te-subscribe-form-widget{
  position: relative
}

.te-subscribe-form-widget .mc4wp-form-fields{
  display: flex;
  background-color: transparent;
  overflow: hidden;
  border-radius: 5px
}

.te-subscribe-form-widget .single-field{
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.te-subscribe-form-widget .single-field input{
  color: #335371;
  height: 55px;
  padding: 0 30px;
  font-size: 18px;
  width: 100%;
  border-radius: 50px
}

.te-subscribe-form-widget .single-field ::-webkit-input-placeholder{
  color: #778196
}

.te-subscribe-form-widget .single-field :-ms-input-placeholder{
  color: #778196
}

.te-subscribe-form-widget .single-field ::-ms-input-placeholder{
  color: #778196
}

.te-subscribe-form-widget .single-field ::placeholder{
  color: #778196
}

.te-subscribe-form-widget .submit-btn{
  background-color: #2394fe;
  color: #14203a;
  cursor: pointer;
  padding: 0 19px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .6px;
  border-radius: 50px
}

.te-subscribe-form-widget .submit-btn:hover{
  background-color: #131a2a;
  color: #fff
}

.te-subscribe-form-widget .mc4wp-response{
  position: absolute;
  margin-top: 15px
}

.te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-error p{
  color: red;
  position: relative
}

.te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-error a{
  color: red
}

.te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-notice p,
.te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-success p{
  color: #fff;
  position: relative
}

.te-footer-social-wrapper{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 66px;
  border-bottom: 1px solid rgba(225, 225, 225, .3);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 60px
}

.te-footer-social-wrapper .te-footer-logo{
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.te-footer-social-wrapper .te-social-widget{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.te-footer-social-wrapper .te-social-widget span{
  color: #fff;
  font-size: 20px;
  font-weight: 400
}

.te-social-profile{
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-top: 15px
}

.te-social-profile a{
  color: #ccc;
  font-size: 16px;
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 50px;
  -webkit-transition: all .5s ease-out;
  transition: color .3s ease;
  margin-right: 12px
}

.te-social-profile a:hover{
  background-color: #e7f914;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  color: #7b61ff
}

.footer.style-2{
  background-color: #10102f
}

.footer.style-2 .te-footer-sec{
  border-bottom: 1px solid rgba(225, 225, 225, .3);
  padding-top: 80px;
  padding-bottom: 70px
}

.footer.style-2 .te-footer-widget-title,
.footer.style-2 .wp-block-heading{
  color: #fff;
  font-size: 24px
}

.footer.style-2 .footer-bottom-area .te-copyright-text p,
.footer.style-2 .footer-bottom-area .te-copyright-text p a,
.footer.style-2 .te-footer-bottom-menu ul li a,
.footer.style-2 .te-footer-widget .te-subscribe-form-wrapper,
.footer.style-2 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta,
.footer.style-2 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title,
.footer.style-2 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a,
.footer.style-2 .te-footer-widget.te_widget_nav_menu li a{
  color: #fff
}

.te-main-menu ul li ul{
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: auto !important;
  background: 0 0 !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  all: unset !important
}

.mega-dropdown{
  position: relative !important
}

.mega-menu{
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 90% !important;
  max-width: 1200px !important;
  background: rgba(14, 15, 43, .98);
  border-radius: 24px;
  padding: 40px 50px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
  display: none !important;
  z-index: 9999;
  transition: all .25s ease
}

.mega-dropdown:hover .mega-menu{
  display: block !important;
  opacity: 1;
  pointer-events: all;
  transform: translateX(-50%) translateY(0)
}

.mega-row{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  justify-items: stretch;
  align-items: stretch
}

.mega-item{
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 14px;
  padding: 25px 22px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  min-height: 160px;
  transition: all .3s ease-in-out;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer
}

.mega-item *{
  color: inherit;
  transition: color .3s ease
}

.mega-item:hover{
  background: linear-gradient(135deg, #2394fe 0, #984bf8 100%);
  border-color: transparent;
  transform: translateY(-5px);
  box-shadow: 0 0 25px rgba(152, 75, 248, .35), 0 0 40px rgba(35, 148, 254, .25), inset 0 0 8px rgba(255, 255, 255, .05);
  text-decoration: none;
  color: #fff !important
}

.mega-item i{
   background: linear-gradient(90deg, #2394fe, #984bf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  font-size: 22px;
  margin-bottom: 12px;
  transition: color .3s ease, text-shadow .3s ease
}

.mega-item:hover i{
  color: #fff !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, .6), 0 0 16px rgba(152, 75, 248, .6)
}

.mega-item h4{
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.3
}

.mega-item p{
  font-size: 14px;
  color: #a8b2d1;
  line-height: 1.5;
  margin: 0
}

.mega-item:hover h4,
.mega-item:hover p{
  color: #fff !important
}

.te-main-menu ul li.mega-dropdown{
  position: static !important
}

.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a:hover{
  color: #e7f914 !important
}

.te-menu-sidebar-content,
.te-menu-sidebar-content a,
.te-menu-sidebar-content h5,
.te-menu-sidebar-content i,
.te-menu-sidebar-content p,
.te-menu-sidebar-content svg{
  color: #fff !important;
  fill: #fff !important
}

.te-menu-sidebar-content a:hover{
  color: #e7f914 !important
}

.fa-bars,
.te-mobile-menu-bar a i,
.te-mobile-menu-bar a i::before{
  color: #fff !important
}

.mega-item:hover{
  background-size: 200% 200%;
  animation: anma-gradient-move 3s ease infinite
}

@keyframes anma-gradient-move{
  0% {
  background-position: 0 50%
}

100%{
  background-position: 0 50%
}


}


.te-main-menu ul li.mega-dropdown{
  position: static !important
}

.te-menu-sidebar-content{
  color: #fff !important
}

.te-menu-sidebar-content a,
.te-menu-sidebar-content h5,
.te-menu-sidebar-content p{
  color: #fff !important
}

.te-menu-sidebar-content i,
.te-menu-sidebar-content svg{
  color: #fff !important;
  fill: #fff !important
}

.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info i,
.te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span{
  color: #fff !important;
  fill: #fff !important
}

.feature-boxes-inline{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  position: relative;
  z-index: 2
}

.feature-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 25px 20px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .03);
  transition: all .3s ease;
  color: #fff;
  min-height: 180px
}

.feature-box i{
  background: linear-gradient(90deg, #2394fe, #984bf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 28px
}

.feature-box h4{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #fff
}

.feature-box p{
  color: #ccc;
  font-size: 14px;
  line-height: 1.6
}

.feature-box:hover{
  transform: translateY(-6px);
  border-color: #984bf8;
  background: rgba(123, 97, 255, .15)
}

.te-slider-title{
  font-size: 54px;
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif
}

.gradient-text{
  background: linear-gradient(90deg, #2394fe 0, #984bf8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: inline;
  font-weight: 800
}

.te-header-menu-area .col-xl-9.d-flex.align-items-center.justify-content-end{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 40px !important
}

.slider-area .te-slider-content-wrapper{
  padding-top: 100px
}

.te-header-menu-area.te-sticky-header{
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 40px !important
}

.te-menu-sidebar-area{
  position: fixed;
  top: 0;
  left: -100%;
  width: 80%;
  max-width: 370px;
  height: 100vh;
  background: #10102f;
  z-index: 9999;
  transition: left .3s ease-in-out;
  box-shadow: 0 0 20px rgba(0, 0, 0, .6)
}

.te-menu-sidebar-area.active{
  left: 0
}

.te-menu-sidebar-wrapper{
  padding: 25px 25px 50px;
  height: 100%;
  overflow-y: auto
}

.te-menu-sidebar-close{
  text-align: right
}

.te-menu-sidebar-close-btn{
  background: 0 0;
  border: none;
  color: #fff;
  font-size: 22px;
  cursor: pointer
}

.te-menu-sidebar-logo{
  text-align: center;
  margin: 20px 0 30px
}

.te-menu-sidebar-logo img{
  max-height: 45px
}

.te-mobile-nav ul{
  list-style: none;
  padding: 0;
  margin: 0
}

.te-mobile-nav ul li{
  border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.te-mobile-nav ul li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s ease
}

.te-mobile-nav ul li a:hover{
  color: #7b61ff
}

.te-mobile-nav ul li.has-submenu>.submenu{
  display: none;
  padding-left: 15px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  margin: 8px 0
}

.te-mobile-nav ul li.has-submenu.open>.submenu{
  display: block;
  animation: slideDown .3s ease
}

@keyframes slideDown{
  0% {
  opacity: 0;
  transform: translateY(-8px)
}

100%{
  opacity: 1;
  transform: translateY(0)
}


}


.te-mobile-nav ul li.has-submenu>a i{
  font-size: 14px;
  transition: transform .3s ease
}

.te-mobile-nav ul li.has-submenu.open>a i{
  transform: rotate(180deg)
}

.te-menu-sidebar-single-widget{
  margin-top: 40px
}

.te-menu-sidebar-title{
  color: #7b61ff;
  font-size: 16px;
  margin-bottom: 10px
}

.te-header-contact-info span{
  display: block;
  color: #ccc;
  margin-bottom: 8px;
  font-size: 14px
}

.te-header-contact-info i{
  margin-right: 8px;
  color: #7b61ff
}

.mean-container a.mean-expand{
  font-family: "Font Awesome 6 Pro";
  content: "\f078";
  background: 0 0 !important;
  color: #7b7b8d !important;
  font-size: 14px;
  position: absolute;
  right: 15px;
  top: 16px;
  transition: transform .3s ease, color .3s ease
}

.mean-container a.mean-expand.mean-clicked{
  transform: rotate(180deg);
  color: #7b61ff !important
}

.mean-container .mean-nav ul li ul{
  background: #10102f;
  margin-left: 15px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  padding-left: 10px;
  transition: all .3s ease
}

.mean-container .mean-nav ul li a:hover{
  color: #7b61ff
}

@media (max-width:991px){
  .blog-area, .page-area {
  padding-top: 100px;
  padding-bottom: 52px
}


}


@media (max-width:767px){
  .blog-area, .page-area {
  padding-top: 70px;
  padding-bottom: 22px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-slider-btn-wrapper {
display: flex;
    justify-content: center;
    align-items: center;
  
    top: unset
}


}


@media (max-width:767px){
  .te-post-item.format-quote blockquote {
  padding: 35px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  blockquote {
  padding-left: 30px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  blockquote p {
  font-size: 18px;
  line-height: 28px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .blog-search-content .search-form, .blog-search-content .sidebar__search, .blog-search-content .wp-block-search {
  width: 100%
}


}


@media (max-width:600px){
  body.admin-bar .header-menu-area.sticky_menu {
  top: 0
}


}


@media (max-width:1550px){
  .header-area .container-fluid {
  padding: 0 24px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .header-area.style-2 .te-header-menu-area .menu-wrapper {
  padding-left: 10px;
  padding-right: 6px
}


}


@media (max-width:991px){
  .header-top {
  display: none
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .header-top .header-top-btn {
  display: none
}


}


@media (max-width:1199px){
  .te-header-menu-area .te-header-menu-wrapper {
  gap: 20px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-header-menu-area .te-logo {
  height: 65px !important;
  display: flex;
  align-items: center
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-header-menu-area .te-logo {
  height: 80px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .te-main-menu ul li a {
  padding: 32px 14px
}


}


@media only screen and (max-width:1399px){
  .te-header-btn {
  display: none
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area.style-2 .te-single-slider {
  height: unset;
  padding: 80px 0
}


}


@media (max-width:991px){
  .slider-area.style-2 .te-single-slider .slider-right-shape {
  display: none
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area .te-slider-wrapper .slick-dots {
  display: none !important;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 30px;
  bottom: 70px;
  top: unset;
  left: unset;
  right: unset;
  -webkit-transform: none;
  transform: none
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area .te-single-slider {
  background-image: none !important
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area .te-single-slider .te-slider-overlay {
  left: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area .te-single-slider .te-slider-overlay .te-slider-overlay-shape {
  display: none
}


}


@media only screen and (min-width:992px) and (max-width:1400px){
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  font-size: 60px;
  line-height: 64px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  font-size: 48px;
  line-height: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  font-size: 42px;
  line-height: 52px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 20px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc {
  font-size: 18px;
  line-height: 32px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc {
  font-size: 18px;
  line-height: 32px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc {
  font-size: 18px;
  line-height: 32px
}


}




@media (max-width:991px){
  .slider-area.style-1 .te-single-slider .shape-one {
  display: none
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .slider-area.style-1 .te-single-slider .shape-one {
  width: 200px;
  height: 150px;
  top: 100px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .slider-area.style-1 .te-single-slider .shape-one {
  width: 200px;
  height: 150px;
  top: 100px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .slider-area.style-1 .te-single-slider .shape-one {
  top: 160px;
  width: 250px;
  height: 200px
}


}


@media (max-width:991px){
  .slider-area.style-1 .te-single-slider .shape-two {
  display: none
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .slider-area.style-1 .te-single-slider .shape-two {
  top: 130px;
  right: -30px;
  width: 250px;
  height: 180px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .slider-area.style-1 .te-single-slider .shape-two {
  top: 130px;
  right: -30px;
  width: 250px;
  height: 180px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .slider-area.style-1 .te-single-slider .shape-two {
  width: 300px;
  height: 250px;
  top: 70px;
  right: -40px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area.style-1 .te-single-slider .shape-three {
  display: none !important
}


}


@media (max-width:991px){
  .slider-area.style-1 .te-single-slider .shape-three {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area.style-1 .te-single-slider .te-slider-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 80px 0;
  text-align: center
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .slider-area.style-1 .te-single-slider .te-slider-container {
  padding: 100px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area.style-1 .te-single-slider .te-slider-container .te-slider-column {
  width: 100%
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area.style-1 .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area.style-1 .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  font-size: 28px;
  line-height: 42px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .slider-area.style-1 .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  font-size: 32px;
  line-height: 52px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .slider-area.style-1 .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title {
  font-size: 62px;
  line-height: 80px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .slider-area.style-1 .te-slider-wrapper .slider-shape-bg {
  display: none
}


}


@media (max-width:1399px){
  .slider-area.style-1 .te-slider-wrapper .slider-shape-bg {
  margin-left: 0
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .te-info-card {
  padding: 40px 25px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-info-card.style-2 {
  padding: 35px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .te-info-card.style-2 {
  padding: 35px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-icon-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-icon-card .content {
  gap: 15px
}


}


@media (min-width:1280px){
  .te-icon-card.style-two .content .title {
  font-size: 22px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-icon-card.style-two {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 36px;
  gap: 34px
}

.te-icon-card.style-two .content{
  gap: 24px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-icon-card.style-three {
  gap: 25px
}

.te-icon-card.style-three .content{
  gap: 18px
}


}


@media (max-width:991px){
  .te-about-image-card .te-main-img-wrapper {
  text-align: left
}


}


@media (max-width:650px){
  .te-about-image-card .te-main-img-wrapper .te-main-img-inner>img {
  width: 100%
}


}


@media (max-width:575px){
  .te-about-image-card .te-main-img-wrapper .te-main-img-inner .te-img-card-shape {
  right: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner {
  padding-right: 0;
  margin-top: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-img-card-shape {
  display: none
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image {
  position: relative;
  right: unset;
  top: unset
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image {
  position: relative
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner {
  width: 100%
}

.te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner img{
  width: 100%
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text {
  left: unset;
  top: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-info-card .te-about-info-content .te-list-item-wrapper {
  grid-template-columns: repeat(1, 1fr)
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-info-card .te-about-info-content .te-info-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-info-card.style-2 .te-about-info-content .te-info-list .divider {
  height: 1px;
  width: 100%
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-info-card.style-three .about-info-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-info-card.style-three .about-info-wrapper .about-info-img {
  height: 350px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-about-info-card.style-three .te-about-info-content {
  padding-left: 0;
  padding-top: 50px
}


}


@media only screen and (min-width:576px) and (max-width:991px){
  .te-counter-card {
  grid-template-columns: repeat(2, 1fr)
}


}


@media (max-width:575px){
  .te-counter-card {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 50px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-counter-card .te-counter-item .number {
  font-size: 36px;
  line-height: 40px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-counter-card.style-two {
  grid-template-columns: repeat(2, 1fr)
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-counter-card.style-two {
  grid-template-columns: repeat(1, 1fr)
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-counter-card.style-two .te-counter-item {
  text-align: center
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-counter-card.style-two .te-counter-item .te-counter-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}


}


@media (max-width:280px){
  .te-counter-card.style-two .te-counter-item .counter-content .text br {
  display: none
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-counter-card.style-two .te-counter-item .number {
  font-size: 48px;
  line-height: 50px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-counter-card.style-two .te-counter-item .number {
  font-size: 48px;
  line-height: 50px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-counter-card.style-three .te-counter-item .number {
  font-size: 48px;
  line-height: 52px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-counter-card.style-three .te-counter-item {
  padding: 40px 30px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .te-process-step {
  padding: 45px 35px 60px 35px
}


}


@media (max-width:570px){
  .te-testimonial-card {
  padding: 30px
}


}


@media (max-width:570px){
  .te-testimonial-card .te-content-wrapper .te-user-meta {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .name {
  font-size: 18px;
  line-height: 28px
}


}


@media (max-width:570px){
  .te-testimonial-card .te-content-wrapper .te-user-meta .icon {
  position: absolute;
  right: 30px;
  top: 0;
  z-index: -1;
  font-size: 35px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .te-user-info {
  padding: 15px 30px
}


}


@media (max-width:575px){
  .te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .icon {
  font-size: 34px
}


}


@media (max-width:991px){
  .page-header {
  padding-left: 30px
}


}


@media (max-width:991px){
  .page-header .page-title, .page-header .te-page-title {
  font-size: 38px;
  line-height: 48px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-post-item iframe {
  height: 350px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-post-item .te-post-content-wrapper {
  padding: 35px;
  padding-top: 30px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-post-item .te-post-title {
  font-size: 28px;
  line-height: 42px;
  margin-top: 5px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-post-item .te-post-meta {
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}


}


@media (max-width:767px){
  .te-blog-details-wrapper .te-post-item .post-gallery, .te-blog-details-wrapper .te-post-item .post-video, .te-blog-details-wrapper .te-post-item .postbox-audio, .te-blog-details-wrapper .te-post-item .te-post-thumbnail, .te-blog-details-wrapper .te-post-item .wp-block-post-featured-image {
  margin-bottom: 30px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .skill-progressbar-wrapper {
  grid-template-columns: repeat(1, 1fr);
  gap: 15px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .skill-progressbar .progress-number-count, .skill-progressbar .progressbar-number {
  left: 90% !important
}


}


@media (max-width:375px){
  .cta-area .te-content-wrapper .te-cta-title {
  font-size: 34px !important
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .cta-area .te-content-wrapper .te-cta-title {
  font-size: 40px;
  line-height: 42px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .cta-area .te-content-wrapper .te-cta-title {
  font-size: 36px;
  line-height: 42px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .cta-area .te-cta-inner-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-section-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  margin-bottom: 40px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .te-section-title .title {
  font-size: 48px;
  line-height: 62px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .te-section-title .title {
  font-size: 47px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-section-title .title {
  font-size: 38px;
  line-height: 48px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-section-title .title {
  font-size: 32px;
  line-height: 42px
}


}


@media only screen and (min-width:0px) and (max-width:439px){
  .te-section-title .title br {
  display: none
}


}


@media (max-width:991px){
  .page-breadcrumb-area {
  padding-top: 180px;
  padding-bottom: 100px
}


}


@media (max-width:767px){
  .page-breadcrumb-area {
  padding-top: 150px;
  padding-bottom: 80px
}


}


@media (max-width:375px){
  .te-page-heading .te-page-title, .te-page-heading h3 {
  font-size: 32px;
  line-height: 42px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-page-heading .te-page-title, .te-page-heading h3 {
  font-size: 42px;
  line-height: 52px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-page-heading .te-page-title, .te-page-heading h3 {
  font-size: 60px;
  line-height: 72px
}


}


@media (max-width:1199px){
  .te-breadcrumb-wrapper {
  padding: 0
}


}


@media (max-width:375px){
  .te-breadcrumb-list ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


}


@media (max-width:375px){
  .te-breadcrumb-list ul li:first-child:before {
  display: block !important
}


}


@media (max-width:767px){
  .comment-navigation .nav-next a, .comment-navigation .nav-previous a, .comment-navigation .wp-block-query-pagination-next, .comment-navigation .wp-block-query-pagination-previous, .navigation.posts-navigation .nav-next a, .navigation.posts-navigation .nav-previous a, .navigation.posts-navigation .wp-block-query-pagination-next, .navigation.posts-navigation .wp-block-query-pagination-previous, .wp-block-query-pagination .nav-next a, .wp-block-query-pagination .nav-previous a, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
  height: 40px
}


}


@media (max-width:767px){
  .page-links .page-numbers, .page-links .post-page-numbers, .te-basic-pagination .page-numbers, .te-basic-pagination .post-page-numbers, .wp-block-query-pagination-numbers .page-numbers, .wp-block-query-pagination-numbers .post-page-numbers {
  width: 40px;
  height: 40px;
  font-size: 16px
}


}


@media only screen and (min-width:992px) and (max-width:1024px){
  .te-blog-post-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  margin: 30px 0
}


}


@media (max-width:767px){
  .te-blog-post-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  margin: 30px 0
}


}


@media (max-width:374px){
  .te-blog-post-nav .te-post-navigation {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important
}


}


@media only screen and (min-width:992px) and (max-width:1024px){
  .te-blog-post-nav .te-post-navigation {
  width: 100%
}


}


@media (max-width:767px){
  .te-blog-post-nav .te-post-navigation {
  width: 100%
}


}


@media only screen and (min-width:992px) and (max-width:1024px){
  .te-blog-post-nav .te-post-navigation::after {
  display: none
}


}


@media (max-width:767px){
  .te-blog-post-nav .te-post-navigation::after {
  display: none
}


}


@media (max-width:374px){
  .te-blog-post-nav .te-post-navigation:last-child .text {
  text-align: left
}


}


@media (max-width:374px){
  .te-blog-post-nav .te-post-navigation .te-post-img {
  width: 100% !important;
  height: 150px !important
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .project-page-wrapper {
  padding-top: 80px;
  padding-bottom: 40px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .project-page-wrapper {
  padding-top: 100px;
  padding-bottom: 60px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .project-details-page {
  padding: 80px 0
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .project-details-page {
  padding: 100px 0
}


}


@media (max-width:1199px){
  .project-details .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-right: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .project-details .content .text .title {
  font-size: 32px;
  line-height: 42px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .project-details .content .text .title {
  font-size: 34px;
  line-height: 48px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .project-details .content .text .title {
  font-size: 42px;
  line-height: 52px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .project-details .content .text .title {
  font-size: 44px;
  line-height: 58px
}


}


@media (max-width:1199px){
  .project-details .content .project-info-wrapper {
  width: 100%;
  margin-top: 40px
}


}


@media (max-width:575px){
  .project-details .content .project-info-wrapper .project-info {
  grid-template-columns: repeat(1, 1fr)
}


}


@media (max-width:1199px){
  .project-details-overview .list-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}


}


@media (max-width:575px){
  .project-details-overview .list-wrapper .user-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


}


@media (max-width:991px){
  .sidebar {
  padding-left: 0;
  padding-top: 40px
}


}


@media only screen and (min-width:992px) and (max-width:1280px){
  .sidebar__widget .widget-instagram-feed, .widget .widget-instagram-feed {
  width: 220px
}


}


@media (max-width:374px){
  .sidebar__widget .widget-instagram-feed, .widget .widget-instagram-feed {
  width: 200px
}


}


@media (max-width:1199px){
  .sidebar__widget .te-social-profile a, .widget .te-social-profile a {
  width: 40px;
  height: 40px
}


}


@media only screen and (min-width:992px) and (max-width:1280px){
  .widget-instagram-feed {
  grid-template-columns: repeat(2, 1fr)
}


}


@media (max-width:374px){
  .widget-instagram-feed {
  grid-template-columns: repeat(2, 1fr)
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-latest-comments li .children .te-comments-item {
  margin-left: 0
}


}


@media (max-width:767px){
  .te-latest-comments li .te-comments-item {
  padding: 30px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-latest-comments li .te-comments-item .te-comments-avatar {
  float: inherit;
  margin-bottom: 20px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name span {
  display: inline-block;
  width: 100%
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply {
  position: unset;
  margin-top: 10px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-post-comments-title h2 {
  font-size: 28px;
  margin-bottom: 20px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .comment-reply-title {
  font-size: 28px;
  margin-bottom: 20px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-team-member-slider-wrapper {
  padding: 0 12px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-team-member-slider-wrapper .slick-list {
  padding-bottom: 25px;
  margin: unset
}


}


@media (max-width:991px){
  .newsletter-area.style-1 {
  margin-top: 0;
  padding-top: 100px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .about-us-area.style-1 {
  padding-top: 80px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .about-us-area.style-1 {
  padding-top: 100px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .about-us-area.style-1 .te-about-image-card.style-2 {
  padding-right: 0;
  margin-bottom: 50px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .about-us-area.style-1 .te-about-image-card.style-2 {
  margin-bottom: 200px;
  padding-right: 0
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .about-us-area.style-1 .te-about-image-card.style-2 {
  margin-bottom: 200px;
  padding-right: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .feature-area.style-1 {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .feature-area.style-1 {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .portfolio-area.style-1 {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .portfolio-area.style-1 {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .counter-up-area.style-1 {
  padding-bottom: 80px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .counter-up-area.style-1 {
  padding-bottom: 100px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-process-step-area.style-1 {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-process-step-area.style-1 {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .latest-posts-area.style-1 {
  padding-top: 80px;
  padding-bottom: 40px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .latest-posts-area.style-1 {
  padding-top: 100px;
  padding-bottom: 60px
}


}


@media (max-width:767px){
  .brand-marquee-area {
  gap: 20px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .brand-marquee-area .single-brand-marquee .brand-marquee-title {
  font-size: 62px;
  line-height: 62px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .brand-marquee-area .single-brand-marquee .brand-marquee-title {
  font-size: 80px;
  line-height: 80px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .brand-marquee-area .single-brand-marquee .brand-marquee-title {
  font-size: 95px;
  line-height: 75px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .brand-marquee-area .single-brand-marquee .brand-marquee-title {
  font-size: 100px;
  line-height: 80px
}


}

@media only screen and (min-width:768px) and (max-width:991px){
  .about-us-area.style-2 {
  padding: 100px 0
}


}


@media (max-width:991px){
  .about-us-area.style-2 .te-about-image-card {
  text-align: center;
  margin-bottom: 50px
}


}


@media (max-width:991px){
  .about-us-area.style-2 .te-about-image-card .te-main-img-wrapper .te-main-img-inner {
  width: 100%
}


}


@media (max-width:1199px){
  .about-us-area.style-2 .te-about-image-card .te-company-foundation {
  left: 0
}


}


@media (max-width:1199px){
  .about-us-area.style-2 .te-about-info-card {
  padding-left: 0
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .about-us-area.style-2 .te-about-info-card {
  padding-left: 60px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .about-us-area.style-2 .te-about-info-card {
  padding-left: 80px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .feature-area.style-2 {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .feature-area.style-2 {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .cta-and-portfolio-area {
  padding-bottom: 100px
}


}


@media (max-width:991px){
  .cta-and-portfolio-area {
  padding-bottom: 80px
}


}


@media (max-width:991px){
  .portfolio-area.style-2 {
  margin-top: 0
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .portfolio-area.style-2 {
  margin-top: 0;
  padding-top: 100px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .portfolio-area.style-2 {
  padding-top: 80px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .portfolio-area.style-2 {
  padding-top: 100px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .team-slider-area.style-2 {
  padding: 80px 0
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .team-slider-area.style-2 {
  padding: 100px 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .faq-area.style-1 {
  padding-bottom: 80px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .faq-area.style-1 {
  padding-bottom: 100px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .faq-area.style-1 {
  padding-bottom: 120px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .faq-area.style-1 {
  padding-bottom: 120px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .faq-area.style-1 .accordion-wrapper {
  padding-right: 60px
}


}


@media (max-width:1199px){
  .faq-area.style-1 .te-faq-image {
  right: unset;
  margin-bottom: 150px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .faq-area.style-1 .te-faq-image {
  right: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .faq-area.style-1 .te-faq-image .te-image-wrapper .top-content {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .faq-area.style-1 .te-faq-image .te-image-wrapper .bottom-content {
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .latest-posts-area.style-2 {
  padding-top: 80px;
  padding-bottom: 40px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .latest-posts-area.style-2 {
  padding-top: 100px;
  padding-bottom: 60px
}


}


@media (max-width:991px){
  .subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper {
  left: unset
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  float: unset
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  float: unset
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper {
  gap: 60px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .subscribe-area.style-2 .te-subscribe-inner-area .te-content-wrapper .te-content-inner {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .subscribe-area.style-2 .te-subscribe-inner-area .mc4wp-form-fields {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .testimonial-slider-area.style-3 {
  padding: 80px 0
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .testimonial-slider-area.style-3 {
  padding: 100px 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-process-step-area.style-2 {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-process-step-area.style-2 {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .contact-form-area {
  padding-top: 70px;
  padding-bottom: 80px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .contact-form-area {
  padding-top: 90px;
  padding-bottom: 100px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .contact-form-area .te-comment-respond .title, .contact-form-area .te-title-wrapper .title {
  font-size: 32px;
  line-height: 38px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .contact-form-area .te-comment-respond .title, .contact-form-area .te-title-wrapper .title {
  font-size: 34px;
  line-height: 40px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .contact-form-area .te-comment-respond .title, .contact-form-area .te-title-wrapper .title {
  font-size: 48px;
  line-height: 52px
}


}


@media (max-width:991px){
  .te-contact-info-wrapper {
  margin-bottom: 60px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-contact-info .te-icon-card {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-map-widget iframe {
  height: 350px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-map-widget iframe {
  height: 450px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .feature-area.style-3 {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .feature-area.style-3 {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media (max-width:1399px){
  .feature-area.style-3 .te-info-card .te-content-wrapper {
  padding: 40px 30px 30px 30px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-service-details-wrapper {
  margin-top: 40px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .te-service-details-wrapper {
  margin-top: 40px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .service-details-page {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .service-details-page {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .team-details-page {
  padding-top: 80px;
  padding-bottom: 56px
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .team-details-page {
  padding-top: 100px;
  padding-bottom: 76px
}


}


@media (max-width:991px){
  .team-details-wrapper {
  gap: 30px
}


}


@media (max-width:991px){
  .team-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .team-details .content {
  gap: 30px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .team-details .content {
  gap: 20px
}


}


@media (max-width:991px){
  .team-details .image {
  width: 100%
}

.team-details .image img{
  width: 100%
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .team-details .image {
  width: 330px
}


}


@media (max-width:991px){
  .team-details .user-meta .title {
  font-size: 34px;
  margin-bottom: 10px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .team-details .user-meta .title {
  font-size: 36px
}


}


@media (max-width:991px){
  .team-details-overview-wrapper .sec-title {
  font-size: 28px;
  line-height: 32px
}


}


@media (max-width:991px){
  .blog-grid-area {
  padding: 100px 0
}


}


@media (max-width:767px){
  .blog-grid-area {
  padding: 70px 0
}


}


@media (max-width:767px){
  .blog-load-btn {
  margin-top: 0
}


}


@media (max-width:991px){
  .footer .footer-nav-widget {
  padding: 0 12px
}


}


@media only screen and (min-width:992px) and (max-width:1199px){
  .footer .footer-nav-widget {
  padding: 0 20px
}


}


@media only screen and (min-width:1200px) and (max-width:1399px){
  .footer .footer-nav-widget {
  padding: 0 30px
}


}


@media (max-width:991px){
  .te-footer-widget {
  margin-bottom: 40px
}


}


@media (max-width:767px){
  .te-footer-widget.zoom-instagram-widget {
  margin-bottom: 0;
  margin-top: -10px
}


}


@media (max-width:767px){
  .te-footer-widget.widget_contact_info_widget {
  margin-bottom: 18px
}


}


@media only screen and (min-width:992px) and (max-width:1399px){
  .te-footer-widget .widget-instagram-feed {
  width: 170px
}


}


@media (max-width:1199px){
  .te-footer-widget .te-footer-widget-info {
  padding-right: 0
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .te-footer-widget .te-footer-widget-info .info-form-and-social-icon {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 30px
}


}


@media (max-width:991px){
  .te-footer-bottom-menu ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}


}


@media (max-width:991px){
  .footer-bottom-area {
  padding: 30px 0
}


}


@media (max-width:1199px){
  .subscribe-area.style-1 .te-image-bg-collumn {
  display: none
}


}


@media only screen and (min-width:810px) and (max-width:991px){
  .subscribe-area .te-content-wrapper {
  padding: 100px 24px 100px 24px;
  margin: 0 auto
}


}


@media (max-width:809px){
  .subscribe-area .te-content-wrapper {
  padding: 80px 24px 80px 24px;
  width: 100%
}


}


@media (max-width:375px){
  .subscribe-area .te-content-wrapper .te-subscribe-title {
  font-size: 34px !important
}


}


@media only screen and (min-width:768px) and (max-width:991px){
  .subscribe-area .te-content-wrapper .te-subscribe-title {
  font-size: 40px;
  line-height: 42px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .subscribe-area .te-content-wrapper .te-subscribe-title {
  font-size: 36px;
  line-height: 42px
}


}


@media only screen and (min-width:0px) and (max-width:767px){
  .subscribe-area .te-subscribe-inner-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


}


@media (max-width:991px){
  .subscribe-area .te-subscribe-inner-area .te-subscribe-collumn.te-image-bg-collumn {
  display: none
}


}


@media (max-width:575px){
  .subscribe-area .te-subscribe-inner-area .mc4wp-form-fields {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


}


@media (max-width:991px){
  .header-area.style-2 .te-header-menu-area .menu-wrapper {
  background-color: transparent !important;
  box-shadow: none !important
}


}


@media (max-width:991px){
  .feature-boxes-inline {
  grid-template-columns: 1fr;
  margin-top: 30px
}


}


@media (max-width:991px){
  .te-header-menu-area.te-sticky-header {
  min-height: 60px !important;
  padding: 0 20px !important
}


}


.mean-container .mean-nav ul li ul{
  background: #10102f;
  border-top: 1px solid rgba(255, 255, 255, .1);
  display: none
}

.mean-container .mean-nav ul li ul li a{
  padding-left: 35px;
  color: #ccc;
  font-size: 14px
}

.mean-container .mean-nav ul li ul li a:hover{
  color: #fff
}

.about-us-area.style-2{
  background-color: #10102f
}

.slider-area.style-2 .te-single-slider{
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important
}

.about-us-area.style-2 .row{
  display: flex;
  align-items: stretch !important
}

.about-us-area.style-2 .col-lg-6,
.about-us-area.style-2 .col-xl-5,
.about-us-area.style-2 .col-xxl-6{
  display: flex;
  flex-direction: column
}

.te-about-image-card{
  flex: 1 1 auto;
  display: flex
}

.te-about-image-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px
}

.te-header-menu-area.te-sticky-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  margin: 0 !important;
  padding: 0 !important
}

.te-header-menu-area.te-sticky-header>.container{
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important
}

.header-area.style-2 .te-header-menu-area .menu-wrapper{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important
}

.menu-wrapper .col-xl-3,
.menu-wrapper .col-xl-9{
  padding-left: 0 !important;
  padding-right: 0 !important
}

#logo-footer{
  max-width: 180px !important;
  height: auto !important;
  margin-bottom: 25px !important;
  display: block !important
}

.footer.style-2 .te-footer-widget a,
.footer.style-2 .te-footer-widget p{
  color: #cdd1de !important
}

.footer.style-2 .footer-social{
  display: flex;
  gap: 10px;
  margin-top: 10px
}

.footer.style-2 .footer-social a{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  text-align: center;
  line-height: 36px;
  color: #fff;
  transition: .3s ease
}

.footer.style-2 .footer-social a:hover{
  background: #2394fe;
  color: #fff
}

.footer.style-2 .te-footer-sec .row{
  margin: 0 !important;
  --bs-gutter-x: 2.5rem !important;
  align-items: flex-start !important
}

.footer.style-2 .te-footer-sec [class*=col-]{
  padding-left: 0 !important;
  padding-right: 0 !important
}

@media (max-width:991px){
  .footer.style-2 .te-footer-widget {
  text-align: center
}

.footer.style-2 .footer-social{
  justify-content: center
}


}


@media (max-width:767px){
  .footer.style-2 .te-footer-sec .row {
  row-gap: 40px
}

.footer.style-2 .te-footer-widget{
  margin-bottom: 30px
}


}


.te-faq-section{
  background: #10102f;
  color: #cfd3e1
}

.te-faq-section .title{
  color: #fff;
  font-weight: 700
}

.te-faq-section .short-title{
  display: inline-block;
  color: #2394fe;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px
}

.accordion-item{
  background: #171828;
  border-radius: 16px;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .28);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .02)
}

.accordion-button::after{
  display: none !important
}

.accordion-button{
  position: relative;
  background: 0 0;
  color: #fff;
  font-weight: 600;
  padding: 22px 30px;
  border: none;
  border-radius: 0;
  transition: all .22s ease
}

.accordion-button::before{
  content: '+';
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 700;
  color: #2394fe;
  transition: all .22s ease
}

.accordion-button:not(.collapsed)::before{
  content: '−';
  color: #2394fe
}

.accordion-button:not(.collapsed){
  background: linear-gradient(90deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .01));
  color: #2394fe
}

.accordion-body{
  padding: 0 30px 24px;
  color: #cfd3e1;
  font-size: 15px;
  line-height: 1.65
}

.faq-deliverables{
  padding-left: 18px;
  margin: 6px 0 0 0
}

.faq-deliverables li{
  margin: 8px 0;
  color: #cfd3e1
}

@media (min-width:992px){
  .te-faq-section .accordion {
  margin-bottom: 0
}


}


@media (max-width:991px){
  .te-faq-section {
  padding: 70px 0
}

.accordion-item{
  margin-bottom: 18px
}

.accordion-button{
  padding: 18px 20px
}

.accordion-button::before{
  right: 18px
}

.accordion-body{
  padding: 0 20px 18px
}

.te-faq-section .title{
  font-size: 28px
}


}


.anma-clients,
.anma-core-principles,
.anma-hero-section,
.anma-roadmap,
.anma-who-we-are{
  background-color: #10102f;
  color: #c7c7db
}

.anma-clients h2,
.anma-core-principles h2,
.anma-hero-section h2,
.anma-roadmap h2,
.anma-who-we-are h2{
  color: #fff;
  font-weight: 600
}

.anma-hero-text h2{
  margin-bottom: 25px
}

.anma-hero-text p{
  line-height: 1.8;
  font-size: 16px
}

.anma-hero-image img{
  width: 100%;
  border-radius: 12px;
  object-fit: cover
}

.anma-who-we-are{
  text-align: center;
  padding-top: 120px;
  padding-bottom: 120px
}

.anma-who-we-are p{
  max-width: 850px;
  margin: 0 auto 15px auto;
  font-size: 16px;
  line-height: 1.8
}


.anma-core-principles{
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px
}

.anma-principle-card{
  background: rgba(255, 255, 255, .03);
  border-radius: 20px;
  padding: 40px 25px;
  color: #ddd;
  transition: all .3s ease;
  height: 100%
}

.anma-principle-card .icon{
  color: #7a6fff;
  font-size: 36px;
  margin-bottom: 20px
}

.anma-principle-card:hover{
  background: rgba(122, 111, 255, .1);
  transform: translateY(-5px)
}

.anma-clients{
  text-align: center;
  padding-bottom: 100px;
  overflow: hidden
}

.anma-logo-slider{
  width: 100%;
  overflow: hidden;
  position: relative
}
.anma-logo-slider img {
  max-height: 90px;
  max-width: 150px;   /* limit wide logos */
  object-fit: contain;
  
}


.anma-slide-track{
  display: flex;
  width: max-content;
  animation: anma-scroll 25s linear infinite
}

/* Normalize all logos in the slider */
.anma-slide-track img {
    height: 100px;          /* uniform height */
    width: auto;           /* maintain aspect ratio */
    object-fit: contain;   /* prevents stretching */
    margin: 0 35px;        /* clean spacing between logos */
    opacity: 1;            /* remove fade */
    filter: none;          /* remove grayscale */
    transition: transform .25s ease;
}

/* Optional hover effect (subtle) */
.anma-slide-track img:hover {
    transform: scale(1.05);
}


@keyframes anma-scroll{
  0% {
  transform: translateX(0)
}

100%{
  transform: translateX(-50%)
}


}






.anma-hero-section{
  background-color: #10102f;
  padding-top: 120px
}

.anma-contact-area{
  background-color: #10102f;
  color: #c7c7db;
  padding: 120px 0;
  position: relative;
  overflow: hidden
}

.anma-contact-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/grid-pattern.svg") center/cover no-repeat;
  opacity: .05;
  pointer-events: none
}

.anma-contact-form{
  background: rgba(255, 255, 255, .03);
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(122, 111, 255, .1)
}

.anma-contact-form h2{
  color: #fff;
  margin-bottom: 10px
}

.anma-contact-form p{
  color: #a9a9c7;
  margin-bottom: 30px
}

.anma-contact-form input,
.anma-contact-form textarea{
  width: 100%;
  padding: 14px 18px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  color: #fff;
  margin-bottom: 20px;
  transition: border .3s
}

.anma-contact-form input:focus,
.anma-contact-form textarea:focus{
  border-color: #7a6fff;
  outline: 0
}

.anma-btn{
  background: linear-gradient(90deg, #7a6fff, #655cff);
  border: none;
  padding: 14px 40px;
  color: #fff;
  border-radius: 50px;
  transition: all .3s;
  font-weight: 500
}

.anma-btn:hover{
  background: linear-gradient(90deg, #655cff, #7a6fff);
  transform: translateY(-2px)
}

.anma-contact-info{
  padding: 20px 0 20px 40px
}

.anma-contact-info h3{
  color: #fff;
  margin-bottom: 20px
}

.anma-contact-info p{
  color: #a9a9c7;
  margin-bottom: 30px;
  line-height: 1.7
}

.anma-info-item{
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  transition: all .3s
}

.anma-info-item i{
  font-size: 26px;
  color: #7a6fff;
  margin-right: 15px;
  background: rgba(122, 111, 255, .15);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  transition: all .3s
}

.anma-info-item:hover i{
  background: rgba(122, 111, 255, .4);
  transform: scale(1.1)
}

.anma-info-item a,
.anma-info-item p{
  color: #ddd;
  margin: 0
}

.anma-info-item h5{
  margin: 0 0 4px 0;
  color: #fff
}

.anma-social{
  margin-top: 30px
}

.anma-social a{
  display: inline-block;
  color: #7a6fff;
  background: rgba(255, 255, 255, .05);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
  transition: all .3s
}

.anma-social a:hover{
  background: #7a6fff;
  color: #fff;
  transform: translateY(-2px)
}

@media (max-width:992px){
  .anma-contact-info {
  padding: 50px 0 0
}

.anma-contact-form{
  margin-bottom: 40px
}


}


.anma-services-area{
  background-color: #10102f;
  padding: 100px 0;
  color: #fff
}

.anma-section-title{
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px
}

.anma-section-subtitle{
  font-size: 16px;
  color: #a8b2d1;
  max-width: 720px;
  margin: 0 auto 40px auto;
  line-height: 1.7
}

.anma-service-card{
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  transition: all .3s ease;
  display: block;
  height: 100%;
  text-decoration: none;
  color: #fff
}

.anma-service-inner{
  padding: 40px 30px;
  text-align: center
}

.anma-service-card i{
  background: linear-gradient(90deg, #2394fe, #984bf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 28px;
}

.anma-service-card h3{
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.4
}

.anma-service-card p{
  font-size: 14px;
  color: #a8b2d1;
  margin-bottom: 15px;
  line-height: 1.6;
  min-height: 70px
}

.anma-read-more{
  font-size: 13px;
  font-weight: 600;
  color: #9d4ffb;
  letter-spacing: .3px;
  transition: color .3s ease
}

.anma-service-card:hover{
  background: linear-gradient(135deg, #3b2ae4 0, #9d4ffb 100%);
  border: none;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(157, 79, 251, .3);
  text-decoration: none
}

.anma-service-card:hover .anma-read-more,
.anma-service-card:hover h3,
.anma-service-card:hover i,
.anma-service-card:hover p{
  color: #fff
}

@media (max-width:767px){
  .anma-service-card {
  margin-bottom: 20px
}

.anma-service-inner{
  padding: 30px 20px
}


}


.anma-services-area .row.gy-4{
  justify-content: center
}

body.anma-service-details-body{
  background-color: #10102f;
  color: #fff;
  font-family: Inter, sans-serif;
  overflow-x: hidden
}

.anma-service-details-body .container{
  width: 90%;
  max-width: 1100px;
  margin: 0 auto
}

.anma-service-details-banner{
  text-align: center;
  background: #10102f;
  padding: 100px 0 40px;
  position: relative
}

.anma-service-details-banner h1{
  font-size: 42px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 12px
}

.anma-service-details-banner p{
  color: #a8b3d1;
  font-size: 16px;
  max-width: 720px;
  margin: 0 auto;
  line-height: 1.6
}

.anma-service-details-description{
  background: #10102f;
  padding: 60px 0
}

.anma-service-details-desc-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  align-items: center;
  gap: 40px
}

.anma-service-details-desc-text h2{
  font-size: 26px;
  margin-bottom: 16px;
  color: #fff
}

.anma-service-details-desc-text p{
  color: #a8b3d1;
  line-height: 1.7;
  margin-bottom: 15px;
  text-align: justify;
  text-justify: inter-word;
}

.anma-service-details-desc-image img{
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 25px rgba(152, 75, 248, .25)
}

.anma-service-details-checklist{
  padding: 60px 0;
  background: #10102f
}

.anma-service-details-checklist h2{
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px
}

.anma-service-details-list{
  max-width: 750px;
  margin: 0 auto;
  list-style: none;
  padding: 0
}

.anma-service-details-list li{
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  padding: 10px 15px;
  margin-bottom: 10px;
  transition: .3s;
  color: #a8b3d1
}

.anma-service-details-list li:hover{
  background: linear-gradient(90deg, #2394fe, #984bf8);
  transform: translateX(6px);
  color: #fff
}

.anma-service-details-list i{
  color: #27d67a;
  margin-right: 8px
}

.anma-service-details-checklist-radar{
  background: #10102f;
  padding: 60px 0 90px;
  text-align: center;
  position: relative;
  overflow: hidden
}

.anma-service-details-section-title{
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 40px
}

.anma-service-details-radar-wrapper{
  width: 460px;
  height: 460px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(255, 255, 255, .02) 0, transparent 70%);
  box-shadow: inset 0 0 45px rgba(152, 75, 248, .15)
}

.anma-service-details-radar-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10;
  pointer-events: none
}

.anma-service-details-core{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: radial-gradient(circle at top left, #2394fe, #984bf8);
  box-shadow: 0 0 25px rgba(152, 75, 248, .7);
  animation: pulseCore 3s ease-in-out infinite
}

.anma-service-details-radar-center span{
  display: block;
  margin-top: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 13px
}

.anma-service-details-radar-ring{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: center
}

.anma-service-details-radar-item{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 130px;
  transform-origin: center
}

.anma-service-details-radar-inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  text-align: center;
  color: #a8b3d1;
  animation: counterRotate 90s linear infinite;
  transition: all .3s ease
}

.anma-service-details-radar-inner i {
  font-size: 18px;

  /* gradient text color */
  background: linear-gradient(90deg, #2394fe, #984bf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  /* icon background circle */
  background-color: rgba(152, 75, 248, 0.08);
  border-radius: 50%;
  padding: 12px;

  transition: all .3s ease;
}
.anma-service-details-radar-inner:hover i {
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
}



.anma-service-details-radar-inner:hover i{
  background: linear-gradient(135deg, #2394fe, #984bf8);
  color: #fff;
  box-shadow: 0 0 15px rgba(152, 75, 248, .5)
}

.anma-service-details-radar-inner p{
  font-size: 13px;
  max-width: 90px;
  line-height: 1.3;
  margin-top: 7px
}

.tooltip{
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  padding: 10px 12px;
  background: rgba(20, 20, 50, .9);
  border: 1px solid rgba(152, 75, 248, .3);
  border-radius: 10px;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease
}

.anma-service-details-radar-inner:hover .tooltip{
  opacity: 1;
  transform: translateX(-50%) translateY(-8px)
}

@keyframes pulseCore{
  0%, 100% {
  transform: scale(1);
  box-shadow: 0 0 25px rgba(152, 75, 248, .7)
}

50%{
  transform: scale(1.1);
  box-shadow: 0 0 45px rgba(35, 148, 254, .8)
}


}


@keyframes rotateRing{
  0% {
  transform: rotate(0)
}

100%{
  transform: rotate(360deg)
}


}


@keyframes counterRotate{
  0% {
  transform: rotate(0)
}

100%{
  transform: rotate(-360deg)
}


}


@media (max-width:768px){
  .anma-service-details-radar-wrapper {
  width: 100%;
  height: auto
}

.anma-service-details-radar-ring{
  animation: none
}

.anma-service-details-radar-item{
  position: static;
  margin: 20px auto
}

.anma-service-details-radar-inner{
  animation: none
}


}


.anma-service-details-radar-inner p{
  margin-top: 8px;
  font-size: 13.5px;
  line-height: 1.3;
  font-weight: 500;
  max-width: 110px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  text-align: center;
  white-space: normal
}

.anma-service-details-radar-wrapper{
  width: 400px;
  height: 400px
}

/* SECTION */
.anma-service-details-methodology {
  background: #10102f;
  padding: 60px 0;
}

.anma-service-details-methodology h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 50px;
  color: #fff;
}

/* TIMELINE WRAPPER — NO LEFT PADDING */
.anma-service-details-timeline {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
}

.anma-method-line {
    position: absolute;
    top: 0;
    width: 3px;
    height: 100%;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 10px;
    overflow: hidden;
}

.anma-method-line-fill {
    width: 3px;
    height: 0;
    background: linear-gradient(180deg, #2394fe, #984bf8);
    transition: height 0.2s linear;
}



/* THE GROWING (ANIMATED) PART */
.anma-method-line-fill {
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, #2394fe, #984bf8);
  transition: height 0.25s linear;
}

/* EACH STEP */
.anma-service-details-step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(30px);
  transition: all .6s ease-out;

  /* THIS IS THE REPLACEMENT FOR PADDING-LEFT */
  padding-left: 80px; 
}

/* FADE-IN */
.anma-service-details-step.visible {
  opacity: 1;
  transform: translateY(0);
}

/* CIRCLE LOOK */
.anma-service-details-circle {
    position: absolute;
    left: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2394fe, #984bf8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 0 15px rgba(152, 75, 248, .5);
}


/* NO BUILT-IN LINE ANYMORE */
.anma-service-details-circle::after {
  display: none;
}

/* CONTENT BOX */
.anma-service-details-content {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  padding: 18px 22px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.anma-service-details-content h3 {
  color: #fff;
  font-size: 17px;
  margin-bottom: 8px;
}

.anma-service-details-content p {
  color: #a8b3d1;
  font-size: 14px;
  line-height: 1.6;
}

.anma-service-details-content:hover {
  background: linear-gradient(135deg, rgba(35,148,254,.1), rgba(152,75,248,.15));
  transform: translateX(4px);
}


.anma-service-details-faq{
  background: #10102f;
  padding: 60px 0
}

.anma-service-details-faq h2{
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px
}

.anma-service-details-faq-container{
  max-width: 750px;
  margin: 0 auto
}

.anma-service-details-faq-item{
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  padding: 12px 0
}

.anma-service-details-faq-question{
  background: 0 0;
  border: none;
  color: #fff;
  font-size: 16px;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 8px 0
}

.anma-service-details-faq-question .plus{
  color: #984bf8;
  font-weight: 700
}

.anma-service-details-faq-answer{
  display: none;
  color: #a8b3d1;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6
}

.anma-service-details-faq-answer.open{
  display: block
}

.anma-service-details-step{
  align-items: flex-start;
  min-height: 160px;
  position: relative
}

.anma-service-details-circle::after{
  height: 60px;
  background: linear-gradient(180deg, rgba(152, 75, 248, .5), rgba(35, 148, 254, .5));
  opacity: .6
}

.anma-service-details-step:last-child .anma-service-details-circle::after{
  display: block;
  height: 30px;
  background: linear-gradient(180deg, rgba(35, 148, 254, .5), rgba(35, 148, 254, 0))
}

.anma-service-details-content{
  flex: 1;
  padding: 20px 24px;
  min-height: 120px
}

.anma-service-details-content p{
  min-height: 60px;
  margin: 0
}

.anma-service-details-cta{
  text-align: center;
  padding: 60px 0 80px;
  background: #10102f
}

.anma-service-details-cta h2{
  margin-bottom: 25px;
  font-size: 24px
}

.anma-service-details-btn{
  background: linear-gradient(90deg, #2394fe, #984bf8);
  color: #fff;
  padding: 12px 35px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: .3s;
  display: inline-block
}

.anma-service-details-btn:hover{
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(152, 75, 248, .5)
}

@media (max-width:768px){
  .anma-service-details-banner {
  padding: 70px 0 30px
}

.anma-service-details-banner h1{
  font-size: 28px
}

.anma-service-details-content{
  padding: 15px 18px
}

.anma-service-details-timeline{
  padding-left: 25px
}

.anma-service-details-content h3{
  font-size: 16px
}

.anma-service-details-content p{
  font-size: 13px
}


}


.anma-service-details-radar-wrapper{
  overflow: visible !important;
  width: 440px !important;
  height: 440px !important;
  position: relative !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at center, rgba(255, 255, 255, .02) 0, transparent 70%) !important;
  box-shadow: inset 0 0 45px rgba(152, 75, 248, .15) !important
}

.anma-service-details-core{
  width: 70px !important;
  height: 70px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: radial-gradient(circle at top left, #2394fe, #984bf8) !important;
  border-radius: 50% !important
}

.anma-service-details-radar-item{
  width: 100px !important;
  height: 100px !important;
  overflow: visible !important
}

.anma-service-details-radar-inner{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(0) !important;
  text-align: center !important
}

.anma-service-details-radar-inner i{
  font-size: 17px !important;
  padding: 10px !important
}

.anma-service-details-radar-inner p{
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin-top: 6px !important;
  max-width: 80px !important;
  text-align: center !important
}

@media (max-width:768px){
  .anma-service-details-radar-wrapper {
  width: 320px !important;
  height: 320px !important;
  margin: 0 auto !important;
  transform: none !important
}

.anma-service-details-checklist-radar,
 .anma-service-details-desc-image{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 30px !important
}

.anma-service-details-radar-inner{
  max-width: 100px !important;
  font-size: 13px !important;
  text-align: center !important
}

.anma-service-details-radar-inner i{
  font-size: 18px !important;
  padding: 10px !important
}

.anma-service-details-radar-ring{
  animation: none !important
}

.anma-service-details-desc-grid{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.anma-service-details-checklist-radar{
  padding-bottom: 40px !important
}
}

.mega-dropdown {
  position: relative;
}

.mega-dropdown:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.mega-menu {
  position: absolute;
  top: 100%; /* directly below the parent */
  left: 50%;
  transform: translate(-50%, 10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.25s ease;
  z-index: 1000;
}

/* Key part – make the hover zone continuous */
.mega-dropdown::after {
  content: "";
  position: absolute;
  bottom: -15px;       /* extend hover area 15px below */
  left: 0;
  width: 100%;
  height: 15px;
}



/* Remove pale theme backgrounds */
.orange-100,
.skye-100,
.yellow-100 {
  background: #17173d !important;
}


.te-info-card {
  background-color: #17173d ;
  border-radius: 20px;
  padding: 40px 30px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}



.te-info-card i,
.te-info-card svg {
  color: #2394fe !important;
  transition: color 0.3s ease;
}

.te-title-wrapper h4,
.te-title-wrapper h4 a {
  color: #fff !important;
  font-weight: 600;
  margin-top: 15px;
}

.te-content-wrapper p {
  color: #aab0d4 !important;
}

.te-info-card .te-readmore-btn {
  margin-top: 20px;
  background: linear-gradient(90deg, #2394fe, #984bf8) !important;
  border-radius: 8px;
  color: #fff !important;
  padding: 10px 22px;
  text-decoration: none;
  display: inline-block;
  transition: opacity 0.3s ease;
}

.te-info-card .te-readmore-btn:hover {
  opacity: 0.8;
}
/* Default text colors */
.te-info-card .title,
.te-info-card .title a {
  color: #ffffff !important;
  font-weight: 600;
}

.te-info-card .desc,
.te-info-card p {
  color: #d0d4f7 !important;
}



/* Optional: Adjust button text to stay strong white */
.te-info-card .te-readmore-btn {
  color: #fff !important;
}



.te-info-card img {
  opacity: 0.85;
  transition: all 0.3s ease;
  filter: brightness(0) saturate(100%) invert(51%) sepia(73%) saturate(3555%) hue-rotate(209deg) brightness(101%) contrast(101%);
}



/* PROCESS STEP SECTION - unified with service cards */
.te-process-step {
  background-color: #17173d !important;
  border-radius: 20px;
  padding: 60px 40px;
  position: relative;
  text-align: center;
  color: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Hover effect: same gradient as service cards */
.te-process-step:hover {
  background: linear-gradient(135deg, #2394fe, #984bf8) !important;
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
}

/* Remove the fingerprint background */
.te-process-step::before {
  content: none !important;
}

/* Step number */
.te-process-step .number,
.te-process-step h3 span {
  display: block;
  font-size: 48px;
  font-weight: 700;
  color: #2394fe;
  margin-bottom: 15px;
  transition: color 0.3s ease;
}

/* Center the number */
.te-process-step h3 {
  text-align: center;
  margin-bottom: 20px;
}

/* Title and description */
.te-process-step h4 {
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.te-process-step p {
  color: #aab0d4 !important;
  font-size: 15px;
  line-height: 1.6;
}

/* Hover changes */
.te-process-step:hover .number {
  color: #ffffff !important;
}
.te-process-step:hover h4,
.te-process-step:hover p {
  color: #ffffff !important;
}

/* Center the counter number inside its wrapper */
.te-counter-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

/* Make sure the number is cleanly positioned */
.te-counter-wrapper .counter-number {
  font-size: 48px;
  font-weight: 700;
  color: #2394fe;
  line-height: 1;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover state to match the new card gradient style */
.te-process-step:hover .counter-number {
  color: #ffffff !important;
  transform: scale(1.05);
}


/* 1. Make the row a flex container */
.te-process-step-area .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* ensures equal height columns */
}



/* 3. Make the process card fill the column fully */
.te-process-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #17173d !important;
  border-radius: 20px;
  padding: 60px 40px;
  transition: all 0.3s ease;
  text-align: center;
  height: 100%;
}
/* === FORCE FLEX GRID + GAPS FOR SERVICE CARDS === */
.feature-area.style-2 .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 24px; /* spacing between cards */
  justify-content: center;
}

/* Only make service card columns flex — not the title one */
.feature-area.style-2 .feature-area-wrapper > .row:nth-of-type(2) [class*="col-"] {
  display: flex !important;
  flex: 1 1 calc(33.333% - 24px);
  min-width: 280px;
}


/* service card styling */
.feature-area.style-2 .te-info-card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-radius: 20px;
  padding: 50px 40px;
  text-align: center;
  transition: all 0.3s ease;
}

/* responsive stack on small screens */


@media (max-width: 600px) {
  .feature-area.style-2 [class*="col-"] {
    flex: 1 1 100% !important; /* 1 per row on mobile */
    max-width: 100% !important;
  }
}

/* Default (desktop) keeps current row layout */
.te-process-step .te-title-wrapper{
  display:flex;
  align-items:center;
  gap:16px;
}

/* On narrower viewports: put the icon UNDER the title */
@media (max-width: 1200px){
  .te-process-step .te-title-wrapper{
    flex-direction: column !important;         /* stack */
    align-items: center !important;
    text-align: center !important;
    gap:10px !important;
  }
  .te-process-step .te-title-wrapper .icon{
    order: 2 !important;                       /* below the title */
    margin-top: 6px !important;
  }
  .te-process-step .te-title-wrapper h4{
    order: 1 !important;                       /* title first */
    margin: 0 !important;
  }
  /* optional: tame icon size on small screens */
  .te-process-step .te-title-wrapper .icon img,
  .te-process-step .te-title-wrapper .icon svg{
    max-width: 44px; height: auto;
  }
}
/* Mobile spacing between methodology cards */
@media (max-width: 768px) {
  /* 1) Make the grid use gaps (vertical + horizontal) */
  .te-process-step-area.style-1 .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 40px !important;          /* <-- the fix */
    /* If you prefer bootstrap variables instead of gap, uncomment: */
    /* --bs-gutter-y: 20px; */
  }

  /* 2) Ensure each column is a flex item and the card fills it */
  .te-process-step-area.style-1 .row [class*="col-"] {
    display: flex !important;
  }

  /* 3) Card should not add its own margins; rely on the row gap */
  .te-process-step {
    margin: 0 !important;
    height: 100% !important;
  }
}


/* === FIX High-Level Approach layout === */
.te-process-step-area.style-1 .container > .row:first-of-type {
  display: block !important;      /* ensure the title row isn't treated as flex */
  text-align: center !important;  /* center the heading again */
  justify-content: center !important;
}

/* only the second row (the cards) should behave as flex */
.te-process-step-area.style-1 .container > .row:nth-of-type(2) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 24px !important;
}

/* each column behaves properly */
.te-process-step-area.style-1 .container > .row:nth-of-type(2) > [class*="col-"] {
  display: flex !important;
  flex: 1 1 calc(25% - 24px) !important; /* 4 per row */
  min-width: 250px !important;
}

/* mobile view */
@media (max-width: 991px) {
  .te-process-step-area.style-1 .container > .row:nth-of-type(2) > [class*="col-"] {
    flex: 1 1 calc(50% - 24px) !important; /* 2 per row */
  }
}

@media (max-width: 600px) {
  .te-process-step-area.style-1 .container > .row:nth-of-type(2) > [class*="col-"] {
    flex: 1 1 100% !important; /* 1 per row on phones */
  }
}

/* ========================================
   FIX: Mega Menu rendering in MeanMenu clone
   ======================================== */
@media (max-width: 991px) {
  /* Remove grid/card behavior in the cloned mobile menu */
  .mean-container .mean-nav .mega-menu,
  .mean-container .mean-nav .mega-row {
    all: unset !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mean-container .mean-nav .mega-item {
    all: unset !important;
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .mean-container .mean-nav .mega-item i,
  .mean-container .mean-nav .mega-item p {
    display: none !important;
  }

  .mean-container .mean-nav .mega-item h4 {
    display: inline !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #fff !important;
  }

  /* Hide the original mega-menu duplication inside MeanMenu */
  .mean-container .mean-nav .mega-menu {
    background: none !important;
    box-shadow: none !important;
  }

  /* Optional: collapse by default */
  .mean-container .mean-nav .mega-menu {
    display: none !important;
  }

  .mean-container .mean-nav .mega-dropdown.mean-open .mega-menu {
    display: block !important;
  }
}
@media (max-width: 991px) {
  /* Force visible when open, override previous !important */
  .te-mobile-nav-menu .mean-nav .mega-dropdown.open .mega-menu {
    display: block !important;
  }
}
/* =====================================================
   ANMASEC Mobile Sidebar Menu - Unified Brand Styling
   ===================================================== */
@media (max-width: 991px) {

  /* Force full sidebar + nav background to same tone */
  .te-menu-sidebar-area,
  .te-menu-sidebar-wrapper,
  .te-mobile-nav-menu,
  .te-mobile-nav-menu .mean-bar,
  .te-mobile-nav-menu .mean-nav,
  .te-mobile-nav-menu .mean-nav .mega-menu {
    background-color: #0b0b23 !important;
  }

  /* Remove any padding mismatch at top */
  .te-menu-sidebar-content {
    padding-top: 20px !important;
  }

  /* Main nav link style */
  .te-mobile-nav-menu .mean-nav ul li a {
    color: #e8e8f9 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    font-size: 15.5px;
    font-weight: 500;
    border: none !important;
    background: transparent !important;
    transition: color 0.25s ease, transform 0.25s ease;
  }

  .te-mobile-nav-menu .mean-nav ul li a:hover {
    color: #a76bff !important;
    transform: translateX(4px);
  }

  /* Divider lines between menu items */
  .te-mobile-nav-menu .mean-nav ul > li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  /* Services dropdown title */
  .te-mobile-nav-menu .mean-nav .mega-dropdown > a {
  color: #ffffff !important; 
    font-weight: 600;
    position: relative;
  }

  .te-mobile-nav-menu .mean-nav .mega-dropdown > a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
    transition: transform 0.3s ease;
    opacity: 0.8;
  }

  .te-mobile-nav-menu .mean-nav .mega-dropdown.open > a::after {
    transform: rotate(180deg);
  }

  /* Submenu (Services) */
  .te-mobile-nav-menu .mean-nav .mega-dropdown .mega-menu {
    background-color: transparent !important;
    margin: 6px 0 10px 0;
    padding-left: 15px;
    border-left: 2px solid rgba(167, 107, 255, 0.4);
    animation: fadeInDown 0.25s ease;
  }

  .te-mobile-nav-menu .mean-nav .mega-item {
    color: #d7d7ff !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    padding: 7px 0 !important;
    transition: color 0.25s ease;
  }

  .te-mobile-nav-menu .mean-nav .mega-item:hover {
    color: #9e70ff !important;
  }

  /* Fade-in animation for submenu */
  @keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* Ensure visible when open */
  .te-mobile-nav-menu .mean-nav .mega-dropdown.open .mega-menu {
    display: block !important;
  }
}

/* =======================================
   Fix alignment of social media icons
   ======================================= */

/* Social container */
.te-social-profile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px; /* even spacing between icons */
}

/* Each icon link */
.te-social-profile a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Icon itself */
.te-social-profile a i {
  color: #ffffff !important;
  font-size: 16px;
  line-height: 1 !important;
}

/* Hover effect */
.te-social-profile a:hover {
  background: rgba(167, 107, 255, 0.25);
  transform: translateY(-2px);
}

.te-social-profile a:hover i {
  color: #a76bff !important;
}
/* FAQ base */
.faq-section .accordion .accordion-item{
  border: 0;
  background: transparent;
}
.faq-section .accordion .accordion-button{
  display:flex;
  align-items:center;          /* vertical center */
  gap:12px;
  padding:20px 22px;
  background:#141433;          /* your card bg */
  color:#e9e9f6;
  border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
  transition:transform .2s ease, background .2s ease;
}
.faq-section .accordion .accordion-button:not(.collapsed){
  background:#171748;
}

@media (min-width: 992px) {
  #faqAccordionLeft .accordion-item,
  #faqAccordionRight .accordion-item {
    min-height: 140px;
  }
}
/* ======== FORCE REFINED FAQ CARD STYLE ======== */
.te-faq-section .accordion-item {
  background-color: #0b0b23 !important;
  border: none !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 0 6px rgba(167, 107, 255, 0.06) !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}

.te-faq-section .accordion-item:hover {
  box-shadow: 0 0 10px rgba(167, 107, 255, 0.12) !important;
  transform: translateY(-1px) !important;
}

.te-faq-section .accordion-button {
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.7rem 1.1rem !important; /* reduce height */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  min-height: unset !important;
}

.te-faq-section .accordion-button:not(.collapsed) {
  color: #2394fe !important;
  background-color: #101036 !important;
}

.te-faq-section .accordion-button::after {
  content: "\002B" !important;
  font-size: 1.1rem !important;
  color: #a76bff !important;
  transform: rotate(0deg);
  transition: transform 0.25s ease, color 0.25s ease;
}

.te-faq-section .accordion-button:not(.collapsed)::after {
  transform: rotate(45deg) !important;
}

.te-faq-section .accordion-body {
  padding: 0.8rem 1.1rem !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
}

/* Collapse animation */
.accordion-collapse {
  transition: height 0.25s ease, opacity 0.25s ease !important;
  overflow: hidden !important;
}

/* Responsive: even smaller padding on mobile */
@media (max-width: 767px) {
  .te-faq-section .accordion-button {
    padding: 0.6rem 0.9rem !important;
    font-size: 0.88rem !important;
  }
  .te-faq-section .accordion-body {
    padding: 0.7rem 1rem !important;
  }
}
/* ===== FINAL FIX: Compact Accordion Height ===== */
.te-faq-section .accordion-item,
.te-faq-section .accordion-button,
.te-faq-section .accordion-header {
  min-height: 0 !important;
}

.te-faq-section .accordion-button {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
}

.te-faq-section .accordion-body {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
}

.te-faq-section .accordion-item {
  border-radius: 8px !important;
  margin-bottom: 10px !important;
  background: #0b0b23 !important;
  box-shadow: 0 0 5px rgba(167,107,255,0.05) !important;
}

/* Make sure buttons don't stretch due to flex */
.te-faq-section .accordion-button {
  display: block !important;
  width: 100% !important;
}

/* Compact layout on large screens too */
@media (min-width: 992px) {
  .te-faq-section .accordion-item {
    margin-bottom: 12px !important;
  }
  .te-faq-section .accordion-button {
    padding: 0.55rem 1rem !important;
  }
}
/* ===== Reserve right space for + icon and prevent overlap ===== */
.te-faq-section .accordion-button {
  position: relative !important;
  display: block !important;
  text-align: left !important;
  white-space: normal !important;
  padding-right: 2.5rem !important; /* reserve space for + */
  line-height: 1.3 !important;
}

/* Position the + icon in that reserved area */
.te-faq-section .accordion-button::after {
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

/* Unify FAQ section title typography */
.te-faq-section .te-section-title .title {
  font-size: 57px;
    line-height: 65px;
    font-weight: 500;
    font-family: Inter, sans-serif;
    letter-spacing: -1px;
    color: #fff;
    margin-bottom: 0;
    text-transform: capitalize;
}

.te-faq-section .te-section-title .short-title {
  font-size: 13px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 2px;
    color: #2394fe;
    position: relative;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    text-transform: uppercase;

}

.te-section-desc p {
  text-align: justify !important;
  line-height: 1.7;
  letter-spacing: 0.3px;
}


.anma-service-details-desc-image {
  max-width: 100%;
  width: 100%;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
}

.anma-service-details-desc-image img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Fix layout stacking for small screens */
@media (max-width: 992px) {
  .anma-service-details-desc-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .anma-service-details-desc-text,
  .anma-service-details-desc-image {
    width: 100%;
    text-align: center;
  }

  .anma-service-details-desc-image img {
    width: 90%; /* prevents overflow but keeps size visible */
    max-width: 500px;
  }
}
.anma-service-details-radar-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
  z-index: 2; /* Ensure it's above the glow */
}

.anma-service-details-radar-center span {
  color: #fff; /* Make it readable */
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-shadow: 0 0 10px rgba(0,0,0,0.4);
  position: relative;
  z-index: 3;
}
.anma-faq {
  background: rgb(16, 16, 47);;
  padding: 80px 0;
}

.faq-wrapper {
  max-width: 800px;
  margin: 0 auto;
}

.faq-item {
  background: #12143b;
  border-radius: 16px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
}

.faq-item.open {
  box-shadow: 0 0 25px rgba(147, 83, 255, 0.5);
}

.faq-question {
  width: 100%;
  background: none;
  color: #fff;
  font-weight: 600;
  text-align: left;
  padding: 20px 24px;
  border: none;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  transition: color 0.3s ease;
}

.faq-question i {
  color: #2394fe;
  transition: transform 0.3s ease;
}

.faq-item.open .faq-question i {
  transform: rotate(45deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #101132;
  color: #ccc;
  padding: 0 24px;
  transition: all 0.35s ease;
  font-size: 16px;
  line-height: 1.6;
}

.faq-item.open .faq-answer {
  max-height: 300px;
  padding: 20px 24px;
}
/* Force nice wrapping for radar labels */
.anma-service-details-radar-inner p {
  max-width: 130px;              /* adjust if you want tighter/wider */
  text-align: center;

  /* kill any inherited “break anywhere” behaviour */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
.anma-service-details-radar-wrapper {
  transform: scale(0.92);   /* tweak 0.88–0.95 */
  transform-origin: center;
}
.anma-service-details-checklist-radar,
.anma-service-details-radar-wrapper,
.anma-service-details-radar-ring,
.anma-service-details-radar-item {
  overflow: visible !important;
}

/* Fix inner layer blocking background */
.te-info-card-inner {
    background: transparent !important;
    border-radius: 20px;
}

/* Clean base card */
.te-info-card {
    background: #111736 !important;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1);
    transition: all .3s ease;
}

/* Hover effect identical to feature-box */
.te-info-card:hover {
    transform: translateY(-6px);
    border-color: #984bf8 !important;
    background: rgba(123, 97, 255, .15) !important;
}





/* SECTIONS */
.anma-privacy-section {
  padding: 20px 0;
  color: #ddd;
}

.anma-privacy-section h2 {
  color: #fff;
  font-size: 32px;
  margin-bottom: 25px;
}

.anma-privacy-section h4 {
  color: #2394fe;
  margin-top: 20px;
}

.anma-privacy-section p,
.anma-privacy-section ul li {
  font-size: 16px;
  line-height: 1.6;
  color: #c9c9c9;
}

/* LISTS */
.anma-privacy-section ul {
  padding-left: 20px;
}

.anma-privacy-section ul li {
  margin-bottom: 8px;
}
.anma-privacy-section {
    background-color: #10102f;
}
.anma-terms-section {
  background: #10102F;
  color: #ddd;
  padding: 35px 0;
}

.anma-terms-section h2 {
  margin-bottom: 18px;
  color: #fff;
  font-size: 26px;
}

.anma-terms-section p {
  margin-bottom: 12px;
  line-height: 1.55;
}

.anma-terms-section ul {
  margin: 10px 0 15px 20px;
  padding: 0;
}

.anma-terms-section li {
  margin-bottom: 6px;
}




/* ===========================
   TIMELINE LAYOUT FIX
   =========================== */

.anma-timeline-wrapper {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}

.anma-timeline-item {
  position: relative;
  width: 50%;
  padding: 40px;
  box-sizing: border-box;
  display: block;
}

/* Left side items */
.anma-timeline-item.left {
  left: 0;
  text-align: right;
}

.anma-timeline-item.left .content {
  margin-right: 30px;
}

/* Right side items */
.anma-timeline-item.right {
  left: 50%;
  text-align: left;
}

.anma-timeline-item.right .content {
  margin-left: 30px;
}

/* Card styling */
.anma-timeline-item .content {
  background: rgba(255, 255, 255, .03);
  padding: 25px 30px;
  border-radius: 12px;
  color: #ddd;
  transition: all .3s ease;
}

.anma-timeline-item .content:hover {
  background: rgba(122, 111, 255, .12);
  transform: translateY(-5px);
}


/* ===========================
   TIMELINE LINE + ANIMATION
   =========================== */

.anma-timeline-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
    background: transparent; /* hide the static line */

  transform: translateX(-50%);
  overflow: hidden;
}

.anma-timeline-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--progress, 0px);
  background: linear-gradient(
      to bottom,
      #984bf8,
      #2394fe
  );
  filter: drop-shadow(0 0 6px #984bf8);
  transition: height .2s linear;
}


/* ===========================
   TIMELINE DOTS
   =========================== */

.anma-timeline-item::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: #444a80;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(122, 111, 255, 0);
  transition: all .3s ease;
  z-index: 10;
}

/* Dot touching the line */
.anma-timeline-item.left::before {
  right: -7px;
}

.anma-timeline-item.right::before {
  left: -7px;
}

/* Active glowing dot */
.anma-timeline-item.active::before {
  background: #7a6fff;
  box-shadow: 0 0 15px rgba(122, 111, 255, .7);
  transform: translateY(-50%) scale(1.25);
}

/* Prevent width collapse from JS */
.anma-timeline-item,
.anma-timeline-wrapper {
  max-width: none !important;
}
/* ----------------------------------------- */
/* RESPONSIVE TIMELINE FIX (TABLET + MOBILE) */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* RESPONSIVE TIMELINE (TABLET + MOBILE)     */
/* ----------------------------------------- */

@media (max-width: 992px) {

  /* Shared X position for line & dots on mobile/tablet */
  .anma-roadmap {
    --timeline-x: 28px;
  }

  /* Stack items full width, keep your previous indent */
  .anma-roadmap .anma-timeline-item {
    width: 100% !important;
    float: none !important;
    position: relative !important;
    padding-left: 60px !important;   /* same as you had */
    padding-right: 15px !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  /* Kill desktop left/right offsets */
  .anma-roadmap .anma-timeline-item.left,
  .anma-roadmap .anma-timeline-item.right {
    left: 0 !important;
    right: auto !important;
  }

  /* Inner cards width like before */
  .anma-roadmap .anma-timeline-item .content {
    max-width: 85% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Line sticks to the shared X */
  .anma-roadmap .anma-timeline-line {
    left: var(--timeline-x) !important;
    transform: none !important;
  }

  /* Dot uses the SAME X → always intersects the line */
  .anma-roadmap .anma-timeline-item::before {
    left: var(--timeline-x) !important;
    transform: translate(calc(-50% + 1.5px), -50%) !important;
}

}

/* Phones: just move both line & dot slightly closer to edge */
@media (max-width: 576px) {
  .anma-roadmap {
    --timeline-x: 22px;
  }
}
/* Hide dots that are not reached yet */
.anma-timeline-item:not(.active)::before {
  opacity: 0;
  transform: translateY(-50%) scale(0.6);
  transition: all .25s ease;
}

/* Active glowing dot */
.anma-timeline-item.active::before {
  opacity: 1;
  background: #7a6fff;
  box-shadow: 0 0 15px rgba(122, 111, 255, .7);
  transform: translateY(-50%) scale(1.25);
}
/* ============================================================
   TIMELINE ACTIVE BOX ANIMATION (like homepage cards)
   ============================================================ */

.anma-timeline-item .content {
    transition: 
        background 0.35s ease,
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
    border: 1px solid transparent;
}

/* ACTIVE BOX — when the dot becomes active */
.anma-timeline-item.active .content {
    transform: translateY(-6px);
    border-color: #984bf8;
    background: rgba(123, 97, 255, 0.15);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}


/* Global: no horizontal scroll, let body own it */


/* Service layout: width-safe but *no* local overflow handling */
.anma-service-details-description,
.anma-service-details-desc-grid,
.anma-service-details-desc-grid > * {
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;          /* important: do NOT hide overflow here */
}
/* Radar section – only this can clip its children */
.anma-service-details-radar-wrapper,
.anma-service-details-desc-image {
  position: relative;
  overflow: hidden;      /* crop circle bleed but doesn't affect page scroll */
}

/* Make sure the radar graphic itself doesn't extend past container width */
.anma-service-details-radar-center,
.anma-service-details-radar-ring,
.anma-service-details-radar-item {
  max-width: 100%;
}

/* On small screens, keep the radar nicely contained */
@media (max-width: 768px) {
  .anma-service-details-radar-center {
    margin: 0 auto;
  }
}





