@import "https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
:root {
  --font-montserrat: "Montserrat",
  sans-serif;
  --font-marcellus: "Marcellus",
  serif;
  --title-color: #0D1720;
  --white-color: #fff;
  --paragraph-color: #566064;
  --primary-color: #2E448D
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box
}
a:focus,
input:focus,
textarea:focus,
button:focus {
  outline:0 solid;
  box-shadow:unset
}
input,
textarea {
  border-radius:0
}
html,
body {
  height:100%
}
body {
  font-size:16px;
  font-family:var(--font-montserrat)
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:var(--font-montserrat);
  font-weight:700;
  margin-bottom:15px
}
img {
  max-width:100%
}
a,
ul,
ol {
  padding:0;
  margin:0;
  list-style:none
}
p {
  margin:0;
  color:var(--paragraph-color)
}
a,
a:hover {
  text-decoration:none
}
input,
select,
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align:middle
}
.pt-130 {
  padding-top:130px
}
@media(min-width:992px) and (max-width:1199px) {
  .pt-130 {
    padding-top:100px
  }
}
@media(max-width:991px) {
  .pt-130 {
    padding-top:90px
  }
}
.pb-130 {
  padding-bottom:130px
}
@media(min-width:992px) and (max-width:1199px) {
  .pb-130 {
    padding-bottom:100px
  }
}
@media(max-width:991px) {
  .pb-130 {
    padding-bottom:90px
  }
}
.pt-120 {
  padding-top:120px
}
@media(min-width:992px) and (max-width:1199px) {
  .pt-120 {
    padding-top:100px
  }
}
@media(max-width:991px) {
  .pt-120 {
    padding-top:90px
  }
}
.pb-120 {
  padding-bottom:120px
}
@media(min-width:992px) and (max-width:1199px) {
  .pb-120 {
    padding-bottom:100px
  }
}
@media(max-width:991px) {
  .pb-120 {
    padding-bottom:90px
  }
}
.pt-90 {
  padding-top:90px
}
@media(max-width:991px) {
  .pt-90 {
    padding-top:80px
  }
}
@media(max-width:767px) {
  .pt-90 {
    padding-top:70px
  }
}
.pb-90 {
  padding-bottom:90px
}
@media(max-width:991px) {
  .pb-90 {
    padding-bottom:80px
  }
}
@media(max-width:767px) {
  .pb-90 {
    padding-bottom:70px
  }
}
.pb-80 {
  padding-bottom:80px
}
@media(min-width:992px) and (max-width:1199px) {
  .pb-80 {
    padding-bottom:60px
  }
}
.pb-65 {
  padding-bottom:65px
}
.mt-130 {
  margin-top:130px
}
@media(min-width:992px) and (max-width:1199px) {
  .mt-130 {
    margin-top:100px
  }
}
@media(max-width:991px) {
  .mt-130 {
    margin-top:90px
  }
}
.mb-90 {
  margin-bottom:90px;
}
.mb-130 {
  margin-bottom:130px;
}
.mb-270 {
  margin-bottom:270px;
}

@media(min-width:992px) and (max-width:1199px) {
  .mb-130 {
    margin-bottom:100px
  }
}
@media(max-width:991px) {
  .mb-130 {
    margin-bottom:90px
  }
}
.mt-120 {
  margin-top:120px
}
@media(min-width:992px) and (max-width:1199px) {
  .mt-120 {
    margin-top:100px
  }
}
@media(max-width:991px) {
  .mt-120 {
    margin-top:90px
  }
}
.mb-120 {
  margin-bottom:120px
}
@media(min-width:992px) and (max-width:1199px) {
  .mb-120 {
    margin-bottom:100px
  }
}
@media(max-width:991px) {
  .mb-120 {
    margin-bottom:90px
  }
}
.mb-100 {
  margin-bottom:110px
}
@media(max-width:991px) {
  .mb-100 {
    margin-bottom:80px
  }
}
.mt-100 {
  margin-top:110px!important
}
@media(max-width:991px) {
  .mt-100 {
    margin-top:80px!important
  }
}
.mb-90 {
  /*! margin-bottom:90px; */
}
@media(max-width:991px) {
  .mb-90 {
    margin-bottom:70px
  }
}
.mb-15 {
  margin-bottom:15px
}
.mb-10 {
  margin-bottom:10px
}
.pt-80 {
  padding-top:80px
}
.pt-50 {
  padding-top:50px
}
.pt-40 {
  padding-top:40px
}
.pt-35 {
  padding-top:35px
}
.pt-30 {
  padding-top:30px
}
.pb-80 {
  padding-bottom:80px
}
.pb-60 {
  padding-bottom:60px
}
.mb-60 {
  margin-bottom:60px
}
@media(max-width:767px) {
  .mb-60 {
    margin-bottom:40px
  }
}
.mb-70 {
  margin-bottom:70px
}
@media(max-width:767px) {
  .mb-70 {
    margin-bottom:40px
  }
}
.mb-50 {
  margin-bottom:50px
}
.mb-45 {
  margin-bottom:45px
}
.mb-44 {
  margin-bottom:44px
}
@media(max-width:991px) {
  .mb-44 {
    margin-bottom:0
  }
}
.mb-35 {
  margin-bottom:35px
}
.mb-20 {
  margin-bottom:20px
}
.mt-15 {
  margin-top:15px
}
.mt-40 {
  margin-top:40px
}
.mt-35 {
  margin-top:35px
}
.mb-40 {
  margin-bottom:40px
}
.mb-30 {
  margin-bottom:30px
}
.mb-25 {
  margin-bottom:25px
}
.mt-30 {
  margin-top:30px
}
.mt-50 {
  margin-top:50px
}
.mt-25 {
  margin-top:25px
}
.mb-50 {
  margin-bottom:50px
}
.mt-60 {
  margin-top:60px
}
@media(max-width:767px) {
  .mt-60 {
    margin-top:40px
  }
}
.mt-70 {
  margin-top:70px
}
@media(max-width:767px) {
  .mt-70 {
    margin-top:40px
  }
}
.pl--95 {
  padding-left:95px;
}

.pl--55 {
  padding-left:55px;
}
@media(max-width:1699px) {
  .pl--95 {
    padding-left:70px
  }
  
  .pl--55 {
  padding-left:45px;
}
  
}
@media(max-width:1499px) {
  .pl--95 {
    padding-left:50px
  }
  .pl--55 {
  padding-left:35px;
}
}
@media(max-width:1399px) {
  .pl--95 {
    padding-left:30px
  }
  .pl--55 {
  padding-left:25px;
}
}
@media(max-width:1199px) {
  .pl--95 {
    padding-left:calc(var(--bs-gutter-x) * 0.5)
  }
}
.pr--95 {
  padding-right:95px
}
@media(max-width:1699px) {
  .pr--95 {
    padding-right:70px
  }
}
@media(max-width:1499px) {
  .pr--95 {
    padding-right:50px
  }
}
@media(max-width:1399px) {
  .pr--95 {
    padding-right:30px
  }
}
@media(max-width:1199px) {
  .pr--95 {
    padding-right:calc(var(--bs-gutter-x) * 0.5)
  }
}
.circle-container {
  background:0 0;
  position:fixed;
  right:30px;
  bottom:55px;
  height:40px;
  width:40px;
  cursor:pointer;
  display:block;
  border-radius:50px;
  box-shadow:inset 0 0 0 2px #2e448d;
  z-index:10000;
  opacity:0;
  visibility:hidden;
  transform:translateY(15px);
  transition:all 200ms linear
}
.circle-container.active {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.circle-container::after {
  position:absolute;
  font-family:bootstrap-icons;
  content:"\f145";
  text-align:center;
  line-height:40px;
  font-size:28px;
  color:var(--primary-color);
  left:0;
  top:0;
  height:40px;
  width:40px;
  cursor:pointer;
  display:block;
  z-index:1;
  transition:all 200ms linear
}
.circle-container:hover::after {
  position:absolute;
  font-family:bootstrap-icons;
  content:"\f145";
  color:var(--primary-color);
  transition:all 200ms linear
}
.circle-container svg path {
  fill:none
}
.circle-container svg.circle-progress path {
  stroke:var(--paragraph-color);
  stroke-width:5;
  box-sizing:border-box;
  transition:all 200ms linear
}
#magic-cursor {
  position:absolute;
  display:none;
  width:10px;
  height:10px;
  pointer-events:none;
  z-index:99999;
  opacity:0
}
body.tt-magic-cursor #magic-cursor {
  display:block
}
#ball {
  position:fixed;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--primary-color);
  pointer-events:none;
  border-style:solid;
  border-radius:50%;
  border-color:#d9d9d9
}
#ball.ball-view {
  background-color:var(--title-color);
  font-size:15px;
  font-weight:500;
  color:var(--white-color);
  line-height:1.2;
  text-align:center;
  border:1px solid rgba(0,0,0,.5)
}
#ball .ball-view-inner {
  padding:0 5px;
  opacity:0;
  visibility:hidden;
  transform:scale(0)
}
#ball .ball-view-inner i {
  font-size:24px
}
#ball .ball-drag {
  position:absolute;
  display:block;
  width:100%;
  padding:0 5px;
  font-size:15px;
  font-weight:600;
  color:var(--title-color);
  line-height:1.2;
  text-align:center;
  transition:all .3s
}
#ball .ball-drag::before,
#ball .ball-drag::after {
  position:absolute;
  top:50%;
  margin-top:-5px;
  font-size:16px;
  color:var(--primary-color);
  height:10px;
  line-height:10px;
  font-family:"font awesome 5 free";
  font-weight:900;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased
}
#ball .ball-drag::before {
  content:"\f060";
  left:0;
  transform:translate3d(-30px,0,0);
  transition:all .25s
}
#ball .ball-drag::after {
  content:"\f061";
  right:0;
  transform:translate3d(30px,0,0);
  transition:all .25s
}
#ball.ball-close-enabled {
  opacity:1!important
}
#ball .ball-close {
  position:absolute;
  padding:0 5px;
  font-size:14px;
  font-weight:600;
  color:var(--primary-color);
  line-height:1;
  text-align:center
}
.magnetic-wrap {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center
}
#ball.magnetic-active {
  border-color:var(--primary-color)!important
}
.container-fluid.one {
  max-width:1746px;
}
.container-fluid.pl--120 {
  padding-left:120px
}
@media(min-width:1400px) and (max-width:1599px) {
  .container-fluid.pl--120 {
    padding-left:50px
  }
}
@media(max-width:1399px) {
  .container-fluid.pl--120 {
    padding-left:50px
  }
}
@media(max-width:767px) {
  .container-fluid.pl--120 {
    padding-left:calc(var(--bs-gutter-x) * 0.5)
  }
}
.sub-title span {
  color:#0d1720;
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  display:inline-block;
  border-radius:16px;
  border:1px solid var(--title-color);
  padding:7px 20px;
  white-space:nowrap
}
.section-title1 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:100%;
  width:100%;
  gap:25px;
  border-bottom: 1px solid rgb(215, 215, 215);
  padding-bottom: 35px;
}
.section-title3 {
  display:flex;
  align-items: flex-start;
  justify-content:space-between;
  max-width:100%;
  width:100%;
  gap:25px;
}
@media(max-width:991px) {
  .section-title1 {
    flex-wrap:wrap;
    gap:10px
  }
  .section-title3 {
    flex-wrap:wrap;
    gap:10px
  }
}
@media(max-width:991px) {
  .section-title1.one {
    gap:25px
  }
  .section-title3.one {
    gap:25px
  }
}
.section-title1>span {
  color:#0d1720;
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  display:inline-block;
  border-radius:10px;
  border:1px solid var(--title-color);
  padding:12px 22px;
  white-space:nowrap
}
.section-title1 h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:35px;
  font-weight:500;
  margin-bottom:0;
  max-width:100%;
  margin-top:-10px
}

.section-title3>span {
  color:#0d1720;
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  display:inline-block;
  border-radius:10px;
  border:1px solid var(--title-color);
  padding:12px 22px;
  white-space:nowrap
}
.section-title3 h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:35px;
  font-weight:500;
  margin-bottom:0;
  max-width:100%;
  margin-top:-10px
}
@media(max-width:1199px) {
  .section-title1 h2 {
    font-size:30px
  }
  .section-title3 h2 {
    font-size:30px
  }
}
.section-title1.two {
  flex-direction:column;
}
.section-title1.two img {

}
.section-title3.two {
  flex-direction:column;
}
.section-title3.two img {

}


.sag{
  text-align: right;
  
}
.section-title1.two h2 {
  margin-top:0;
  padding-top:10px;
}
.section-title1.two h2 span {
  color:var(--paragraph-color)
}
.section-title1.two a {
  margin-top:22px
}
@media(max-width:991px) {
  .section-title1.two a {
    margin-top:15px
  }
}
.section-title2 h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:75px;
  font-weight:400;
  margin-bottom:15px
}
@media(max-width:1199px) {
  .section-title2 h2 {
    font-size:55px
  }
}
@media(max-width:1199px) {
  .section-title2 h2 {
    font-size:40px
  }
}
.section-title2 h2 p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px
}
.primary-btn1 {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:600;
  background-color:var(--primary-color);
  border:1px solid var(--primary-color);
  display:inline-flex;
  align-items:center;
  line-height:1;
  white-space:nowrap;
  padding:20px 37px;
  gap:8px;
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
.primary-btn1 svg {
  fill:var(--white-color);
  transition:all .6s
}
.primary-btn1 span {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border-radius:50%;
  background-color:var(--white-color);
  transition:all .6s;
  transform:translate(-50%,-50%);
  z-index:-1
}
.primary-btn1:hover {
  color:var(--primary-color)
}
.primary-btn1:hover svg {
  fill:var(--primary-color)
}
.primary-btn1:hover span {
  width:225%;
  height:1000.5px
}
.primary-btn1:active {
  background-color:var(--white-color)
}
.primary-btn2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:15px;
  font-weight:500;
  background-color:#fff;
  display:inline-flex;
  align-items:center;
  line-height:1;
  white-space:nowrap;
  padding:17px 28px;
  gap:8px;
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
.primary-btn2 svg {
  fill:var(--title-color);
  transition:all .6s
}
.primary-btn2 span {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border-radius:50%;
  background-color:var(--primary-color);
  -webkit-transform:translate(-50%,-50%);
  transition:all .6s;
  z-index:-1
}
.primary-btn2:hover {
  color:var(--white-color)
}
.primary-btn2:hover svg {
  fill:var(--white-color)
}
.primary-btn2:hover span {
  width:225%;
  height:1000.5px
}
.primary-btn2:active {
  background-color:var(--primary-color)
}
.explore-btn {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:14px;
  font-weight:600;
  display:flex;
  align-items:baseline;
  gap:8px;
  transition:.35s;
  white-space:nowrap;
  letter-spacing: 2px;
}
.explore-btn svg {
  fill:var(--title-color);
  transition:.35s
}
.explore-btn:hover {
  color:var(--primary-color)
}
.explore-btn:hover svg {
  transform:rotate(45deg);
  fill:var(--primary-color)
}
.explore-btn.two {
  border:1px solid #eee;
  padding:11px 28px;
  color:var(--primary-color);
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
.explore-btn.two svg {
  fill:var(--title-color);
  transition:all .6s
}
.explore-btn.two span {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border-radius:50%;
  background-color:var(--primary-color);
  transition:all .6s;
  transform:translate(-50%,-50%);
  z-index:-1
}
.explore-btn.two:hover {
  color:var(--white-color)
}
.explore-btn.two:hover svg {
  fill:var(--white-color)
}
.explore-btn.two:hover span {
  width:225%;
  height:1000.5px
}
.explore-btn.two:active {
  background-color:var(--primary-color)
}
.explore-btn.white {
  color:var(--white-color)
}
.explore-btn.white svg {
  fill:var(--white-color)
}
.slider-btn-group {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.slider-btn-group .slider-btn {
  height:40px;
  width:40px;
  background-color:var(--white-color);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.4s;
  cursor:pointer;
  border:1px solid rgba(217,217,217,.9019607843)
}
.slider-btn-group .slider-btn svg {
  fill:var(--primary-color);
  transition:.4s
}
.slider-btn-group .slider-btn:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.slider-btn-group .slider-btn:hover svg {
  fill:var(--white-color)
}
.slider-btn-group .slider-btn.swiper-button-disabled {
  opacity:.2
}
.slider-btn-group.w-100 {
  max-width:100px;
  min-width:100px;
  width:100%
}
.topbar-area {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:19px 5% 19px 21%;
}
@media(min-width:1400px) and (max-width:1599px) {
  .topbar-area {
    padding:19px 3% 19px 23%
  }
}
@media(max-width:1399px) {
  .topbar-area {
    padding:19px 5% 19px 15%
  }
}
@media(max-width:1199px) {
  .topbar-area {
    padding:19px 3%
  }
}
@media(max-width:991px) {
  .topbar-area {
    display:none;
    visibility:hidden
  }
}
.topbar-area .topbar-left {
  display:flex;
  align-items:center;
  gap:45px
}
.topbar-area .topbar-left li {
  line-height:1
}
.topbar-area .topbar-left li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:13px;
  font-weight:500;
  transition:.35s
}
.topbar-area .topbar-left li a:hover {
  color:var(--primary-color)
}
.topbar-area .topbar-right {
  display:flex;
  align-items:center;
  gap:40px
}
.topbar-area .topbar-right li {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:15px;
  font-weight:500;
  line-height:1;
  position:relative
}
.topbar-area .topbar-right li::after {
  content:"";
  height:12px;
  width:1px;
  background-color:var(--title-color);
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
.topbar-area .topbar-right li:first-child::after {
  display:none;
  visibility:hidden
}
.topbar-area .topbar-right li a {
  color:var(--title-color);
  display:flex;
  align-items:center;
  gap:6px;
  transition:.35s
}
.topbar-area .topbar-right li a svg {
  fill:var(--title-color)
}
.topbar-area .topbar-right li a:hover {
  color:var(--primary-color)
}
.topbar-area .topbar-right li a:hover svg {
  fill:var(--primary-color)
}
.topbar-area.style-2 {
  background-color:transparent;
  z-index:99
}
.topbar-area.style-2 .topbar-left li a {
  color:var(--white-color);
  transition:.35s
}
.topbar-area.style-2 .topbar-left li a:hover {
  color:#cacaca
}
.topbar-area.style-2 .topbar-right li {
  color:var(--white-color)
}
.topbar-area.style-2 .topbar-right li::after {
  background-color:rgba(255,255,255,.5)
}
.topbar-area.style-2 .topbar-right li a {
  color:var(--white-color);
  transition:.35s
}
.topbar-area.style-2 .topbar-right li a svg {
  fill:var(--white-color);
  transition:.35s
}
.topbar-area.style-2 .topbar-right li a:hover {
  color:#cacaca
}
.topbar-area.style-2 .topbar-right li a:hover svg {
  color:#cacaca
}
.topbar-area.style-2.two {
  padding-left:6%
}
@media(max-width:1699px) {
  .topbar-area.style-2.two {
    padding-left:5%
  }
}
@media(max-width:1399px) {
  .topbar-area.style-2.two {
    padding-left:4%
  }
}
.topbar-area.style-3 {
  display:block;
  background-color:var(--title-color);
  z-index:9999;
  padding:0;
  position:relative
}
@media(max-width:991px) {
  .topbar-area.style-3 {
    display:block;
    visibility:visible
  }
}
.topbar-area.style-3 .logo-area {
  padding:15px 20px;
  border-bottom:1px solid rgba(255,255,255,.1);
  border-right:1px solid rgba(255,255,255,.1);
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%
}
@media(max-width:991px) {
  .topbar-area.style-3 .logo-area {
    width:270px;
    border:none
  }
}
.topbar-area.style-3 .search-and-contact {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding-left:40px;
  padding-right:40px
}
.topbar-area.style-3 .search-and-contact .search-and-language {
  display:flex;
  align-items:center;
  gap:30px
}
.topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  border-bottom:1px solid rgba(255,255,255,.1);
  width:435px
}
@media(max-width:1499px) {
  .topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 {
    width:300px
  }
}
@media(max-width:1399px) {
  .topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 {
    display:none;
    visibility:hidden
  }
}
.topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 input {
  width:100%;
  background-color:transparent;
  border:none;
  font-size:14px;
  font-weight:400;
  color:#fff;
  font-family:var(--font-montserrat);
  font-size:13px;
  font-style:italic
}
.topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 input::-moz-placeholder {
  color:#b2b2b2;
  font-family:var(--font-montserrat);
  font-size:13px;
  font-style:italic
}
.topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 input::placeholder {
  color:#b2b2b2;
  font-family:var(--font-montserrat);
  font-size:13px;
  font-style:italic
}
.topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 button {
  background-color:var(--primary-color);
  min-width:50px;
  max-width:50px;
  height:40px;
  font-weight:300;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  outline:none
}
.topbar-area.style-3 .search-and-contact .search-and-language .form-inner2 button i {
  font-size:18px;
  color:var(--white-color)
}
.topbar-area.style-3 .search-and-contact .search-and-language .lang-btn {
  height:40px;
  width:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.2);
  min-width:50px;
  max-width:50px;
  height:40px;
  cursor:pointer
}
.topbar-area.style-3 .search-and-contact .search-and-language .lang-card {
  position:absolute;
  top:60px;
  left:50%;
  z-index:99;
  width:180px;
  background-color:var(--white-color);
  padding:15px 20px;
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  display:none;
  transform:scaleY(0) translateX(-50%);
  transform-origin:top
}
.topbar-area.style-3 .search-and-contact .search-and-language .lang-card.active {
  display:block;
  transform:scaleY(1) translateX(-50%);
  animation:fade-up2 .5s linear
}
@keyframes fade-up2 {
  0% {
    opacity:0;
    transform:translateY(10px) translateX(-50%);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px) translateX(-50%);
    visibility:visible
  }
}
.topbar-area.style-3 .search-and-contact .search-and-language .lang-card li a {
  font-family:var(--font-montserrat);
  color:var(--title-color);
  font-weight:600;
  text-transform:capitalize;
  font-size:12px;
  padding:5px 0;
  width:100%;
  display:flex;
  align-items:center;
  transition:.35s
}
.topbar-area.style-3 .search-and-contact .search-and-language .lang-card li a:hover {
  color:var(--primary-color)
}
@media(max-width:991px) {
  .topbar-area.style-3 .topbar-right {
    display:none;
    visibility:hidden
  }
}
.topbar-area.style-3 .topbar-right li {
  color:var(--white-color)
}
.topbar-area.style-3 .topbar-right li::after {
  background-color:rgba(255,255,255,.5)
}
.topbar-area.style-3 .topbar-right li a {
  color:var(--white-color);
  transition:.35s
}
.topbar-area.style-3 .topbar-right li a svg {
  transition:.35s;
  fill:var(--white-color)
}
.topbar-area.style-3 .topbar-right li a:hover {
  color:#cacaca
}
.topbar-area.style-3 .topbar-right li a:hover svg {
  fill:#cacaca
}
.topbar-area.style-3.two {
  padding-left:4%
}
@media(max-width:1699px) {
  .topbar-area.style-3.two {
    padding-left:3%
  }
}
@media(max-width:1399px) {
  .topbar-area.style-3.two {
    padding-left:2%
  }
}
.topbar-area.style-3 .mobile-menu-btn {
  display:none;
  visibility:hidden
}
@media(max-width:991px) {
  .topbar-area.style-3 .mobile-menu-btn {
    display:flex;
    flex-direction:column;
    align-items:end;
    visibility:visible;
    justify-content:center;
    position:relative
  }
  .topbar-area.style-3 .mobile-menu-btn span {
    height:3px;
    width:25px;
    background-color:var(--white-color);
    display:flex;
    transition:transform .5s ease-in;
    position:absolute;
    top:-40px
  }
  .topbar-area.style-3 .mobile-menu-btn span::before {
    transition-duration:.5s;
    position:absolute;
    width:35px;
    height:3px;
    background-color:var(--white-color);
    content:"";
    top:-10px;
    right:0
  }
  .topbar-area.style-3 .mobile-menu-btn span::after {
    transition-duration:.5s;
    position:absolute;
    width:15px;
    height:3px;
    right:0;
    background-color:var(--white-color);
    content:"";
    top:10px
  }
  .topbar-area.style-3 .mobile-menu-btn.active span {
    background-color:transparent
  }
  .topbar-area.style-3 .mobile-menu-btn.active span::before {
    transform:rotateZ(45deg) translate(8px,6px);
    width:35px
  }
  .topbar-area.style-3 .mobile-menu-btn.active span::after {
    transform:rotateZ(-45deg) translate(8px,-6px);
    width:35px
  }
}
.header-area.style-1 {
  position:relative;
  z-index:999;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 4%;
  transition:all .8s ease-out 0s;
  gap:30px
}
@media(max-width:1699px) {
  .header-area.style-1 {
    padding:0 3%
  }
}
@media(max-width:1399px) {
  .header-area.style-1 {
    padding:0 2%;
    gap:20px
  }
}
@media(max-width:991px) {
  .header-area.style-1 {
    border-bottom:1px solid rgba(13,23,32,.0784313725);
    padding:0
  }
}
.header-area.style-1.sticky {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box;
  background-color:#08090b;
  z-index:99
}
@keyframes smooth-header {
  0% {
    transform:translateY(-30px)
  }
  100% {
    transform:translateY(0px)
  }
}
.header-area.style-1 .header-logo {
  padding:10px 26px;
  border:1px solid rgba(13,23,32,.0784313725)
}
@media(max-width:1399px) {
  .header-area.style-1 .header-logo {
    padding:15px 20px
  }
}
@media(max-width:1199px) {
  .header-area.style-1 .header-logo {
    padding:15px
  }
}
@media(max-width:991px) {
  .header-area.style-1 .header-logo {
    border:unset
  }
}
.header-area.style-1 .header-logo img {
  width:214px;
  max-width:unset
}
@media(max-width:1399px) {
  .header-area.style-1 .header-logo img {
    width:unset;
    max-width:100%
  }
}
.header-area.style-1 .menu-close-btn i {
  color:var(--white-color)
}
.header-area.style-1 .menu-wrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  border:1px solid rgba(13,23,32,.0784313725);
  padding:0 40px
}
@media(max-width:1399px) {
  .header-area.style-1 .menu-wrap {
    padding:0 20px
  }
}
@media(max-width:1399px) {
  .header-area.style-1 .menu-wrap {
    padding:0 15px
  }
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap {
    border:none;
    justify-content:end
  }
}
.header-area.style-1 .menu-wrap .nav-right {
  gap:30px
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .nav-right {
    gap:0
  }
}
.header-area.style-1 .menu-wrap .nav-right .header-btn {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  border-radius:36px;
  border:1px solid var(--primary-color);
  background:var(--primary-color);
  line-height:1;
  display:inline-flex;
  align-items:baseline;
  padding:16px 28px;
  gap:8px;
  white-space:nowrap;
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
@media(max-width:1199px) {
  .header-area.style-1 .menu-wrap .nav-right .header-btn {
    padding:14px 22px
  }
}
.header-area.style-1 .menu-wrap .nav-right .header-btn svg {
  fill:var(--white-color);
  transition:all .6s
}
.header-area.style-1 .menu-wrap .nav-right .header-btn span {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border-radius:36px;
  background-color:var(--white-color);
  transition:all .6s;
  transform:translate(-50%,-50%);
  z-index:-1
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:hover {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:hover svg {
  fill:var(--primary-color)
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:hover span {
  width:225%;
  height:1000.5px
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:active {
  background-color:var(--white-color)
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .nav-right .header-btn {
    display:none;
    visibility:hidden
  }
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn {
  display:none;
  visibility:hidden
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn {
    display:flex;
    margin-left:50px;
    flex-direction:column;
    align-items:end;
    visibility:visible;
    justify-content:center;
    position:relative
  }
  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span {
    height:3px;
    width:25px;
    background-color:var(--title-color);
    display:flex;
    transition:transform .5s ease-in;
    position:absolute;
    top:0
  }
  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::before {
    transition-duration:.5s;
    position:absolute;
    width:35px;
    height:3px;
    background-color:var(--title-color);
    content:"";
    top:-10px;
    right:0
  }
  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::after {
    transition-duration:.5s;
    position:absolute;
    width:15px;
    height:3px;
    right:0;
    background-color:var(--title-color);
    content:"";
    top:10px
  }
  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span {
    background-color:transparent
  }
  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span::before {
    transform:rotateZ(45deg) translate(8px,6px);
    width:35px
  }
  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span::after {
    transform:rotateZ(-45deg) translate(8px,-6px);
    width:35px
  }
}
.header-area.style-1 .menu-wrap .nav-right .search-bar {
  position:relative
}
.header-area.style-1 .menu-wrap .nav-right .search-bar svg {
  fill:var(--title-color);
  cursor:pointer
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input {
  position:absolute;
  top:47px;
  right:0;
  z-index:99;
  width:600px;
  background-color:var(--white-color);
  padding:50px 30px 30px;
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  display:none;
  transform:scaleY(0);
  transform-origin:top
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input.active {
  display:block;
  transform:scaleY(1);
  animation:fade-up .5s linear
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .serch-close {
  position:absolute;
  top:10px;
  right:15px;
  display:inline-block;
  border-radius:50%;
  background-color:var(--white-color);
  box-shadow:0 1px 12px 2px rgba(0,0,0,.1);
  height:28px;
  width:28px;
  cursor:pointer;
  z-index:1
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .serch-close::after {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  left:calc(50% - 7px);
  display:block;
  height:1px;
  width:12px;
  background-color:var(--gray-dark,#000);
  transition:all .3s ease-out
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .serch-close::before {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-135deg);
  left:calc(50% - 7px);
  display:block;
  height:1px;
  width:12px;
  background-color:var(--gray-dark,#000);
  transition:all .3s ease-out
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .serch-close:hover::after {
  transform:rotate(0)
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .serch-close:hover::before {
  transform:rotate(0)
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .search-group {
  display:flex;
  gap:50px;
  width:100%;
  border-bottom:1px solid #222
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 input {
  width:100%;
  background-color:transparent;
  border:none;
  font-size:14px;
  font-weight:500
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 button {
  background-color:transparent;
  font-size:22px;
  border:none;
  outline:none
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 button i {
  font-size:18px
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .quick-search {
  display:flex;
  gap:10px;
  padding-top:15px
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .quick-search ul {
  display:flex;
  align-items:center;
  flex-wrap:wrap
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li {
  padding-right:5px
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li:first-child {
  font-family:var(--font-montserrat);
  font-weight:700;
  font-size:13px;
  margin-bottom:0;
  color:var(--title-color);
  white-space:nowrap
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:13px;
  font-weight:500;
  line-height:1;
  transition:.35
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li a:hover {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .lang-card {
  position:absolute;
  top:47px;
  left:50%;
  z-index:99;
  width:180px;
  background-color:var(--white-color);
  padding:15px 20px;
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  display:none;
  transform:scaleY(0) translateX(-50%);
  transform-origin:top
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .lang-card.active {
  display:block;
  transform:scaleY(1) translateX(-50%);
  animation:fade-up2 .5s linear
}
@keyframes fade-up2 {
  0% {
    opacity:0;
    transform:translateY(10px) translateX(-50%);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px) translateX(-50%);
    visibility:visible
  }
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .lang-card li a {
  font-family:var(--font-montserrat);
  color:var(--title-color);
  font-weight:600;
  text-transform:capitalize;
  font-size:12px;
  padding:5px 0;
  width:100%;
  display:flex;
  align-items:center;
  transition:.35s
}
.header-area.style-1 .menu-wrap .nav-right .search-bar .lang-card li a:hover {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu {
  display:inline-block
}
.header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo {
  display:none
}
.header-area.style-1 .menu-wrap .main-menu ul {
  list-style:none;
  margin:0;
  padding:0
}
.header-area.style-1 .menu-wrap .main-menu ul>li {
  display:inline-block;
  position:relative;
  padding:22px 8px
}
@media(max-width:1199px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li {
    padding:22px 0
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li:first-child {
  padding-left:0
}
.header-area.style-1 .menu-wrap .main-menu ul>li>a {
  color:var(--title-color);
  display:block;
  text-transform:capitalize;
  padding:4px 13px;
  position:relative;
  font-family:var(--font-montserrat);
  font-weight:500;
  font-size:14px;
  transition:all .5s ease-out 0s;
  position:relative;
  border:1px solid transparent;
  border-radius:15px;
  line-height:1
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li>a {
    padding:32px 9px
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li i {
  font-size:20px;
  text-align:center;
  color:var(--white-color);
  font-style:normal;
  position:absolute;
  right:-5px;
  top:35px;
  z-index:999;
  cursor:pointer;
  display:none;
  transition:all .5s ease-out 0s;
  opacity:0
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li i {
    opacity:1
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li i.active {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li i.active::before {
  content:"\f2ea"
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu {
  position:absolute;
  left:0;
  right:0;
  top:68px;
  margin:0;
  display:none;
  min-width:215px;
  background:var(--white-color);
  border:1px solid rgba(13,23,32,.0784313725);
  text-align:left
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li {
  padding:0;
  display:block;
  position:relative
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li i {
  position:absolute;
  top:10px;
  right:6px;
  display:block;
  color:var(--black-color2);
  font-size:20px
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon {
  color:var(--black-color2);
  opacity:1;
  top:13px;
  font-size:13px;
  right:15px
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon {
    right:0;
    color:var(--white-color);
    top:8px;
    font-size:20px
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2 {
  color:var(--black-color2);
  opacity:1;
  top:14px;
  right:10px;
  font-size:13px
}
@media(max-width:1199px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2::before {
    content:"\f4fe"
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a {
  display:block;
  padding:14px 20px;
  font-family:var(--font-montserrat);
  color:var(--title-color);
  font-weight:500;
  text-transform:capitalize;
  font-size:13px;
  line-height:1.4;
  transition:all .4s ease-out 0s;
  position:relative;
  border-radius:0;
  border:none;
  border-bottom:1px solid rgba(13,23,32,.0784313725)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a::before {
  content:"";
  position:absolute;
  bottom:-1px;
  left:0;
  background:linear-gradient(90deg,#fff,#2E448D,#fff);
  width:100%;
  height:1px;
  transform:scaleX(0);
  transform-origin:left;
  transition:.4s ease-in;
  z-index:1
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a {
    border-color:rgba(13,23,32,.0784313725)
  }
  .header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a::before {
    background:linear-gradient(90deg,#525252,#2E448D,#525252)
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover::before {
  transform:scale(1)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a.active {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li>a.active::before {
  transform:scale(1)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li:last-child a {
  border-bottom:none
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li:last-child a::before {
  display:none
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover>a {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon2 {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li.active>a {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li.active .dropdown-icon {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li.active .dropdown-icon2 {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu {
  left:100%;
  position:absolute;
  max-width:230px;
  min-width:215px;
  background:var(--white-color);
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  top:0
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu::before {
  display:none;
  visibility:hidden
}
@media only screen and (max-width:991px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu {
    margin-left:10px;
    position:unset;
    max-width:230px;
    min-width:215px;
    background:0 0;
    top:0
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu>li i {
  display:block
}
.header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li:last-child {
  border-bottom:none
}
.header-area.style-1 .menu-wrap .main-menu ul>li:hover>a {
  border-color:var(--title-color)
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li:hover>a {
    border-color:transparent
  }
}
@media(min-width:992px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li:hover>ul.sub-menu {
    display:block;
    animation:fade-up .45s linear
  }
}
@keyframes fade-up {
  0% {
    opacity:0;
    transform:translateY(10px);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px);
    visibility:visible
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li.active>a {
  border-color:var(--title-color)
}
@media(max-width:991px) {
  .header-area.style-1 .menu-wrap .main-menu ul>li.active>a {
    border-color:transparent
  }
}
.header-area.style-1 .menu-wrap .main-menu ul>li.active .dropdown-icon2 {
  color:var(--primary-color)
}
.header-area.style-1 .menu-wrap .main-menu ul li.menu-item-has-children>i {
  display:block
}
@media only screen and (max-width:991px) {
  .header-area.style-1 .menu-wrap .mobile-logo-area {
    justify-content:center!important
  }
  .header-area.style-1 .menu-wrap .dropdown-icon {
    color:var(--white-color)
  }
  .header-area.style-1 .menu-wrap .main-menu {
    position:fixed;
    top:0;
    left:0;
    width:280px;
    padding:30px 20px!important;
    z-index:99999;
    height:100%;
    overflow:auto;
    background:var(--white-color);
    transform:translateX(-100%);
    transition:transform .3s ease-in;
    border-right:1px solid rgba(13,23,32,.0784313725)
  }
  .header-area.style-1 .menu-wrap .main-menu.show-menu {
    transform:translateX(0)
  }
  .header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo {
    text-align:left;
    padding-top:20px;
    display:block;
    padding-bottom:8px
  }
  .header-area.style-1 .menu-wrap .main-menu .menu-list {
    padding-top:50px;
    padding-bottom:30px
  }
  .header-area.style-1 .menu-wrap .main-menu>ul {
    float:none;
    text-align:left;
    padding:5px 0 20px 0
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li {
    display:block;
    position:relative;
    padding:5px
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li:first-child {
    padding-left:5px
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li i {
    display:block;
    color:var(--title-color)
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li a {
    padding:10px 0;
    display:block;
    font-size:1rem
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li ul.sub-menu {
    position:static;
    min-width:200px;
    background:0 0;
    border:none;
    opacity:1;
    visibility:visible;
    box-shadow:none;
    transform:none;
    transition:none;
    display:none;
    margin-top:0!important;
    transform:translateY(0px);
    margin-left:10px
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li ul.sub-menu>li {
    border-bottom:1px solid transparent
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li ul.sub-menu>li a {
    font-size:14px;
    padding:12px 0
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li ul.sub-menu>li a:hover {
    color:var(--primary-color);
    margin-left:10px
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li ul.sub-menu>li a.active {
    color:var(--primary-color)
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li ul.sub-menu>li i {
    color:var(--primary-color);
    right:-13px
  }
  .header-area.style-1 .menu-wrap .main-menu>ul li .bi {
    top:8px;
    font-size:20px;
    color:var(--title-color)
  }
  .header-area.style-1 .menu-wrap .main-menu .topbar-right {
    margin-bottom:40px
  }
  .header-area.style-1 .menu-wrap .main-menu .topbar-right li {
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:500;
    line-height:1;
    position:relative;
    margin-bottom:7px;
    padding:5px 0
  }
  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a {
    color:var(--title-color);
    display:flex;
    align-items:center;
    gap:6px;
    transition:.35s;
    text-transform:none;
    padding:0!important
  }
  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a svg {
    fill:var(--title-color)
  }
  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover {
    color:var(--primary-color)
  }
  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover svg {
    fill:var(--primary-color)
  }
  .header-area.style-1 .menu-wrap .primary-btn1 {
    justify-content:center;
    padding:18px 37px;
    width:100%
  }
}
.header-area.style-2 {
  position:relative;
  z-index:999;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 4%;
  transition:all .8s ease-out 0s;
  background-color: rgba(255, 255, 255, 0.07);
}
@media(max-width:1699px) {
  .header-area.style-2 {
    padding:0 3%
  }
}
@media(max-width:1399px) {
  .header-area.style-2 {
    padding:0 2%
  }
}
@media(max-width:991px) {
  .header-area.style-2 {
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:0
  }
}
.header-area.style-2.sticky {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box;
  background-color:#08090b;
  z-index:99
}
@keyframes smooth-header {
  0% {
    transform:translateY(-30px)
  }
  100% {
    transform:translateY(0px)
  }
}
.header-area.style-2 .header-logo {
  /*! padding:0px 11px 0px 15px; */
  /*! background-color:rgba(255,255,255,.2); */
}
@media(max-width:1399px) {
  .header-area.style-2 .header-logo {
    padding:15px 20px
  }
}
@media(max-width:1199px) {
  .header-area.style-2 .header-logo {
    padding:15px
  }
}
@media(max-width:991px) {
  .header-area.style-2 .header-logo {
    border:unset
  }
}
.header-area.style-2 .header-logo img {
  width:16rem;
  max-width:unset;
  margin-right: 20px;
}
@media(max-width:1399px) {
  .header-area.style-2 .header-logo img {
    width:unset;
    max-width:100%
  }
}
.header-area.style-2 .menu-close-btn i {
  color:var(--white-color)
}
.header-area.style-2 .menu-wrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  border:1px solid rgba(255,255,255,.1);
  padding:0 10px 0 40px
}
@media(max-width:1399px) {
  .header-area.style-2 .menu-wrap {
    padding:0 10px 0 20px
  }
}
@media(max-width:1399px) {
  .header-area.style-2 .menu-wrap {
    padding:0 10px 0 15px
  }
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap {
    border:none;
    justify-content:end
  }
}
.header-area.style-2 .menu-wrap .header-logo {
  background-color:transparent;
  padding:0
}
.header-area.style-2 .menu-wrap .nav-right {
  gap:30px
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .nav-right {
    gap:0;
  }
}
.header-area.style-2 .menu-wrap .nav-right .header-btn {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  border-radius:36px;
  background:var(--primary-color);
  line-height:1;
  display:inline-flex;
  align-items:baseline;
  padding:16px 28px;
  gap:8px;
  white-space:nowrap;
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
@media(max-width:1199px) {
  .header-area.style-2 .menu-wrap .nav-right .header-btn {
    padding:14px 22px
  }
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .nav-right .header-btn {
    display:none
  }
}
.header-area.style-2 .menu-wrap .nav-right .header-btn svg {
  fill:var(--white-color);
  transition:all .6s
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .nav-right .header-btn {
    display:none;
    visibility:hidden
  }
}
.header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn {
  display:none;
  visibility:hidden
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn {
    display:flex;
    margin-left:50px;
    flex-direction:column;
    align-items:end;
    visibility:visible;
    justify-content:center;
    position:relative;
    z-index: 9999999;
  }
  .header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn span {
    height:5px;
    width:25px;
    background-color:var(--white-color);
    display:flex;
    transition:transform .5s ease-in;
    position:absolute;
    top:0;
    z-index: 9999999;
    /*! display: block; */
  }
  .header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn span::before {
    /*! transition-duration:.5s; */
    position:absolute;
    width:45px;
    height:5px;
    background-color:var(--white-color);
    content:"";
    top:-10px;
    right:0
  }
  .header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn span::after {
    transition-duration:.5s;
    position:absolute;
    width:15px;
    height:5px;
    right:0;
    background-color:var(--white-color);
    content:"";
    top:10px
  }
  .header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn.active span {
    background-color:transparent
  }
  .header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn.active span::before {
    transform:rotateZ(45deg) translate(8px,6px);
    width:35px
  }
  .header-area.style-2 .menu-wrap .nav-right .mobile-menu-btn.active span::after {
    transform:rotateZ(-45deg) translate(8px,-6px);
    width:35px
  }
}
.header-area.style-2 .menu-wrap .nav-right .search-bar {
  position:relative
}
.header-area.style-2 .menu-wrap .nav-right .search-bar svg {
  fill:var(--white-color);
  cursor:pointer
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input {
  position:absolute;
  top:47px;
  right:0;
  z-index:99;
  width:600px;
  background-color:var(--white-color);
  padding:50px 30px 30px;
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  display:none;
  transform:scaleY(0);
  transform-origin:top
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input.active {
  display:block;
  transform:scaleY(1);
  animation:fade-up .5s linear
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .serch-close {
  position:absolute;
  top:10px;
  right:15px;
  display:inline-block;
  border-radius:50%;
  background-color:var(--white-color);
  box-shadow:0 1px 12px 2px rgba(0,0,0,.1);
  height:28px;
  width:28px;
  cursor:pointer;
  z-index:1
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .serch-close::after {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  left:calc(50% - 7px);
  display:block;
  height:1px;
  width:12px;
  background-color:var(--gray-dark,#000);
  transition:all .3s ease-out
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .serch-close::before {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-135deg);
  left:calc(50% - 7px);
  display:block;
  height:1px;
  width:12px;
  background-color:var(--gray-dark,#000);
  transition:all .3s ease-out
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .serch-close:hover::after {
  transform:rotate(0)
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .serch-close:hover::before {
  transform:rotate(0)
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .search-group {
  display:flex;
  gap:50px;
  width:100%;
  border-bottom:1px solid #222
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 input {
  width:100%;
  background-color:transparent;
  border:none;
  font-size:14px;
  font-weight:500
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 input::-moz-placeholder {
  color:#cacaca;
  font-weight:400
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 input::placeholder {
  color:#cacaca;
  font-weight:400
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 button {
  background-color:transparent;
  font-size:22px;
  border:none;
  outline:none
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 button i {
  font-size:18px
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .quick-search {
  display:flex;
  gap:10px;
  padding-top:15px
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .quick-search ul {
  display:flex;
  align-items:center;
  flex-wrap:wrap
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li {
  padding-right:5px
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li:first-child {
  font-family:var(--font-montserrat);
  font-weight:700;
  font-size:13px;
  margin-bottom:0;
  color:var(--title-color);
  white-space:nowrap
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:13px;
  font-weight:500;
  line-height:1;
  transition:.35
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li a:hover {
  color:var(--primary-color)
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .lang-card {
  position:absolute;
  top:47px;
  left:50%;
  z-index:99;
  width:180px;
  background-color:var(--white-color);
  padding:15px 20px;
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  display:none;
  transform:scaleY(0) translateX(-50%);
  transform-origin:top
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .lang-card.active {
  display:block;
  transform:scaleY(1) translateX(-50%);
  animation:fade-up2 .5s linear
}
@keyframes fade-up2 {
  0% {
    opacity:0;
    transform:translateY(10px) translateX(-50%);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px) translateX(-50%);
    visibility:visible
  }
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .lang-card li a {
  font-family:var(--font-montserrat);
  color:var(--title-color);
  font-weight:600;
  text-transform:capitalize;
  font-size:12px;
  padding:5px 0;
  width:100%;
  display:flex;
  align-items:center;
  transition:.35s
}
.header-area.style-2 .menu-wrap .nav-right .search-bar .lang-card li a:hover {
  color:var(--primary-color)
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .nav-right .primary-btn2 {
    display:none;
    visibility:hidden
  }
}
.header-area.style-2 .menu-wrap .main-menu {
  display:inline-block
}
.header-area.style-2 .menu-wrap .main-menu .mobile-menu-logo {
  display:none
}
.header-area.style-2 .menu-wrap .main-menu ul {
  list-style:none;
  margin:0;
  padding:0
}
.header-area.style-2 .menu-wrap .main-menu ul>li {
  display:inline-block;
  position:relative;
  padding:17px 8px;
}
@media(max-width:1199px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li {
    padding:22px 0
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li:first-child {
  padding-left:0
}
.header-area.style-2 .menu-wrap .main-menu ul>li>a {
  color:var(--white-color);
  display:block;
  text-transform:capitalize;
  padding:8px 15px;
  position:relative;
  font-family:var(--font-marcellus);
  font-weight:500;
  transition:all .5s ease-out 0s;
  position:relative;
  border:1px solid transparent;
  border-radius:5px;
  line-height:1;
  font-size: clamp(12px, 0.8vw, 1rem);
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li>a {
    padding:32px 9px;
    border:none
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li i {
  font-size:20px;
  text-align:center;
  color:var(--white-color);
  font-style:normal;
  position:absolute;
  right:-5px;
  top:35px;
  z-index:999;
  cursor:pointer;
  display:none;
  transition:all .5s ease-out 0s;
  opacity:0
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li i {
    opacity:1
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li i.active {
  color:rgba(255,255,255,.7)
}
.header-area.style-2 .menu-wrap .main-menu ul>li i.active::before {
  content:"\f2ea"
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu {
  position:absolute;
  left:0;
  right:0;
  top:58px;
  margin:0;
  display:none;
  min-width:280px;
  background:var(--title-color);
  border:1px solid #272727;
  text-align:left;
  padding:25px 0
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li {
  padding:0;
  display:block;
  position:relative
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li i {
  position:absolute;
  top:10px;
  right:6px;
  display:block;
  color:var(--white-color);
  font-size:20px
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon {
  color:rgba(255,255,255,.7);
  opacity:1;
  top:10px;
  font-size:13px;
  right:15px
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon {
    right:0;
    color:rgba(255,255,255,.7);
    top:8px;
    font-size:20px
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2 {
  color:rgba(255,255,255,.7);
  opacity:1;
  top:14px;
  right:10px;
  font-size:13px
}
@media(max-width:1199px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2::before {
    content:"\f4fe"
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a {
  display:block;
  padding:9px 34px;
  /*! font-family:var(--font-montserrat); */
  color:rgb(255, 255, 255);
  font-weight:500;
  text-transform:capitalize;
  font-size:13px;
  letter-spacing:1px;
  line-height:1.4;
  transition:all .4s ease-out 0s;
  position:relative;
  border-radius:0;
  border:none;
  font-size: clamp(12px, 0.7vw, 0.9rem);
  font-family: var(--font-marcellus);
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a::after {
  content:"";
  height:8px;
  width:8px;
  background-color:var(--white-color);
  border-radius:50%;
  position:absolute;
  left:25px;
  top:50%;
  transform:translateY(-50%);
  opacity:0;
  transition:all .4s ease-out 0s
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a::after {
    left:0
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover {
  color:#cacaca;
  padding-left:44px
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover {
    padding-left:18px
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover::before {
  transform:scale(1)
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover::after {
  opacity:1
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a.active {
  color:#cacaca
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li>a.active::before {
  transform:scale(1)
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover>a {
  color:#fff
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon {
  color:var(--white-color)
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon2 {
  color:var(--white-color)
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li.active>a {
  color:var(--white-color)
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li.active .dropdown-icon {
  color:var(--white-color)
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li.active .dropdown-icon2 {
  color:var(--white-color)
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu {
  left:100%;
  position:absolute;
  max-width:280px;
  min-width:280px;
  background:var(--title-color);
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  top:0
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu::before {
  display:none;
  visibility:hidden
}
@media only screen and (max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu {
    margin-left:10px;
    position:unset;
    max-width:230px;
    min-width:215px;
    background:0 0;
    top:0
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu>li i {
  display:block
}
.header-area.style-2 .menu-wrap .main-menu ul>li ul.sub-menu>li:last-child {
  border-bottom:none
}
.header-area.style-2 .menu-wrap .main-menu ul>li:hover>a {
  border-color:var(--white-color);
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li:hover>a {
    border:none;
    color:rgba(255,255,255,.7)
  }
}
@media(min-width:992px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li:hover>ul.sub-menu {
    display:block;
    animation:fade-up .15s linear;
  }
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li:hover i {
    color:rgba(255,255,255,.7)
  }
}
@keyframes fade-up {
  0% {
    opacity:0;
    transform:translateY(10px);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px);
    visibility:visible
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li.active>a {
  border-color:var(--white-color)
}
@media(max-width:991px) {
  .header-area.style-2 .menu-wrap .main-menu ul>li.active>a {
    border:none;
    color:rgba(255,255,255,.7)
  }
}
.header-area.style-2 .menu-wrap .main-menu ul>li.active .dropdown-icon2 {
  color:var(--primary-color)
}
.header-area.style-2 .menu-wrap .main-menu ul li.menu-item-has-children>i {
  display:block
}
@media only screen and (max-width:991px) {
  .header-area.style-2 .menu-wrap .mobile-logo-area {
    justify-content:center!important
  }
  .header-area.style-2 .menu-wrap .dropdown-icon {
    color:var(--white-color)
  }
  .header-area.style-2 .menu-wrap .main-menu {
    position:fixed;
    top:0;
    left:0;
    width:280px;
    padding:30px 20px!important;
    z-index:99999;
    height:100%;
    overflow:auto;
    background:var(--title-color);
    transform:translateX(-100%);
    transition:transform .3s ease-in;
    border-right:1px solid rgba(13,23,32,.0784313725)
  }
  .header-area.style-2 .menu-wrap .main-menu::-webkit-scrollbar {
    width:0
  }
  .header-area.style-2 .menu-wrap .main-menu.show-menu {
    transform:translateX(0)
  }
  .header-area.style-2 .menu-wrap .main-menu .mobile-menu-logo {
    text-align:left;
    padding-top:20px;
    display:block;
    padding-bottom:8px
  }
  .header-area.style-2 .menu-wrap .main-menu .menu-list {
    padding-top:50px;
    padding-bottom:30px
  }
  .header-area.style-2 .menu-wrap .main-menu ul {
    float:none;
    text-align:left;
    padding:5px 0 20px 0
  }
  .header-area.style-2 .menu-wrap .main-menu ul li {
    display:block;
    position:relative;
    padding:5px
  }
  .header-area.style-2 .menu-wrap .main-menu ul li:first-child {
    padding-left:5px
  }
  .header-area.style-2 .menu-wrap .main-menu ul li i {
    display:block;
    color:var(--white-color)
  }
  .header-area.style-2 .menu-wrap .main-menu ul li a {
    padding:10px 0;
    display:block;
    font-size:1rem
  }
  .header-area.style-2 .menu-wrap .main-menu ul li ul.sub-menu {
    position:static;
    min-width:200px;
    background:0 0;
    border:none;
    opacity:1;
    visibility:visible;
    box-shadow:none;
    transform:none;
    transition:none;
    display:none;
    margin-top:0!important;
    transform:translateY(0px);
    margin-left:10px;
    padding:10px 0
  }
  .header-area.style-2 .menu-wrap .main-menu ul li ul.sub-menu>li {
    border-bottom:1px solid transparent
  }
  .header-area.style-2 .menu-wrap .main-menu ul li ul.sub-menu>li a {
    font-size:12px;
    padding:7px 0
  }
  .header-area.style-2 .menu-wrap .main-menu ul li ul.sub-menu>li a.active {
    color:var(--white-color)
  }
  .header-area.style-2 .menu-wrap .main-menu ul li .bi {
    top:8px;
    font-size:20px;
    color:var(--white-color)
  }
  .header-area.style-2 .menu-wrap .main-menu .mobile-menu-form .input-with-btn input {
    width:100%;
    background-color:transparent;
    border:1px solid rgba(255,255,255,.1);
    padding:10px 15px;
    margin-bottom:15px;
    outline:none;
    height:47px;
    color:#cacaca;
    font-size:14px;
    font-family:var(--font-montserrat)
  }
  .header-area.style-2 .menu-wrap .main-menu .tags {
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    position:relative;
    padding-top:30px;
    margin-bottom:80px
  }
  .header-area.style-2 .menu-wrap .main-menu .tags::after {
    content:"";
    height:1px;
    width:300px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:0;
    background-color:rgba(255,255,255,.1)
  }
  .header-area.style-2 .menu-wrap .main-menu .tags li {
    padding:0
  }
  .header-area.style-2 .menu-wrap .main-menu .tags li a {
    padding:0;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.2);
    font-size:13px;
    font-weight:500;
    padding:4px 10px
  }
  .header-area.style-2 .menu-wrap .main-menu .primary-btn1 {
    justify-content:center;
    padding:15px 37px
  }
  .header-area.style-2 .menu-wrap .main-menu .primary-btn2 {
    justify-content:center;
    width:100%;
    padding:15px 37px
  }
  .header-area.style-2 .menu-wrap .main-menu .topbar-right {
    padding-left:5px;
    margin-bottom:40px
  }
  .header-area.style-2 .menu-wrap .main-menu .topbar-right li {
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:500;
    line-height:1;
    position:relative;
    margin-bottom:7px;
    padding:5px 0!important
  }
  .header-area.style-2 .menu-wrap .main-menu .topbar-right li a {
    color:var(--white-color);
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:500;
    transition:.35s;
    padding:0!important;
    text-transform:none
  }
  .header-area.style-2 .menu-wrap .main-menu .topbar-right li a svg {
    fill:var(--white-color)
  }
  .header-area.style-2 .menu-wrap .main-menu .topbar-right li a:hover {
    color:var(--primary-color)
  }
  .header-area.style-2 .menu-wrap .main-menu .topbar-right li a:hover svg {
    fill:var(--primary-color)
  }
  .header-area.style-2 .menu-wrap .main-menu .primary-btn1 {
    justify-content:center;
    padding:18px 37px;
    width:100%
  }
}
.header-area.style-3 {
  position:relative;
  z-index:999;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0;
  transition:all .8s ease-out 0s;
  background-color:var(--title-color)
}
@media(max-width:991px) {
  .header-area.style-3 {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    overflow:auto;
    transform:translateX(-100%);
    transition:transform .3s ease-in;
    padding-top:0;
    display:block;
    z-index:999999
  }
}
.header-area.style-3.show-menu {
  transform:translateX(0)
}
.header-area.style-3 .mobile-menu-form .input-with-btn input {
  width:100%;
  background-color:transparent;
  border:1px solid rgba(255,255,255,.1);
  padding:10px 15px;
  margin-bottom:15px;
  outline:none;
  height:47px;
  color:#cacaca;
  font-size:14px;
  font-family:var(--font-montserrat)
}
.header-area.style-3 .mobile-menu-form .input-with-btn .primary-btn1 {
  justify-content:center
}
.header-area.style-3 .menu-close-btn i {
  color:var(--white-color)
}
.header-area.style-3 .header-logo {
  background-color:transparent;
  padding:0
}
.header-area.style-3 .main-menu {
  padding:30px 24px!important;
  z-index:99999;
  min-height:100vh;
  overflow:auto;
  background:var(--title-color);
  transition:transform .3s ease-in;
  border-right:1px solid rgba(255,255,255,.1);
  display:flex;
  justify-content:space-between;
  flex-direction:column
}
@media(max-width:991px) {
  .header-area.style-3 .main-menu {
    max-width:290px
  }
}
.header-area.style-3 .main-menu::-webkit-scrollbar {
  width:0
}
.header-area.style-3 .main-menu.show-menu {
  transform:translateX(0)
}
.header-area.style-3 .main-menu .mobile-menu-logo {
  display:none
}
.header-area.style-3 .main-menu ul {
  list-style:none;
  margin:0;
  text-align:left;
  padding:5px 0 20px 0
}
.header-area.style-3 .main-menu ul.menu-list {
  padding-top:30px;
  padding-bottom:30px
}
.header-area.style-3 .main-menu ul>li {
  display:inline-block;
  position:relative;
  display:block;
  position:relative;
  padding:5px
}
.header-area.style-3 .main-menu ul>li>a {
  color:var(--white-color);
  text-transform:capitalize;
  padding:15px 0;
  display:block;
  position:relative;
  font-family:var(--font-montserrat);
  font-weight:500;
  font-size:14px;
  transition:all .5s ease-out 0s;
  position:relative;
  border-radius:15px;
  line-height:1
}
.header-area.style-3 .main-menu ul>li i {
  font-size:20px;
  text-align:center;
  color:var(--white-color);
  font-style:normal;
  position:absolute;
  right:0;
  top:12px;
  z-index:999;
  cursor:pointer;
  transition:all .5s ease-out 0s
}
.header-area.style-3 .main-menu ul>li i.active {
  color:rgba(255,255,255,.7)
}
.header-area.style-3 .main-menu ul>li i.active::before {
  content:"\f2ea"
}
.header-area.style-3 .main-menu ul>li ul.sub-menu {
  position:static;
  min-width:200px;
  background:0 0;
  border:none;
  opacity:1;
  visibility:visible;
  box-shadow:none;
  transform:none;
  transition:none;
  display:none;
  margin-top:0!important;
  transform:translateY(0px);
  margin-left:0;
  padding:10px 0
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li {
  padding:0;
  display:block;
  position:relative
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li i {
  position:absolute;
  top:10px;
  right:6px;
  display:block;
  color:var(--white-color);
  font-size:20px
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
  font-size:20px;
  text-align:center;
  color:rgba(255,255,255,.7);
  font-style:normal;
  position:absolute;
  right:0;
  top:2px;
  z-index:999;
  cursor:pointer;
  transition:all .5s ease-out 0s
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon.active {
  color:var(--white-color)
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon.active::before {
  content:"\f2ea"
}
@media(min-width:1400px) and (max-width:1599px) {
  .header-area.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
    right:10px
  }
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon2 {
  color:rgba(255,255,255,.7);
  opacity:1;
  top:14px;
  right:10px;
  font-size:13px
}
@media(max-width:1199px) {
  .header-area.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon2::before {
    content:"\f4fe"
  }
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li>a {
  display:block;
  font-family:var(--font-montserrat);
  color:rgba(255,255,255,.7);
  font-weight:500;
  text-transform:capitalize;
  font-size:12px;
  padding:8px 0;
  letter-spacing:3px;
  line-height:1.4;
  transition:all .4s ease-out 0s;
  position:relative;
  border-radius:0;
  border:none
}
@media(min-width:1400px) and (max-width:1599px) {
  .header-area.style-3 .main-menu ul>li ul.sub-menu>li>a {
    margin-right:20px
  }
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li>a::after {
  content:"";
  height:8px;
  width:8px;
  background-color:var(--white-color);
  border-radius:50%;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  opacity:0;
  transition:all .4s ease-out 0s
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li>a:hover {
  color:#fff;
  padding-left:20px
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li>a:hover::before {
  transform:scale(1)
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li>a:hover::after {
  opacity:1
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li>a.active {
  color:#fff
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li>a.active::before {
  transform:scale(1)
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu {
  max-width:230px;
  min-width:215px;
  position:static;
  background:0 0;
  border:none;
  opacity:1;
  visibility:visible;
  box-shadow:none;
  transform:none;
  transition:none;
  display:none;
  margin-top:0!important;
  transform:translateY(0px);
  margin-left:10px;
  padding:10px 0
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu::before {
  display:none;
  visibility:hidden
}
.header-area.style-3 .main-menu ul>li ul.sub-menu>li:last-child {
  border-bottom:none
}
.header-area.style-3 .main-menu ul li.menu-item-has-children>i {
  display:block
}
.header-area.style-3 .main-menu .tags {
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
  position:relative;
  padding-top:30px;
  margin-bottom:80px
}
.header-area.style-3 .main-menu .tags::after {
  content:"";
  height:1px;
  width:300px;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  background-color:rgba(255,255,255,.1)
}
.header-area.style-3 .main-menu .tags li {
  padding:0
}
.header-area.style-3 .main-menu .tags li a {
  padding:0;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.2);
  font-size:13px;
  font-weight:500;
  padding:4px 10px
}
@media only screen and (max-width:991px) {
  .header-area.style-3 .mobile-logo-area {
    justify-content:center!important
  }
  .header-area.style-3 .main-menu .mobile-menu-logo {
    text-align:left;
    padding-top:20px;
    display:block;
    padding-bottom:8px
  }
  .header-area.style-3 .main-menu .primary-btn1 {
    justify-content:center;
    padding:15px 37px
  }
  .header-area.style-3 .main-menu .primary-btn2 {
    justify-content:center;
    width:100%;
    padding:15px 37px
  }
  .header-area.style-3 .main-menu .topbar-right {
    padding-left:5px;
    margin-bottom:40px
  }
  .header-area.style-3 .main-menu .topbar-right li {
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:500;
    line-height:1;
    position:relative;
    margin-bottom:7px;
    padding:5px 0!important
  }
  .header-area.style-3 .main-menu .topbar-right li a {
    color:var(--white-color);
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:500;
    transition:.35s;
    padding:0!important;
    text-transform:none
  }
  .header-area.style-3 .main-menu .topbar-right li a svg {
    fill:var(--white-color)
  }
  .header-area.style-3 .main-menu .topbar-right li a:hover {
    color:var(--primary-color)
  }
  .header-area.style-3 .main-menu .topbar-right li a:hover svg {
    fill:var(--primary-color)
  }
  .header-area.style-3 .main-menu .primary-btn1 {
    justify-content:center;
    padding:18px 37px;
    width:100%
  }
}
.header-area.style-4 {
  position:absolute;
  width:100%;
  left:50%;
  top:24px;
  transform:translateX(-50%)
}
@media(max-width:991px) {
  .header-area.style-4 {
    transform:unset;
    left:0
  }
}
.header-area.style-4 .header-wrap {
  z-index:999;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0 4%;
  border:1px solid #eee;
  transition:all .8s ease-out 0s;
  gap:30px
}
@media(max-width:1699px) {
  .header-area.style-4 .header-wrap {
    margin:0 3%
  }
}
@media(max-width:1399px) {
  .header-area.style-4 .header-wrap {
    margin:0 2%;
    gap:20px
  }
}
@media(max-width:991px) {
  .header-area.style-4 .header-wrap {
    border-bottom:1px solid rgba(13,23,32,.0784313725);
    padding:0
  }
}
.header-area.style-4 .header-logo {
  padding:10px 26px
}
@media(max-width:1399px) {
  .header-area.style-4 .header-logo {
    padding:15px 20px
  }
}
@media(max-width:1199px) {
  .header-area.style-4 .header-logo {
    padding:15px
  }
}
@media(max-width:991px) {
  .header-area.style-4 .header-logo {
    border:unset
  }
}
.header-area.style-4 .header-logo img {
  width:214px;
  max-width:unset
}
@media(max-width:1399px) {
  .header-area.style-4 .header-logo img {
    width:unset;
    max-width:100%
  }
}
.header-area.style-4 .menu-close-btn i {
  color:var(--white-color)
}
.header-area.style-4 .menu-wrap {
  display:flex;
  align-items:center;
  justify-content:end;
  width:100%;
  padding:0 10px;
  gap:50px
}
@media(max-width:1399px) {
  .header-area.style-4 .menu-wrap {
    padding:0 20px
  }
}
@media(max-width:1399px) {
  .header-area.style-4 .menu-wrap {
    padding:0 15px
  }
}
@media(max-width:1199px) {
  .header-area.style-4 .menu-wrap {
    padding:0 10px;
    gap:20px
  }
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap {
    border:none;
    justify-content:end
  }
}
.header-area.style-4 .menu-wrap .nav-right {
  gap:30px
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .nav-right {
    gap:0
  }
}
.header-area.style-4 .menu-wrap .nav-right .primary-btn1 {
  padding:15px 28px
}
@media(max-width:1199px) {
  .header-area.style-4 .menu-wrap .nav-right .primary-btn1 {
    padding:15px 18px
  }
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .nav-right .primary-btn1 {
    display:none;
    visibility:hidden
  }
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn {
  display:none;
  visibility:hidden
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn {
    display:flex;
    margin-left:50px;
    flex-direction:column;
    align-items:end;
    visibility:visible;
    justify-content:center;
    position:relative
  }
  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span {
    height:3px;
    width:25px;
    background-color:var(--title-color);
    display:flex;
    transition:transform .5s ease-in;
    position:absolute;
    top:0
  }
  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::before {
    transition-duration:.5s;
    position:absolute;
    width:35px;
    height:3px;
    background-color:var(--title-color);
    content:"";
    top:-10px;
    right:0
  }
  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::after {
    transition-duration:.5s;
    position:absolute;
    width:15px;
    height:3px;
    right:0;
    background-color:var(--title-color);
    content:"";
    top:10px
  }
  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span {
    background-color:transparent
  }
  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span::before {
    transform:rotateZ(45deg) translate(8px,6px);
    width:35px
  }
  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span::after {
    transform:rotateZ(-45deg) translate(8px,-6px);
    width:35px
  }
}
.header-area.style-4 .menu-wrap .nav-right .search-bar {
  position:relative
}
.header-area.style-4 .menu-wrap .nav-right .search-bar svg {
  fill:var(--title-color);
  cursor:pointer
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input {
  position:absolute;
  top:47px;
  right:0;
  z-index:99;
  width:600px;
  background-color:var(--white-color);
  padding:50px 30px 30px;
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  display:none;
  transform:scaleY(0);
  transform-origin:top
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input.active {
  display:block;
  transform:scaleY(1);
  animation:fade-up .5s linear
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .serch-close {
  position:absolute;
  top:10px;
  right:15px;
  display:inline-block;
  border-radius:50%;
  background-color:var(--white-color);
  box-shadow:0 1px 12px 2px rgba(0,0,0,.1);
  height:28px;
  width:28px;
  cursor:pointer;
  z-index:1
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .serch-close::after {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  left:calc(50% - 7px);
  display:block;
  height:1px;
  width:12px;
  background-color:var(--gray-dark,#000);
  transition:all .3s ease-out
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .serch-close::before {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-135deg);
  left:calc(50% - 7px);
  display:block;
  height:1px;
  width:12px;
  background-color:var(--gray-dark,#000);
  transition:all .3s ease-out
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .serch-close:hover::after {
  transform:rotate(0)
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .serch-close:hover::before {
  transform:rotate(0)
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .search-group {
  display:flex;
  gap:50px;
  width:100%;
  border-bottom:1px solid #222
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 input {
  width:100%;
  background-color:transparent;
  border:none;
  font-size:14px;
  font-weight:500
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 button {
  background-color:transparent;
  font-size:22px;
  border:none;
  outline:none
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .search-group .form-inner2 button i {
  font-size:18px
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .quick-search {
  display:flex;
  gap:10px;
  padding-top:15px
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .quick-search ul {
  display:flex;
  align-items:center;
  flex-wrap:wrap
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li {
  padding-right:5px
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li:first-child {
  font-family:var(--font-montserrat);
  font-weight:700;
  font-size:13px;
  margin-bottom:0;
  color:var(--title-color);
  white-space:nowrap
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:13px;
  font-weight:500;
  line-height:1;
  transition:.35
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .search-input .quick-search ul li a:hover {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .lang-card {
  position:absolute;
  top:47px;
  left:50%;
  z-index:99;
  width:180px;
  background-color:var(--white-color);
  padding:15px 20px;
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  display:none;
  transform:scaleY(0) translateX(-50%);
  transform-origin:top
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .lang-card.active {
  display:block;
  transform:scaleY(1) translateX(-50%);
  animation:fade-up2 .5s linear
}
@keyframes fade-up2 {
  0% {
    opacity:0;
    transform:translateY(10px) translateX(-50%);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px) translateX(-50%);
    visibility:visible
  }
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .lang-card li a {
  font-family:var(--font-montserrat);
  color:var(--title-color);
  font-weight:600;
  text-transform:capitalize;
  font-size:12px;
  padding:5px 0;
  width:100%;
  display:flex;
  align-items:center;
  transition:.35s
}
.header-area.style-4 .menu-wrap .nav-right .search-bar .lang-card li a:hover {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu {
  display:inline-block
}
.header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo {
  display:none
}
.header-area.style-4 .menu-wrap .main-menu ul {
  list-style:none;
  margin:0;
  padding:0
}
.header-area.style-4 .menu-wrap .main-menu ul>li {
  display:inline-block;
  position:relative;
  padding:22px 8px
}
@media(max-width:1199px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li {
    padding:22px 0
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li:first-child {
  padding-left:0
}
.header-area.style-4 .menu-wrap .main-menu ul>li>a {
  color:var(--title-color);
  display:block;
  text-transform:capitalize;
  padding:4px 13px;
  position:relative;
  font-family:var(--font-montserrat);
  font-weight:500;
  font-size:14px;
  transition:all .5s ease-out 0s;
  position:relative;
  border:1px solid transparent;
  border-radius:15px;
  line-height:1
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li>a {
    padding:32px 9px
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li i {
  font-size:20px;
  text-align:center;
  color:var(--white-color);
  font-style:normal;
  position:absolute;
  right:-5px;
  top:35px;
  z-index:999;
  cursor:pointer;
  display:none;
  transition:all .5s ease-out 0s;
  opacity:0
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li i {
    opacity:1
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li i.active {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li i.active::before {
  content:"\f2ea"
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu {
  position:absolute;
  left:0;
  right:0;
  top:68px;
  margin:0;
  display:none;
  min-width:215px;
  background:var(--white-color);
  border:1px solid rgba(13,23,32,.0784313725);
  text-align:left
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li {
  padding:0;
  display:block;
  position:relative
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li i {
  position:absolute;
  top:10px;
  right:6px;
  display:block;
  color:var(--black-color2);
  font-size:20px
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon {
  color:var(--black-color2);
  opacity:1;
  top:13px;
  font-size:13px;
  right:15px
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon {
    right:0;
    color:var(--white-color);
    top:8px;
    font-size:20px
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2 {
  color:var(--black-color2);
  opacity:1;
  top:14px;
  right:10px;
  font-size:13px
}
@media(max-width:1199px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2::before {
    content:"\f4fe"
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a {
  display:block;
  padding:14px 20px;
  font-family:var(--font-montserrat);
  color:var(--title-color);
  font-weight:500;
  text-transform:capitalize;
  font-size:13px;
  line-height:1.4;
  transition:all .4s ease-out 0s;
  position:relative;
  border-radius:0;
  border:none;
  border-bottom:1px solid rgba(13,23,32,.0784313725)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a::before {
  content:"";
  position:absolute;
  bottom:-1px;
  left:0;
  background:linear-gradient(90deg,#fff,#2E448D,#fff);
  width:100%;
  height:1px;
  transform:scaleX(0);
  transform-origin:left;
  transition:.4s ease-in;
  z-index:1
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a {
    border-color:rgba(13,23,32,.0784313725)
  }
  .header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a::before {
    background:linear-gradient(90deg,#525252,#2E448D,#525252)
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a:hover::before {
  transform:scale(1)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a.active {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li>a.active::before {
  transform:scale(1)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li:last-child a {
  border-bottom:none
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li:last-child a::before {
  display:none
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover>a {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon2 {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li.active>a {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li.active .dropdown-icon {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li.active .dropdown-icon2 {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu {
  left:100%;
  position:absolute;
  max-width:230px;
  min-width:215px;
  background:var(--white-color);
  box-shadow:0 30px 80px rgba(8,0,42,.08);
  top:0
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu::before {
  display:none;
  visibility:hidden
}
@media only screen and (max-width:991px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu {
    margin-left:10px;
    position:unset;
    max-width:230px;
    min-width:215px;
    background:0 0;
    top:0
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .sub-menu>li i {
  display:block
}
.header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li:last-child {
  border-bottom:none
}
.header-area.style-4 .menu-wrap .main-menu ul>li:hover>a {
  border-color:var(--title-color)
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li:hover>a {
    border-color:transparent
  }
}
@media(min-width:992px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li:hover>ul.sub-menu {
    display:block;
    animation:fade-up .45s linear
  }
}
@keyframes fade-up {
  0% {
    opacity:0;
    transform:translateY(10px);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px);
    visibility:visible
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li.active>a {
  border-color:var(--title-color)
}
@media(max-width:991px) {
  .header-area.style-4 .menu-wrap .main-menu ul>li.active>a {
    border-color:transparent
  }
}
.header-area.style-4 .menu-wrap .main-menu ul>li.active .dropdown-icon2 {
  color:var(--primary-color)
}
.header-area.style-4 .menu-wrap .main-menu ul li.menu-item-has-children>i {
  display:block
}
@media only screen and (max-width:991px) {
  .header-area.style-4 .menu-wrap .mobile-logo-area {
    justify-content:center!important
  }
  .header-area.style-4 .menu-wrap .dropdown-icon {
    color:var(--white-color)
  }
  .header-area.style-4 .menu-wrap .main-menu {
    position:fixed;
    top:0;
    left:0;
    width:280px;
    padding:30px 20px!important;
    z-index:99999;
    height:100%;
    overflow:auto;
    background:var(--white-color);
    transform:translateX(-100%);
    transition:transform .3s ease-in;
    border-right:1px solid rgba(13,23,32,.0784313725)
  }
  .header-area.style-4 .menu-wrap .main-menu.show-menu {
    transform:translateX(0)
  }
  .header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo {
    text-align:left;
    padding-top:20px;
    display:block;
    padding-bottom:8px
  }
  .header-area.style-4 .menu-wrap .main-menu .menu-list {
    padding-top:50px;
    padding-bottom:30px
  }
  .header-area.style-4 .menu-wrap .main-menu>ul {
    float:none;
    text-align:left;
    padding:5px 0 20px 0
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li {
    display:block;
    position:relative;
    padding:5px
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li:first-child {
    padding-left:5px
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li i {
    display:block;
    color:var(--title-color)
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li a {
    padding:10px 0;
    display:block;
    font-size:1rem
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li ul.sub-menu {
    position:static;
    min-width:200px;
    background:0 0;
    border:none;
    opacity:1;
    visibility:visible;
    box-shadow:none;
    transform:none;
    transition:none;
    display:none;
    margin-top:0!important;
    transform:translateY(0px);
    margin-left:10px
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li ul.sub-menu>li {
    border-bottom:1px solid transparent
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li ul.sub-menu>li a {
    font-size:14px;
    padding:12px 0
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li ul.sub-menu>li a:hover {
    color:var(--primary-color);
    margin-left:10px
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li ul.sub-menu>li a.active {
    color:var(--primary-color)
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li ul.sub-menu>li i {
    color:var(--primary-color);
    right:-13px
  }
  .header-area.style-4 .menu-wrap .main-menu>ul li .bi {
    top:8px;
    font-size:20px;
    color:var(--title-color)
  }
  .header-area.style-4 .menu-wrap .main-menu .topbar-right {
    margin-bottom:40px
  }
  .header-area.style-4 .menu-wrap .main-menu .topbar-right li {
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:500;
    line-height:1;
    position:relative;
    margin-bottom:7px;
    padding:5px 0
  }
  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a {
    color:var(--title-color);
    display:flex;
    align-items:center;
    gap:6px;
    transition:.35s;
    padding:0!important
  }
  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a svg {
    fill:var(--title-color)
  }
  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover {
    color:var(--primary-color)
  }
  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover svg {
    fill:var(--primary-color)
  }
  .header-area.style-4 .menu-wrap .main-menu .primary-btn1 {
    justify-content:center;
    padding:18px 37px;
    width:100%
  }
}
.banner1-section {
  position:relative;
  z-index:1
}
.banner1-section .banner-vector {
  position:absolute;
  right:0;
  top:0;
  z-index:-1
}
.banner1-section .banner-top {
  padding:70px 16% 50px 10%
}
@media(min-width:1400px) and (max-width:1599px) {
  .banner1-section .banner-top {
    padding:70px 10% 70px 6%
  }
}
@media(max-width:1399px) {
  .banner1-section .banner-top {
    padding:70px 8% 50px 3%
  }
}
@media(max-width:1199px) {
  .banner1-section .banner-top {
    padding:70px 3% 50px
  }
}
@media(max-width:991px) {
  .banner1-section .banner-top {
    padding:70px 0% 50px
  }
}
.banner1-section .banner-top .banner-content {
  max-width:890px;
  width:100%
}
.banner1-section .banner-top .banner-content span {
  color:#0d1720;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:1;
  border:1px solid var(--title-color);
  padding:7px 20px;
  border-radius:16px;
  display:inline-block;
  margin-bottom:25px
}
.banner1-section .banner-top .banner-content h1 {
  color:#0d1720;
  font-family:var(--font-marcellus);
  font-size:75px;
  font-weight:400;
  margin-bottom:0
}
@media(max-width:1199px) {
  .banner1-section .banner-top .banner-content h1 {
    font-size:60px
  }
}
@media(max-width:991px) {
  .banner1-section .banner-top .banner-content h1 {
    font-size:55px
  }
}
@media(max-width:767px) {
  .banner1-section .banner-top .banner-content h1 {
    font-size:48px
  }
}
@media(max-width:576px) {
  .banner1-section .banner-top .banner-content h1 {
    font-size:40px
  }
}
.banner1-section .banner-top .banner-btn a {
  position:relative;
  line-height:1;
  transition:.5s;
  height:178px;
  width:178px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.banner1-section .banner-top .banner-btn a .bg {
  line-height:1;
  transition:.5s
}
.banner1-section .banner-top .banner-btn a .bg svg {
  fill:var(--white-color);
  stroke:var(--title-color);
  transition:.5s
}
.banner1-section .banner-top .banner-btn a .btn-content {
  transition:.5s;
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:20px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.banner1-section .banner-top .banner-btn a .btn-content svg {
  fill:var(--title-color);
  margin-bottom:15px;
  transition:.5s
}
.banner1-section .banner-top .banner-btn a:hover .bg svg {
  fill:var(--primary-color);
  stroke:var(--primary-color)
}
.banner1-section .banner-top .banner-btn a:hover .btn-content {
  color:var(--white-color)
}
.banner1-section .banner-top .banner-btn a:hover .btn-content svg {
  fill:var(--white-color)
}
@media(min-width:992px) {
  .banner1-section .banner-bottom .banner-img img {
    -o-object-fit:cover;
    object-fit:cover;
    min-height:350px
  }
}
.banner1-section .banner-bottom .banner-right-content {
  width:100%;
  margin-left:auto
}
@media(max-width:991px) {
  .banner1-section .banner-bottom .banner-right-content {
    margin-left:0;
    padding-left:0
  }
}
.banner1-section .banner-bottom .banner-right-content h5 {
  color:#0d1720;
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:28px;
  border-bottom:1px solid rgba(13,23,32,.0784313725);
  padding-bottom:20px
}
.banner1-section .banner-bottom .banner-right-content .btn-group {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:30px;
  padding-top:5px
}
.banner1-section .banner-bottom .banner-right-content .btn-group li {
  line-height:1
}
.banner1-section .banner-bottom .banner-right-content .btn-group li.success-rate {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid var(--title-color);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:30px
}
.banner1-section .banner-bottom .banner-right-content .btn-group li.success-rate span {
  position:relative
}
.banner1-section .banner-bottom .banner-right-content .btn-group li.success-rate span::after {
  content:"";
  height:1px;
  width:10px;
  background-color:rgba(13,23,32,.5019607843);
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
.banner1-section .banner-bottom .banner-right-content .btn-group li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid var(--title-color);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:24px;
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
.banner1-section .banner-bottom .banner-right-content .features {
  padding-top:55px
}
.banner1-section .banner-bottom .banner-right-content .features li {
  line-height:1;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:20px
}
.banner1-section .banner-bottom .banner-right-content .features li:last-child {
  margin-bottom:0
}
.cover-section .cover-wrapper {
  background-color:#f4f9fd;
  padding:100px 7%
}
@media(min-width:1400px) and (max-width:1599px) {
  .cover-section .cover-wrapper {
    padding:100px 3%
  }
}
.cover-section .cover-wrapper .slider-btn-group .slider-btn {
  position:absolute;
  left:-10px;
  top:50%;
  transform:translateY(-50%);
  z-index:2
}
.cover-section .cover-wrapper .slider-btn-group .slider-btn.next-1 {
  left:unset;
  right:-10px
}
.eg-card1 .card-img {
  margin-bottom:30px
}
@media(max-width:576px) {
  .eg-card1 .card-img img {
    width:100%
  }
}
.eg-card1 .card-content>a {
  border-radius:11px;
  border:1px solid rgba(13,23,32,.1019607843);
  background:#fff;
  display:inline-block;
  color:var(--paragraph-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  padding:1px 12px;
  margin-bottom:10px;
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
.eg-card1 .card-content>a span {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border-radius:36px;
  background-color:var(--primary-color);
  transition:all .6s;
  transform:translate(-50%,-50%);
  z-index:-1
}
.eg-card1 .card-content>a:hover {
  color:var(--white-color)
}
.eg-card1 .card-content>a:hover span {
  width:150%;
  height:1000.5px
}
.eg-card1 .card-content h5 {
  margin-bottom:0
}
.eg-card1 .card-content h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:400;
  transition:.35s
}
.eg-card1 .card-content h5 a:hover {
  color:var(--primary-color)
}
.about-section .award-area {
  background-color:#dae6f2;
  padding:40px;
  min-height:350px;
  height:100%;
  position:relative;
  display:flex;
  align-items:start;
  justify-content:space-between;
  flex-direction:column
}
@media(max-width:1399px) {
  .about-section .award-area {
    padding:25px
  }
}
.about-section .award-area ul {
  margin-bottom:40px
}
.about-section .award-area ul li {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  position:relative;
  padding-left:14px
}
@media(max-width:1399px) {
  .about-section .award-area ul li {
    font-size:22px
  }
}
.about-section .award-area ul li::after {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:50px;
  background-color:var(--primary-color)
}
.about-section .team-card {
  background-color:#efeae6;
  padding:40px;
  min-height:350px;
  height:100%;
  position:relative;
  display:flex;
  align-items:start;
  justify-content:space-between;
  flex-direction:column
}
.about-section .team-card::after {
  content:url(../img/home6/pata.png);
  position:absolute;
  right:0;
  bottom:0;
  max-width:100%
}
@media(max-width:1399px) {
  .about-section .team-card {
    padding:25px
  }
}
.about-section .team-card .content {
  margin-bottom:40px
}
.about-section .team-card .content h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
@media(max-width:1399px) {
  .about-section .team-card .content h4 {
    font-size:22px
  }
}
.about-section .team-card .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  line-height:22px
}
.about-section .team-card.two {
  background-color:#dae6f2
}
.about-section .team-card.two::after {
  content:""
}
.mt--20 {
  margin-top:-20px
}
.eg-progress-bar-single .eg-progress-bar-title h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  margin-bottom:18px
}
.eg-progress-bar-single .eg-progress-bar {
  height:2px;
  background-color:rgba(13,23,32,.1);
  border-radius:5px
}
.eg-progress-bar-single .eg-progress-bar .subscription-bar-per {
  height:2px;
  background-color:var(--title-color);
  border-radius:5px;
  width:0;
  transition:1s linear;
  position:relative
}
.eg-progress-bar-single .eg-progress-bar .subscription-bar-per:before {
  content:attr(data-per);
  position:absolute;
  padding:4px 5px;
  background-color:var(--white-color);
  color:var(--title-color);
  border:1px solid rgba(13,23,32,.1);
  font-size:14px;
  font-weight:600;
  font-family:var(--font-montserrat);
  line-height:1;
  border-radius:5px;
  top:-40px;
  right:0;
  height:22px;
  min-width:56px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:translateX(50%);
  z-index:1
}
@media(max-width:576px) {
  .eg-progress-bar-single .eg-progress-bar .subscription-bar-per:before {
    right:10px
  }
}
.eg-progress-bar-single .eg-progress-bar .subscription-bar-per:after {
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  background-color:var(--title-color);
  top:-25px;
  right:0;
  transform:translateX(50%) rotate(45deg);
  border-radius:2px
}
@media(max-width:576px) {
  .eg-progress-bar-single .eg-progress-bar .subscription-bar-per:after {
    right:10px
  }
}
.graph-chart {
  position:relative
}
.graph-chart h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.graph-chart h6 {
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-marcellus);
  margin-bottom:0;
  font-size:16px;
  font-weight:400;
  position:absolute;
  transform:translateX(-50%) rotate(-90deg);
  top:50%;
  left:12px
}
@media(max-width:576px) {
  .graph-chart h6 {
    display:none;
    visibility:hidden
  }
}
.graph-chart #consulting-chart {
  padding-left:30px
}
@media(max-width:576px) {
  .graph-chart #consulting-chart {
    padding-left:0
  }
}
.garph-content {
  width:100%
}
.graph-with-img .magnetic-wrap {
  height:100%
}
.graph-with-img .magnetic-wrap .grap-left-img {
  height:100%
}
.graph-with-img .magnetic-wrap .grap-left-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.eg-card-2 {
  padding:40px;
  border:1px solid #eee;
  display:flex;
  align-items:flex-start;
  gap:30px;
  transition:.35s
}
@media(max-width:1499px) {
  .eg-card-2 {
    padding:25px;
    gap:20px
  }
}
@media(max-width:576px) {
  .eg-card-2 {
    padding:20px;
    gap:15px
  }
}
.eg-card-2 .icon {
  display:flex;
  flex-direction:column;
  align-items:center;
  transition:.35s
}
.eg-card-2 .icon svg {
  fill:var(--paragraph-color);
  transition:.5s
}
.eg-card-2 .icon span {
  background-color:#160803;
  opacity:.1;
  width:1px;
  height:25px;
  margin:8px auto;
  display:inline-block
}
.eg-card-2 .icon .serial-number {
  line-height:1;
  color:#dfebf7;
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:400
}
.eg-card-2 .content h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:400;
  margin-bottom:10px
}
.eg-card-2 .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  line-height:25px;
  margin-bottom:0
}
.eg-card-2:hover {
  border-color:var(--primary-color)
}
.eg-card-2:hover .icon svg {
  fill:var(--primary-color);
  transform:rotate(360deg)
}
.eg-card-2.style-2 {
  flex-direction:column;
  padding:40px 25px;
  position:relative
}
@media(min-width:1400px) and (max-width:1599px) {
  .eg-card-2.style-2 {
    padding:40px 20px
  }
}
.eg-card-2.style-2 .sl-no {
  position:absolute;
  top:30px;
  right:25px;
  line-height:1
}
@media(max-width:1499px) {
  .eg-card-2.style-2 .sl-no {
    top:25px;
    right:25px
  }
}
@media(max-width:576px) {
  .eg-card-2.style-2 .sl-no {
    top:20px;
    right:20px
  }
}
.eg-card-2.style-2 .sl-no h3 {
  line-height:1;
  color:#dfebf7;
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  margin-bottom:0
}
@media(min-width:1400px) and (max-width:1599px) {
  .eg-card-2.style-2 .content h5 {
    font-size:20px
  }
}
@media(min-width:1400px) and (max-width:1599px) {
  .eg-card-2.style-2 .content p {
    font-size:13px
  }
}
.eg-card-2.style-3 {
  position:relative;
  padding:90px 45px;
  border-top:none;
  height:100%;
  display:flex;
  align-items:center
}
@media(max-width:1699px) {
  .eg-card-2.style-3 {
    padding:70px 25px
  }
}
@media(max-width:576px) {
  .eg-card-2.style-3 {
    padding:70px 20px
  }
}
.eg-card-2.style-3 .sl-no {
  position:absolute;
  top:5px;
  left:3px;
  line-height:1
}
@media(max-width:767px) {
  .eg-card-2.style-3 .sl-no {
    top:15px;
    left:15px
  }
}
.eg-card-2.style-3 .sl-no h3 {
  line-height:.7;
  color:#dfebf7;
  font-family:var(--font-marcellus);
  font-size:60px;
  font-weight:400;
  margin-bottom:0
}
@media(max-width:767px) {
  .eg-card-2.style-3 .sl-no h3 {
    font-size:45px
  }
}
.eg-card-2.style-3 .content h5 {
  font-size:24px
}
.eg-card-3 {
  background:#f4f9fd;
  border:1px solid #f4f9fd;
  border-bottom:none;
  transition:.35s
}
.eg-card-3 .content {
  padding:35px 25px;
  min-height:200px
}
@media(max-width:1399px) {
  .eg-card-3 .content {
    padding:25px 20px
  }
}
.eg-card-3 .content h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:400;
  margin-bottom:10px
}
@media(max-width:1399px) {
  .eg-card-3 .content h5 {
    font-size:20px
  }
}
.eg-card-3 .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  line-height:25px;
  margin-bottom:0
}
.eg-card-3 .sn-and-btn {
  display:flex;
  align-items:center;
  border:1px solid #eee;
  gap:15px;
  justify-content:space-between;
  padding-right:20px
}
.eg-card-3 .sn-and-btn .sl-no {
  line-height:1
}
.eg-card-3 .sn-and-btn .sl-no h5 {
  margin-bottom:0;
  line-height:1;
  width:55px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#dfebf7;
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:400
}
.eg-card-3 .sn-and-btn>svg {
  fill:var(--primary-color)
}
.eg-card-3:hover {
  background-color:var(--white-color);
  border-color:#eee
}
.single-scroll-container {
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  padding-top:100px;
  padding-bottom:100px
}
.single-scroll-container .horizontal-scrolling-content {
  max-width:750px;
  width:100%
}
.single-scroll-container .horizontal-scrolling-content p {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  margin-bottom:130px
}
.single-scroll-container .horizontal-scrolling-content .section-title1 {
  margin-bottom:10px
}
.single-scroll-container .horizontal-scrolling-content .section-title1 span {
  color:var(--white-color);
  border-color:var(--white-color)
}
.single-scroll-container .horizontal-scrolling-content .section-title1 h2 {
  color:var(--white-color);
  margin-bottom:0
}
.single-scroll-container .horizontal-scrolling-content.two {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:170px;
  height:100%
}
@media(max-width:767px) {
  .single-scroll-container .horizontal-scrolling-content.two {
    gap:100px
  }
}
@media(max-width:576px) {
  .single-scroll-container .horizontal-scrolling-content.two {
    gap:70px
  }
}
.single-scroll-container .horizontal-scrolling-content.two .name-degi {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding-top:15px
}
.single-scroll-container .horizontal-scrolling-content.two .name-degi h5 {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  margin-bottom:0
}
.single-scroll-container .horizontal-scrolling-content.two .name-degi span {
  color:#cacaca;
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500
}
.single-scroll-container .horizontal-scrolling-content.two .horizental-scrolling-bottom-content .consulting {
  display:flex;
  align-items:center;
  gap:20px;
  position:relative;
  padding-bottom:25px;
  margin-bottom:30px
}
.single-scroll-container .horizontal-scrolling-content.two .horizental-scrolling-bottom-content .consulting::after {
  content:"";
  height:1px;
  width:100%;
  background:linear-gradient(90deg,#D9D9D9 0%,rgba(217,217,217,0) 100%);
  position:absolute;
  left:0;
  bottom:0
}
.single-scroll-container .horizontal-scrolling-content.two .horizental-scrolling-bottom-content .consulting svg {
  fill:var(--white-color)
}
.single-scroll-container .horizontal-scrolling-content.two .horizental-scrolling-bottom-content .consulting p {
  margin-bottom:0;
  max-width:280px;
  width:100%;
  line-height:25px
}
.single-scroll-container .horizontal-scrolling-content.two .horizental-scrolling-bottom-content .features {
  display:flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap
}
@media(max-width:1399px) {
  .single-scroll-container .horizontal-scrolling-content.two .horizental-scrolling-bottom-content .features {
    gap:20px
  }
}
.single-scroll-container .horizontal-scrolling-content.two .horizental-scrolling-bottom-content .features li {
  line-height:1;
  color:var(--title-color);
  text-align:center;
  font-family:Montserrat;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  border-radius:16px;
  border:1px solid #fff;
  padding:5px 20px;
  background-color:var(--white-color)
}
@media(min-width:1400px) and (max-width:1599px) {
  .single-scroll-container.two {
    background-position:70%
  }
}
@media(max-width:1399px) {
  .single-scroll-container.two {
    background-position:70%
  }
}
@media(max-width:1199px) {
  .single-scroll-container.two {
    background-position:80%
  }
}
@media(max-width:576px) {
  .single-scroll-container.two {
    background-position:74%
  }
}
.single-scroll-container.three {
  width:100%;
  min-height:630px;
  position:relative
}
@media(max-width:767px) {
  .single-scroll-container.three {
    min-height:unset
  }
}
.single-scroll-container.three .horizontal-scrolling-content {
  width:100%;
  max-width:uns
}
.single-scroll-container.three .horizontal-scrolling-content .section-title1 {
  max-width:444px;
  width:100%;
  display:block;
  margin-bottom:50px
}
.single-scroll-container.three .horizontal-scrolling-content .section-title1 h6 {
  margin-bottom:7px;
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400
}
.single-scroll-container.three .horizontal-scrolling-content .section-title1 ul {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding-top:18px
}
.single-scroll-container.three .horizontal-scrolling-content .section-title1 ul li {
  line-height:1;
  padding-right:20px
}
.single-scroll-container.three .horizontal-scrolling-content .section-title1 ul li:last-child {
  padding-right:0
}
.single-scroll-container.three .horizontal-scrolling-content .section-title1 ul li a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  display:flex;
  align-items:baseline;
  gap:8px
}
.single-scroll-container.three .horizontal-scrolling-content .section-title1 ul li a svg {
  fill:var(--white-color)
}
.single-scroll-container.three .content-right {
  position:absolute;
  bottom:100px;
  right:90px;
  max-width:444px;
  width:100%;
  display:flex;
  align-items:start;
  gap:20px
}
@media(max-width:1399px) {
  .single-scroll-container.three .content-right {
    max-width:400px
  }
}
@media(max-width:767px) {
  .single-scroll-container.three .content-right {
    position:relative;
    right:unset;
    bottom:unset;
    padding-top:70px
  }
}
.single-scroll-container.three .content-right .icon svg {
  fill:var(--white-color)
}
.single-scroll-container.three .content-right .content {
  margin-top:-7px
}
.single-scroll-container.three .content-right .content p {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:30px;
  margin-bottom:0
}
.people-left-content {
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.people-left-content .section-title1 {
  margin-bottom:70px
}
.people-left-content .find-job-card {
  border:1px solid #eee;
  padding:40px;
  display:flex;
  align-items:center;
  gap:20px;
  position:relative
}
@media(max-width:1499px) {
  .people-left-content .find-job-card {
    padding:25px;
    gap:20px
  }
}
@media(max-width:576px) {
  .people-left-content .find-job-card {
    padding:20px;
    gap:15px
  }
}
.people-left-content .find-job-card span {
  position:absolute;
  left:0;
  top:0;
  width:42px;
  height:42px;
  background-color:var(--primary-color);
  -webkit-clip-path:polygon(0 100%,100% 0,0 0);
  clip-path:polygon(0 100%,100% 0,0 0)
}
.people-left-content .find-job-card span::after {
  content:"Hire";
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:600;
  position:absolute;
  left:1px;
  top:5px;
  transform:rotate(-45deg)
}
.people-left-content .find-job-card .icon svg {
  fill:var(--primary-color)
}
.people-left-content .find-job-card .content {
  line-height:1
}
.people-left-content .find-job-card .content h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:28px;
  margin-bottom:0
}
.people-left-content .find-job-card .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400
}
.people-left-content .find-job-card .content p a {
  color:var(--primary-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:28px;
  text-decoration-line:underline;
  padding-left:5px
}
.people-left-content .explore-btn-and-hire-btn {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:50px
}
@media(max-width:576px) {
  .people-left-content .explore-btn-and-hire-btn {
    gap:30px
  }
}
.people-left-content .explore-btn-and-hire-btn .hire-btn {
  line-height:1
}
.people-left-content .explore-btn-and-hire-btn .hire-btn a {
  position:relative;
  color:var(--primary-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:1
}
.people-left-content .explore-btn-and-hire-btn .hire-btn a span {
  color:#fff6f6;
  font-family:var(--font-montserrat);
  font-size:11px;
  font-weight:700;
  background-color:#ff6b4a;
  line-height:1;
  border-radius:4px;
  padding:2px 7px;
  position:absolute;
  top:-15px;
  right:-35px;
  display:inline-block
}
.people-left-content .explore-btn-and-hire-btn .hire-btn a span::after {
  content:"";
  width:9px;
  height:8px;
  background-color:#ff6b4a;
  position:absolute;
  bottom:-7px;
  left:10px;
  -webkit-clip-path:polygon(0 0,0% 100%,100% 0);
  clip-path:polygon(0 0,0% 100%,100% 0)
}
.people-card1 {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden
}
.people-card1 .people-flip-box-layer {
  width:100%;
  height:100%;
  transition:all .6s ease-in-out
}
.people-card1 .people-flip-box-layer.people-flip-box-front {
  position:relative
}
.people-card1 .people-flip-box-layer.people-flip-box-front .people-img img {
  min-height:249px;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
}
.people-card1 .people-flip-box-layer.people-flip-box-front .content {
  background-color:#f4f9fd;
  padding:20px
}
.people-card1 .people-flip-box-layer.people-flip-box-front .content h5 {
  margin-bottom:0;
  line-height:1
}
.people-card1 .people-flip-box-layer.people-flip-box-front .content h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  transition:.35s
}
.people-card1 .people-flip-box-layer.people-flip-box-front .content h5 a hover {
  color:var(--paragraph-color)
}
.people-card1 .people-flip-box-layer.people-flip-box-front .content span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.people-card1 .people-flip-box-layer.people-flip-box-back {
  background-color:#dfebf7;
  padding:25px 0 25px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:column;
  transform:translateX(100%) translateY(0);
  position:absolute;
  top:0
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-and-btn {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  position:relative;
  padding-bottom:15px;
  padding-right:20px
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-and-btn::after {
  content:"";
  background:linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 100%);
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-and-btn .explore-btn a {
  height:28px;
  width:28px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  background-color:var(--primary-color)
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-and-btn .explore-btn a svg {
  fill:var(--white-color)
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-icon {
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
  padding-right:20px
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-icon li a {
  height:24px;
  width:24px;
  background-color:var(--white-color);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-icon li a i {
  transition:.35s;
  color:var(--primary-color);
  font-size:14px
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-icon li a:hover {
  background-color:var(--primary-color)
}
.people-card1 .people-flip-box-layer.people-flip-box-back .social-icon li a:hover i {
  color:var(--white-color)
}
.people-card1 .people-flip-box-layer.people-flip-box-back p {
  margin-bottom:0;
  padding-right:20px;
  color:#566064;
  font-family:Montserrat;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:30px
}
.people-card1 .people-flip-box-layer.people-flip-box-back .phone-area {
  display:flex;
  align-items:center;
  gap:8px;
  width:100%
}
.people-card1 .people-flip-box-layer.people-flip-box-back .phone-area .icon {
  min-width:35px;
  height:35px;
  background-color:var(--primary-color);
  display:flex;
  align-items:center;
  justify-content:center
}
.people-card1 .people-flip-box-layer.people-flip-box-back .phone-area .icon svg {
  fill:var(--white-color)
}
.people-card1 .people-flip-box-layer.people-flip-box-back .phone-area .content {
  width:100%;
  line-height:1;
  border:1px solid #fff;
  background:#fff;
  width:100%;
  display:block
}
.people-card1 .people-flip-box-layer.people-flip-box-back .phone-area .content a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  display:block;
  line-height:1.2;
  transition:.35s;
  border-right:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:190px;
  padding:8px 10px;
  padding-right:0
}
@media(min-width:1400px) and (max-width:1599px) {
  .people-card1 .people-flip-box-layer.people-flip-box-back .phone-area .content a {
    width:175px
  }
}
.people-card1 .people-flip-box-layer.people-flip-box-back .phone-area .content a:hover {
  color:var(--primary-color)
}
.people-card1:hover .people-flip-box-front {
  transform:translateX(-100%) translateY(0)
}
.people-card1:hover .people-flip-box-back {
  transform:translateX(0) translateY(0)
}
.people-card3 .people-content {
  padding:25px 30px;
  border:1px solid #eee;
  border-top:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}
@media(max-width:1199px) {
  .people-card3 .people-content {
    padding:20px
  }
}
.people-card3 .people-content .name-degi {
  line-height:1
}
.people-card3 .people-content .name-degi h5 {
  margin-bottom:5px
}
.people-card3 .people-content .name-degi h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  transition:.35s
}
.people-card3 .people-content .name-degi h5 a:hover {
  color:var(--primary-color)
}
@media(max-width:1199px) {
  .people-card3 .people-content .name-degi h5 a {
    font-size:18px
  }
}
.people-card3 .people-content .name-degi span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.people-card3 .people-content .social-icon {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:80px;
  border:1px solid #eee;
  border-radius:20px;
  padding:7px
}
.people-card3 .people-content .social-icon li a {
  width:24px;
  height:24px;
  border-radius:50%;
  background-color:#dfebf7;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.people-card3 .people-content .social-icon li a i {
  font-size:15px;
  color:var(--primary-color);
  transition:.35s
}
.people-card3 .people-content .social-icon li a:hover {
  background-color:var(--primary-color)
}
.people-card3 .people-content .social-icon li a:hover i {
  color:var(--white-color)
}
.testimonial-img-with-logo {
  position:relative;
  height:100%
}
.testimonial-img-with-logo>img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:left;
  object-position:left
}
@media(max-width:991px) {
  .testimonial-img-with-logo>img {
    width:100%
  }
}
.testimonial-img-with-logo .logo {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.testimonial-img-with-logo.two {
  overflow:hidden
}
.testimonial-img-with-logo.two .logo {
  position:absolute;
  left:-50px;
  top:unset;
  transform:unset;
  bottom:0
}
.testimonial-img-with-logo.two .review-area {
  background:linear-gradient(283deg,#FFF 0%,rgba(255,255,255,0) 84.53%);
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  display:flex;
  align-items:end;
  justify-content:end;
  padding:50px 40px
}
@media(max-width:991px) {
  .testimonial-img-with-logo.two .review-area {
    padding:30px 20px
  }
}
.testimonial-img-with-logo.two .review-area .review-area .review-name span {
  color:var(--paragraph-color)
}
.testimonial-img-with-logo.two .review-area .review-area .review span {
  color:var(--paragraph-color)
}
.testimonial-wrap {
  background-color:#efeae6;
  padding:100px 120px
}
@media(max-width:1499px) {
  .testimonial-wrap {
    padding:100px 80px
  }
}
@media(max-width:1399px) {
  .testimonial-wrap {
    padding:80px 50px
  }
}
@media(max-width:576px) {
  .testimonial-wrap {
    padding:60px 20px
  }
}
.testimonial-wrap .swiper-slide-active .author-area {
  animation:fadeInUp 1.7s
}
.testimonial-wrap .swiper-slide-active p {
  animation:fadeInDown 1.7s
}
.testimonial-wrap .swiper-slide-active span {
  animation:fadeInDown 1.7s
}
.testimonial-wrap .testimonial-card>span {
  color:var(--primary-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  display:inline-block;
  margin-bottom:15px
}
.testimonial-wrap .testimonial-card p {
  color:var(--font-marcellus);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  line-height:1.3;
  margin-bottom:40px
}
@media(max-width:767px) {
  .testimonial-wrap .testimonial-card p {
    font-size:24px
  }
}
.testimonial-wrap .testimonial-card .author-area {
  display:flex;
  align-items:center;
  gap:18px
}
.testimonial-wrap .testimonial-card .author-area .author-img img {
  height:70px;
  width:70px;
  border-radius:50%
}
.testimonial-wrap .testimonial-card .author-area .content {
  line-height:1
}
.testimonial-wrap .testimonial-card .author-area .content h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:600;
  margin-bottom:7px
}
.testimonial-wrap .testimonial-card .author-area .content span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.testimonial-wrap .slider-btn-area {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  padding-top:55px;
  z-index:9
}
.testimonial-wrap .slider-btn-area .franctional-pagi1 {
  position:absolute;
  right:0;
  bottom:unset;
  left:unset;
  top:-54px;
  width:unset;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
@media(max-width:576px) {
  .testimonial-wrap .slider-btn-area .franctional-pagi1 {
    top:unset;
    position:relative;
    right:unset;
    display:flex
  }
}
.testimonial-wrap .slider-btn-area .franctional-pagi1 .swiper-pagination-current {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.testimonial-wrap .slider-btn-area .franctional-pagi1 .swiper-pagination-total {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:16px;
  font-weight:400
}
.testimonial-wrap .slider-btn-area .dash {
  width:100%;
  height:1px;
  background-color:rgba(13,23,32,.08)
}
.testimonial-wrap .review-area {
  line-height:1;
  display:flex;
  align-items:center;
  gap:20px;
  padding-top:35px
}
.testimonial-wrap .review-area .review-name {
  line-height:1
}
.testimonial-wrap .review-area .review-name span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600;
  display:block;
  margin-bottom:8px
}
.testimonial-wrap .review-area .review {
  line-height:1
}
.testimonial-wrap .review-area .review ul {
  display:flex;
  align-items:center;
  gap:6px;
  line-height:1;
  margin-bottom:8px
}
.testimonial-wrap .review-area .review ul li i {
  font-size:12px;
  color:#e62415
}
.testimonial-wrap .review-area .review span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500
}
.testimonial-wrap.two {
  position:relative;
  background-color:#f4f9fd
}
.testimonial-wrap.two .slider-btn-area {
  position:absolute;
  bottom:100px;
  right:118px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  max-width:305px;
  background-color:#fff;
  padding-top:0;
  z-index:9;
  padding:15px 30px
}
@media(max-width:1499px) {
  .testimonial-wrap.two .slider-btn-area {
    bottom:100px;
    right:80px
  }
}
@media(max-width:1399px) {
  .testimonial-wrap.two .slider-btn-area {
    bottom:80px;
    right:50px
  }
}
@media(max-width:767px) {
  .testimonial-wrap.two .slider-btn-area {
    display:none;
    visibility:hidden
  }
}
.testimonial-wrap.two .slider-btn-area .franctional-pagi1 {
  position:relative;
  right:unset;
  bottom:unset;
  left:unset;
  top:unset;
  width:unset;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
@media(max-width:576px) {
  .testimonial-wrap.two .slider-btn-area .franctional-pagi1 {
    top:unset;
    position:relative;
    right:unset;
    display:flex
  }
}
.testimonial-wrap.two .slider-btn-area .franctional-pagi1 .swiper-pagination-current {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.testimonial-wrap.two .slider-btn-area .franctional-pagi1 .swiper-pagination-total {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:16px;
  font-weight:400
}
.blog-card {
  display:flex;
  align-items:center
}
.blog-card .blog-img img {
  width:100%;
  min-height:310px;
  -o-object-fit:cover;
  object-fit:cover
}
.blog-card .blog-content {
  border:1px solid #eee;
  padding:30px;
  height:100%;
  display:inline-flex;
  align-items:self-start;
  justify-content:space-between;
  flex-direction:column
}
@media(max-width:1399px) {
  .blog-card .blog-content {
    padding:20px
  }
}
@media(max-width:767px) {
  .blog-card .blog-content {
    padding:25px 20px
  }
}
.blog-card .blog-content .tags {
  display:inline-flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
  background-color:#dfebf7;
  padding:14px 24px;
  margin-bottom:20px
}
@media(max-width:1399px) {
  .blog-card .blog-content .tags {
    gap:20px;
    padding:14px 20px
  }
}
.blog-card .blog-content .tags li {
  line-height:1
}
.blog-card .blog-content .tags li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:5px
}
.blog-card .blog-content .tags li a svg {
  fill:var(--primary-color)
}
.blog-card .blog-content .title-and-btn {
  line-height:1
}
.blog-card .blog-content .title-and-btn h4 {
  margin-bottom:25px
}
.blog-card .blog-content .title-and-btn h4 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  line-height:1.4;
  transition:.35s
}
@media(max-width:1399px) {
  .blog-card .blog-content .title-and-btn h4 a {
    font-size:22px
  }
}
.blog-card .blog-content .title-and-btn h4 a:hover {
  color:var(--primary-color)
}
.logo-section .logo-wrapper {
  border:1px solid #eee;
  display:flex;
  align-items:center
}
@media(max-width:767px) {
  .logo-section .logo-wrapper {
    flex-wrap:wrap
  }
}
.logo-section .logo-wrapper .logo-title {
  min-width:236px;
  max-width:236px;
  padding:60px;
  border-right:1px solid #eee
}
@media(max-width:767px) {
  .logo-section .logo-wrapper .logo-title {
    border-bottom:1px solid #eee;
    border-right:unset;
    min-width:100%;
    max-width:100%;
    padding:30px
  }
}
.logo-section .logo-wrapper .logo-title h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:600;
  line-height:24px;
  margin-bottom:0
}
.logo-section .logo-wrapper .logo-area {
  overflow:hidden;
  margin:60px
}
@media(max-width:767px) {
  .logo-section .logo-wrapper .logo-area {
    margin:30px
  }
}
.logo-section .logo-wrapper .logo-area .js-marquee-wrapper {
  display:flex;
  align-items:center;
  gap:110px
}
@media(max-width:1499px) {
  .logo-section .logo-wrapper .logo-area .js-marquee-wrapper {
    gap:70px
  }
}
.logo-section .logo-wrapper .logo-area .js-marquee-wrapper .js-marquee {
  display:flex;
  align-items:center;
  gap:110px;
  margin-right:0!important
}
@media(max-width:1499px) {
  .logo-section .logo-wrapper .logo-area .js-marquee-wrapper .js-marquee {
    gap:70px
  }
}
.industrial-section {
  background-image:linear-gradient(270deg,#0A141D 0%,rgba(10,20,29,0.6) 101.02%),url(../img/home1/industrial-bg.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  padding:100px 0
}
@media(max-width:991px) {
  .industrial-section {
    padding:80px 0
  }
}
.industrial-section .section-title1 h2 {
  color:var(--white-color);
  margin-bottom:25px;
  padding-top:0
}
.industrial-section .industeies-list {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:20px;
  max-width:450px;
  margin:0 auto
}
.industrial-section .industeies-list li {
  line-height:1
}
.industrial-section .industeies-list li:first-child {
  max-width:300px;
  width:100%;
  display:flex;
  justify-content:center
}
.industrial-section .industeies-list li:last-child {
  max-width:300px;
  width:100%;
  display:flex;
  justify-content:center
}
.industrial-section .industeies-list li a {
  color:#cacaca;
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.1);
  padding:7px 20px;
  line-height:1;
  display:inline-flex;
  transition:.35s
}
.industrial-section .industeies-list li a:hover {
  border-color:var(--white-color);
  background-color:var(--white-color);
  color:var(--title-color)
}
.contact-section {
  background-image:url(../img/home1/contact-bg.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:left;
  padding:100px 0
}
@media(max-width:991px) {
  .contact-section {
    padding:80px 0
  }
}
.contact-section .contact-content {
  max-width:600px;
  width:100%;
  min-height:450px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
@media(max-width:1199px) {
  .contact-section .contact-content {
    min-height:320px
  }
}
@media(max-width:1199px) {
  .contact-section .contact-content {
    min-height:unset
  }
}
.contact-section .contact-content .section-title2 {
  position:relative;
  padding-bottom:25px;
  margin-bottom:70px
}
@media(max-width:991px) {
  .contact-section .contact-content .section-title2 {
    margin-bottom:40px
  }
}
.contact-section .contact-content .section-title2::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:1px;
  width:100%;
  background-image:linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0) 76.88%)
}
.contact-section .contact-content .client-area {
  display:flex;
  align-items:center;
  gap:80px
}
@media(max-width:767px) {
  .contact-section .contact-content .client-area {
    gap:30px;
    flex-wrap:wrap
  }
}
.contact-section .contact-content .client-area .setisfaction-srea {
  line-height:1
}
.contact-section .contact-content .client-area .setisfaction-srea h3 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:35px;
  font-weight:500;
  margin-bottom:0
}
.contact-section .contact-content .client-area .setisfaction-srea span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.contact-section .banner-btn {
  width:210px
}
.contact-section .banner-btn a {
  position:relative;
  line-height:1;
  transition:.5s;
  height:178px;
  width:178px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.contact-section .banner-btn a .bg {
  line-height:1;
  transition:.5s
}
.contact-section .banner-btn a .bg svg {
  transition:.5s
}
.contact-section .banner-btn a .bg svg path {
  transition:.5s
}
.contact-section .banner-btn a .bg svg path:first-child {
  stroke:var(--primary-color);
  fill:none
}
.contact-section .banner-btn a .bg svg path:last-child {
  fill:var(--white-color)
}
.contact-section .banner-btn a .btn-content {
  transition:.5s;
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:20px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.contact-section .banner-btn a .btn-content svg {
  fill:var(--title-color);
  margin-bottom:15px;
  transition:.5s
}
.contact-section .banner-btn a:hover .bg svg path:first-child {
  stroke:var(--primary-color);
  fill:none
}
.contact-section .banner-btn a:hover .bg svg path:last-child {
  fill:var(--primary-color)
}
.contact-section .banner-btn a:hover .btn-content {
  color:var(--white-color)
}
.contact-section .banner-btn a:hover .btn-content svg {
  fill:var(--white-color)
}
.review-area {
  line-height:1;
  display:flex;
  align-items:center;
  gap:20px;
}
.review-area .review-name {
  line-height:1.5;
  border: 1px solid rgb(247, 247, 247);
  padding: 15px;
}
.review-area .review-name span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:600;
  display:block;
  margin-bottom:8px;
  white-space:nowrap
}
.review-area .review-name p {
  font-size:14px;
  font-weight:500;
}

.review-area .review {
  line-height:1
}
.review-area .review ul {
  display:flex;
  align-items:center;
  gap:6px;
  line-height:1;
  margin-bottom:8px
}
.review-area .review ul li i {
  font-size:12px;
  color:#e62415
}
.review-area .review span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  white-space:nowrap
}
.review-area.white .review-name span {
  color:var(--white-color)
}
.review-area.white .review span {
  color:var(--white-color)
}
footer {
  background-color:#0a141d;
  padding-top:80px;
}
footer .footer-widget .subscribed-area h2 {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:400;
  margin-bottom:30px
}
@media(max-width:1499px) {
  footer .footer-widget .subscribed-area h2 {
    font-size:30px
  }
}
footer .footer-widget .subscribed-area .form-inner {
  border:1px solid rgba(255,255,255,.1);
  background:#0d1720;
  display:flex;
  align-items:center;
  height:60px;
  padding:10px 25px;
  margin-bottom:20px
}
footer .footer-widget .subscribed-area .form-inner input {
  width:100%;
  color:#cacaca;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  background-color:transparent;
  border:none
}
footer .footer-widget .subscribed-area .form-inner button {
  border:none;
  height:36px;
  min-width:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:var(--primary-color)
}
footer .footer-widget .subscribed-area .form-inner button svg {
  fill:var(--white-color)
}
footer .footer-widget .subscribed-area .form-agreement {
  position:relative
}
footer .footer-widget .subscribed-area .form-agreement .form-group input[type=checkbox] {
  display:none;
  visibility:hidden
}
footer .footer-widget .subscribed-area .form-agreement .form-group label {
  color:#cacaca;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
footer .footer-widget .subscribed-area .form-agreement .form-group input[type=checkbox]+label:before {
  content:"";
  -webkit-appearance:none;
  background:#fff;
  border-radius:2px;
  height:14px;
  width:14px;
  display:inline-block;
  position:relative;
  vertical-align:middle;
  cursor:pointer;
  margin-right:10px
}
footer .footer-widget .subscribed-area .form-agreement .form-group input[type=checkbox]:checked+label:after {
  content:"";
  display:block;
  position:absolute;
  top:8px;
  left:5px;
  width:5px;
  height:8px;
  border:2px solid var(--title-color);
  border-width:0 2px 2px 0;
  transform:rotate(45deg)
}
footer .footer-widget .contact-area {
  display:flex;
  align-items:center;
  gap:80px;
  padding-top:58px;
}
@media(max-width:1699px) {
  footer .footer-widget .contact-area {
    gap:50px
  }
}
@media(max-width:1399px) {
  footer .footer-widget .contact-area {
    padding-top:80px;
    gap:30px;
    flex-wrap:wrap
  }
}
footer .footer-widget .contact-area .hotline-area {
  display:flex;
  align-items:center;
  gap:20px
}
footer .footer-widget .contact-area .hotline-area .icon {
  position:relative
}
footer .footer-widget .contact-area .hotline-area .icon::after {
  content:"";
  height:35px;
  width:1px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:-10px;
  background-color:rgba(255,255,255,.1)
}
footer .footer-widget .contact-area .hotline-area .icon svg {
  fill:#cacaca
}
footer .footer-widget .contact-area .hotline-area .content {
  line-height:1
}
footer .footer-widget .contact-area .hotline-area .content span {
  color:#f0f0f0;
  font-family:var(--font-marcellus);
  font-size:14px;
  font-weight:500;
  display:inline-block;
  margin-bottom:12px;
}
footer .footer-widget .contact-area .hotline-area .content h6 {
  margin-bottom:0
}
footer .footer-widget .contact-area .hotline-area .content h6 a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:600
}
footer .footer-widget .widget-title {
  margin-bottom:30px
}
footer .footer-widget .widget-title h3 {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  margin-bottom:0
}
footer .footer-widget .menu-container ul li {
  line-height:1;
  margin-bottom:22px
}
footer .footer-widget .menu-container ul li:last-child {
  margin-bottom:0
}
footer .footer-widget .menu-container ul li a {
  color:#cacaca;
  font-family:var(--font-marcellus);
  font-size:15px;
  font-weight:500;
  transition:.35s
}
footer .footer-widget .menu-container ul li a:hover {
  color:var(--white-color)
}
footer .footer-menu-wrap {
  border:1px solid rgba(255,255,255,.1);
  display:flex;
  align-items:center;
  justify-content:space-between
}
@media(max-width:991px) {
  footer .footer-menu-wrap {
    flex-wrap:wrap;
    justify-content:center;
    border:none
  }
}
footer .footer-menu-wrap .footer-logo {
  min-width:294px;
  max-width:294px;
  height:81px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:rgba(217,217,217,.08)
}
footer .footer-menu-wrap .footer-logo img {
  max-width:214px
}
@media(max-width:1399px) {
  footer .footer-menu-wrap .footer-logo {
    height:90px
  }
}
@media(max-width:991px) {
  footer .footer-menu-wrap .footer-logo {
    height:90px;
    width:100%
  }
}
footer .footer-menu-wrap .footer-menu {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:end;
  gap:10px;
  padding:15px 50px
}
@media(min-width:1400px) and (max-width:1599px) {
  footer .footer-menu-wrap .footer-menu {
    gap:20px;
    padding:20px 30px
  }
}
@media(max-width:1399px) {
  footer .footer-menu-wrap .footer-menu {
    gap:20px;
    padding:20px 30px
  }
}
@media(max-width:991px) {
  footer .footer-menu-wrap .footer-menu {
    padding:30px 20px;
    border:1px solid rgba(255,255,255,.1);
    justify-content:center
  }
}
footer .footer-menu-wrap .footer-menu li {
  line-height:1;
  padding-right:30px
}
@media(max-width:1499px) {
  footer .footer-menu-wrap .footer-menu li {
    padding-right:8px
  }
}
@media(max-width:1399px) {
  footer .footer-menu-wrap .footer-menu li {
    padding-right:0
  }
}
footer .footer-menu-wrap .footer-menu li:last-child {
  padding-right:0
}
footer .footer-menu-wrap .footer-menu li a {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:15px;
  font-weight:500;
  transition:.35s;
  display:flex;
  align-items:baseline;
  gap:6px
}
footer .footer-menu-wrap .footer-menu li a svg {
  fill:#cacaca;
  transition:.35s;
  opacity:0
}
footer .footer-menu-wrap .footer-menu li a:hover {
  color:#cacaca
}
footer .footer-menu-wrap .footer-menu li a:hover svg {
  opacity:1
}
footer .footer-btm {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  line-height:1;
  padding:24px 0;
  gap:20px
}
@media(max-width:576px) {
  footer .footer-btm {
    justify-content:center
  }
}
footer .footer-btm .copyright-area {
  line-height:1
}
footer .footer-btm .copyright-area p {
  color:#cacaca;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400
}
footer .footer-btm .copyright-area p a {
  color:var(--white-color);
  transition:.35s
}
footer .footer-btm .copyright-area p a:hover {
  color:var(--primary-color);
  font-weight:500
}
footer .footer-btm .social-area {
  display:flex;
  align-items:center;
  gap:10px
}
footer .footer-btm .social-area li a {
  display:flex;
  align-items:center;
  justify-content:center;
  height:26px;
  width:26px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  transition:.35s
}
footer .footer-btm .social-area li a i {
  transition:.35s;
  font-size:16px;
  color:var(--white-color)
}
footer .footer-btm .social-area li a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
footer .footer-btm .social-area li a:hover i {
  color:var(--white-color)
}
.banner2-section .banner2-slider {
  cursor:url(../img/home2/cursor-img.png),default;
  box-shadow: 0px 10px 25px rgb(0, 0, 1);
}
.banner2-section .banner-wrapper {
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  min-height:100vh;
  padding:534px 0 210px;
}
@media(min-width:1400px) and (max-width:1599px) {
  .banner2-section .banner-wrapper {
    padding:270px 0 150px
  }
}
@media(max-width:1399px) {
  .banner2-section .banner-wrapper {
    padding:270px 0 150px
  }
}
@media(max-width:991px) {
  .banner2-section .banner-wrapper {
    padding:220px 0 100px
  }
}
.banner2-section .banner-wrapper .banner-left-content span {
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  display:inline-block;
  border-radius:16px;
  border:1px solid var(--white-color);
  padding:7px 20px;
  white-space:nowrap;
  margin-bottom:25px
}
.banner2-section .banner-wrapper .banner-left-content h1,
.banner2-section .banner-wrapper .banner-left-content h2 {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:2.5vw;
  font-weight:400;
  margin-bottom:0;
  max-width:880px;
  margin-bottom:50px
}
@media(min-width:1400px) and (max-width:1599px) {
  .banner2-section .banner-wrapper .banner-left-content h1,
  .banner2-section .banner-wrapper .banner-left-content h2 {
    font-size:60px
  }
}
@media(max-width:1399px) {
  .banner2-section .banner-wrapper .banner-left-content h1,
  .banner2-section .banner-wrapper .banner-left-content h2 {
    font-size:50px
  }
}
@media(max-width:576px) {
  .banner2-section .banner-wrapper .banner-left-content h1,
  .banner2-section .banner-wrapper .banner-left-content h2 {
    font-size:40px
  }
}
.banner2-section .banner-wrapper .banner-right-content {
  width:100%;
  margin-left:auto
}
@media(max-width:991px) {
  .banner2-section .banner-wrapper .banner-right-content {
    margin-left:0;
    padding-left:0
  }
}
.banner2-section .banner-wrapper .banner-right-content h5 {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:28px;
  border-bottom:1px solid rgba(255,255,255,.1);
  padding-bottom:20px
}
.banner2-section .banner-wrapper .banner-right-content .btn-group {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:30px;
  padding-top:5px
}
.banner2-section .banner-wrapper .banner-right-content .btn-group li {
  line-height:1
}
.banner2-section .banner-wrapper .banner-right-content .btn-group li.success-rate {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid var(--white-color);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:30px
}
.banner2-section .banner-wrapper .banner-right-content .btn-group li.success-rate span {
  position:relative
}
.banner2-section .banner-wrapper .banner-right-content .btn-group li.success-rate span::after {
  content:"";
  height:1px;
  width:10px;
  background-color:#d9d9d9;
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
.banner2-section .banner-wrapper .banner-right-content .btn-group li a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid var(--white-color);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:24px
}
.header-topbar-area {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  z-index:999
}
@media(min-width:1400px) and (max-width:1599px) {
  .solution-section .right-shape {
    display:none;
    visibility:hidden
  }
}
@media(max-width:1399px) {
  .solution-section .right-shape {
    display:none;
    visibility:hidden
  }
}
.solution-section .right-shape img {
  max-width:unset
}
.solution-section .company-logo {
  position:absolute;
  left:0px;
  bottom:18px;
  line-height:1;
  z-index:-1;
}

.solution-section .company-logo img {
  width: 45rem;
}


@media(max-width:1399px) {
  .solution-section .company-logo {
    display:none;
    visibility:hidden
  }
}
.solution-section .company-logo.two {
  left:5%
}
.solution-section .company-logo h2 {
  font-family:var(--font-marcellus);
  font-size:198px;
  font-weight:400;
  background:linear-gradient(180deg,#D7D7D782 0%,#F2F2F200 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:0
}
.section-title1.white span {
  color:var(--white-color);
  border-color:var(--white-color)
}
.section-title1.white h2 {
  max-width:920px;
  color:var(--white-color)
}
.section-title1.white h2 span {
  color:#cacaca
}
.section-title1.w-890 h2 {
  max-width:890px
}
.about-section2 .about-top {
  background-color:#0d1720;
  padding:100px 0;
}
.about-section2 .about-top .review-and-feature {
  display:flex;
  align-items:center;
  gap:35px;
  justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:80px;
  padding-top:20px
}
@media(max-width:1199px) {
  .about-section2 .about-top .review-and-feature {
    flex-wrap:wrap
  }
}
.about-section2 .about-top .review-and-feature .features {
  display:flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap
}
@media(max-width:1399px) {
  .about-section2 .about-top .review-and-feature .features {
    gap:20px
  }
}
.about-section2 .about-top .review-and-feature .features li {
  line-height:1;
  color:#fff;
  text-align:center;
  font-family:Montserrat;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  border-radius:16px;
  border:1px solid #fff;
  padding:5px 20px
}
.about-section2 .about-top .about-img {
  position:relative;
  height:100%;
  width:100%
}
@media(max-width:991px) {
  .about-section2 .about-top .about-img {
    display:none;
    visibility:hidden
  }
}
.about-section2 .about-top .about-img img {
  position:absolute;
  right:0;
  bottom:-225px;
  max-width:unset;
  border-radius: 50px;
  box-shadow: 0px 10px 25px rgba(0, 0, 1, 0.64);
}
@media(max-width:1699px) {
  .about-section2 .about-top .about-img img {
    max-width:100%
  }
}
@media(max-width:1199px) {
  .about-section2 .about-top .about-img img {
    bottom:-260px
  }
}
.about-section2 .about-bottom .about-counter-area {
  border-bottom:1px solid #eee
}
.about-section2 .about-bottom .about-counter-area .counter-wrap {
  display:flex;
  align-items:center;
  justify-content:space-between
}
@media(max-width:767px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap {
    flex-wrap:wrap;
    justify-content:center
  }
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter {
  display:flex;
  gap:30px;
  width:33.33%;
  border-right:1px solid #eee;
  padding:75px 45px
}
@media(min-width:1400px) and (max-width:1599px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter {
    padding:75px 30px
  }
}
@media(max-width:1399px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter {
    padding:63px 20px
  }
}
@media(max-width:1199px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter {
    padding:30px 20px
  }
}
@media(max-width:767px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter {
    width:50%;
    border:none
  }
}
@media(max-width:576px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter {
    width:100%;
    border:none
  }
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter:first-child {
  padding-left:0
}
@media(max-width:576px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter:first-child {
    padding:30px 20px
  }
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter:last-child {
  padding-right:0;
  border:none
}
@media(max-width:576px) {
  .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter:last-child {
    padding:30px 20px
  }
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter .icon svg {
  fill:#566064
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter .content {
  margin-top:-5px
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter .content .number {
  display:flex;
  align-items:center;
  line-height:1;
  margin-bottom:13px
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter .content .number h2 {
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter .content .number>span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter .content p {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:15px;
  font-weight:600;
}
.testimonial-section2.two {
  background-color:#f4f9fd;
  padding:130px 0
}
@media(max-width:991px) {
  .testimonial-section2.two {
    padding:90px 0
  }
}
.testimonial-section2.three {
  background-image:url(../img/home4/testimoial-bg.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#f4f9fd;
  padding:100px 0;
  background-position:35%
}
@media(max-width:991px) {
  .testimonial-section2.three {
    background-image:unset
  }
}
.tastimonial-wrap2 {
  background-image:url(../img/home2/testimonial-bg.png);
  padding-left:11%;
  padding-top:50px;
  padding-bottom:50px;
  background-repeat:no-repeat;
  background-size:cover
}
@media(max-width:1399px) {
  .tastimonial-wrap2 {
    padding-left:3%
  }
}
@media(max-width:767px) {
  .tastimonial-wrap2 {
    padding-left:0%;
    background-image:none;
    padding-top:0;
    padding-bottom:0
  }
}
.tastimonial-wrap2 .swiper-slide-active .author-area {
  animation:fadeInUp 1.7s
}
.tastimonial-wrap2 .swiper-slide-active p {
  animation:fadeInDown 1.7s
}
.tastimonial-wrap2 .swiper-slide-active span {
  animation:fadeInDown 1.7s
}
.tastimonial-wrap2.two {
  background-image:unset;
  padding:0;
  padding-left:7%;
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%
}
@media(max-width:1399px) {
  .tastimonial-wrap2.two {
    padding-left:3%
  }
}
@media(max-width:767px) {
  .tastimonial-wrap2.two {
    padding-left:0%
  }
}
.tastimonial-wrap2.two .pagination-wrap {
  min-width:120px;
  height:210px;
  border:1px solid #eee;
  display:flex;
  justify-content:center;
  align-items:center
}
@media(max-width:1199px) {
  .tastimonial-wrap2.two .pagination-wrap {
    min-width:80px
  }
}
@media(max-width:991px) {
  .tastimonial-wrap2.two .pagination-wrap {
    display:none;
    visibility:hidden
  }
}
.tastimonial-wrap2.two .pagination-wrap .pagination-3 {
  position:relative;
  left:unset;
  width:unset;
  display:flex;
  flex-direction:column;
  gap:20px
}
.tastimonial-wrap2.two .pagination-wrap .pagination-3 .swiper-pagination-bullet {
  height:14px;
  width:14px;
  background-color:transparent;
  border:1px solid rgba(89,105,119,.6);
  opacity:1;
  position:relative
}
.tastimonial-wrap2.two .pagination-wrap .pagination-3 .swiper-pagination-bullet::after {
  content:"";
  height:7px;
  width:7px;
  border-radius:50%;
  background-color:rgba(89,105,119,.6);
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.tastimonial-wrap2.two .pagination-wrap .pagination-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color:var(--primary-color)
}
.tastimonial-wrap2.two .pagination-wrap .pagination-3 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color:var(--primary-color)
}
.tastimonial-wrap2.two::after {
  content:url(../img/home3/testimonial-shape.png);
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  z-index:-1;
  right:13%
}
@media(max-width:576px) {
  .tastimonial-wrap2.two::after {
    display:none;
    visibility:hidden
  }
}
.tastimonial-wrap2.two .testimonial-card .testimonial-img {
  position:relative;
  z-index:2;
  padding-left:30px;
  padding-top:30px;
  padding-bottom:25px
}
@media(max-width:576px) {
  .tastimonial-wrap2.two .testimonial-card .testimonial-img {
    padding:0
  }
}
.tastimonial-wrap2.two .testimonial-card .testimonial-img .sharp1 {
  width:125px;
  height:113px;
  background:#dfebf7;
  position:absolute;
  left:-35px;
  top:-35px;
  z-index:-1
}
@media(max-width:576px) {
  .tastimonial-wrap2.two .testimonial-card .testimonial-img .sharp1 {
    display:none;
    visibility:hidden
  }
}
.tastimonial-wrap2.two .testimonial-card .testimonial-img .sharp2 {
  width:98px;
  height:93px;
  background:#efeae6;
  position:absolute;
  left:-25px;
  bottom:-25px;
  z-index:-1
}
@media(max-width:576px) {
  .tastimonial-wrap2.two .testimonial-card .testimonial-img .sharp2 {
    display:none;
    visibility:hidden
  }
}
.tastimonial-wrap2.two .testimonial-card .testimonal-content {
  max-width:918px;
  width:100%
}
.tastimonial-wrap2.three {
  position:relative
}
.tastimonial-wrap2.three::before {
  content:"";
  width:63px;
  height:58px;
  background:#232f3a;
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
@media(max-width:1199px) {
  .tastimonial-wrap2.three::before {
    display:none;
    visibility:hidden
  }
}
.tastimonial-wrap2.three::after {
  display:none;
  visibility:hidden
}
.tastimonial-wrap2.three .pagination-wrap {
  min-width:20px;
  height:210px;
  border:none;
  display:flex;
  justify-content:center;
  align-items:center
}
@media(max-width:1199px) {
  .tastimonial-wrap2.three .pagination-wrap {
    min-width:20px
  }
}
@media(max-width:991px) {
  .tastimonial-wrap2.three .pagination-wrap {
    display:none;
    visibility:hidden
  }
}
.tastimonial-wrap2.three .pagination-wrap .pagination-3 {
  position:relative;
  left:unset;
  width:unset;
  display:flex;
  flex-direction:column;
  gap:20px
}
.tastimonial-wrap2.three .pagination-wrap .pagination-3 .swiper-pagination-bullet {
  height:14px;
  width:14px;
  background-color:transparent;
  border:1px solid rgba(89,105,119,.6);
  opacity:1;
  position:relative
}
.tastimonial-wrap2.three .pagination-wrap .pagination-3 .swiper-pagination-bullet::after {
  content:"";
  height:7px;
  width:7px;
  border-radius:50%;
  background-color:rgba(89,105,119,.6);
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.tastimonial-wrap2.three .pagination-wrap .pagination-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color:var(--primary-color)
}
.tastimonial-wrap2.three .pagination-wrap .pagination-3 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color:var(--primary-color)
}
.tastimonial-wrap2.three .testimonial-card .testimonial-img {
  padding-bottom:0
}
.tastimonial-wrap2.three .testimonial-card .testimonial-img .sharp1 {
  background:#465461
}
.tastimonial-wrap2.three .testimonial-card .testimonal-content {
  max-width:996px;
  width:100%
}
.tastimonial-wrap2 .testimonial-card {
  display:flex;
  align-items:center;
  gap:40px
}
@media(max-width:1399px) {
  .tastimonial-wrap2 .testimonial-card {
    gap:25px
  }
}
@media(max-width:767px) {
  .tastimonial-wrap2 .testimonial-card {
    gap:35px;
    flex-wrap:wrap
  }
}
.tastimonial-wrap2 .testimonial-card .testimonial-img img {
  max-width:unset
}
@media(max-width:991px) {
  .tastimonial-wrap2 .testimonial-card .testimonial-img img {
    max-width:280px
  }
}
.tastimonial-wrap2 .testimonial-card .testimonal-content>span {
  color:var(--primary-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  display:inline-block;
  margin-bottom:15px
}
.tastimonial-wrap2 .testimonial-card .testimonal-content p {
  color:var(--font-marcellus);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  line-height:1.3;
  margin-bottom:30px
}
@media(max-width:991px) {
  .tastimonial-wrap2 .testimonial-card .testimonal-content p {
    font-size:24px
  }
}
.tastimonial-wrap2 .testimonial-card .testimonal-content .author-area .content {
  line-height:1
}
.tastimonial-wrap2 .testimonial-card .testimonal-content .author-area .content h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:600;
  margin-bottom:7px
}
.tastimonial-wrap2 .testimonial-card .testimonal-content .author-area .content span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.tastimonial-wrap2 .slider-btn-area {
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:1103px;
  width:100%;
  margin-left:auto
}
.tastimonial-wrap2 .slider-btn-area .franctional-pagi2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
@media(max-width:576px) {
  .tastimonial-wrap2 .slider-btn-area .franctional-pagi2 {
    top:unset;
    position:relative;
    right:unset;
    display:flex
  }
}
.tastimonial-wrap2 .slider-btn-area .franctional-pagi2 .swiper-pagination-current {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.tastimonial-wrap2 .slider-btn-area .franctional-pagi2 .swiper-pagination-total {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:16px;
  font-weight:400
}
.cover-section2 {
  background-color:rgba(137, 147, 164, 0.23);
  padding:30px 0;
  position:relative;
  z-index:1;
  overflow:hidden;
  background: url(../img/sistem-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.cover-section2 .left-vec {
  position:absolute;
  left:0;
  bottom:0;
  z-index:-1;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../img/sistem-bg.jpg);
}
.cover-section2 .sevices-wrap .single-services {
  transition:.5s;
  border:1px solid rgba(13,23,32,.08);
  border-top:none;
  position:relative;
  display:grid;
  grid-template-columns:10% 25% 45% 20%
}
@media(max-width:1399px) {
  .cover-section2 .sevices-wrap .single-services {
    grid-template-columns:13% 30% 37% 20%
  }
}
@media(max-width:767px) {
  .cover-section2 .sevices-wrap .single-services {
    padding:20px;
    display:block
  }
}
.cover-section2 .sevices-wrap .single-services:first-child .icon {
  border-top:1px solid rgba(13,23,32,.08)
}
.cover-section2 .sevices-wrap .single-services .icon {
  padding:30px;
  border-right:1px solid rgba(13,23,32,.08);
  transition:.5s;
  display:flex;
  align-items:center;
  justify-content:center
}
@media(max-width:767px) {
  .cover-section2 .sevices-wrap .single-services .icon {
    padding:0;
    margin-bottom:15px
  }
}
.cover-section2 .sevices-wrap .single-services .icon svg {
  fill:var(--paragraph-color);
  transition:.5s
}
.cover-section2 .sevices-wrap .single-services h5 {
  padding:30px 15px 30px 30px;
  max-width:320px;
  width:100%;
  margin-bottom:0
}
@media(max-width:767px) {
  .cover-section2 .sevices-wrap .single-services h5 {
    margin-bottom:10px;
    padding:0
  }
}
.cover-section2 .sevices-wrap .single-services h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:500;
  margin-bottom:0;
  transition:.5s
}
.cover-section2 .sevices-wrap .single-services h5 a span {
  font-size:18px;
  margin-bottom:0;
  display:block
}
@media(max-width:767px) {
  .cover-section2 .sevices-wrap .single-services h5 a {
    font-size:20px
  }
  .cover-section2 .sevices-wrap .single-services h5 a span {
    font-size:16px
  }
}
.cover-section2 .sevices-wrap .single-services .services-img {
  width:350px;
  height:auto;
  position:absolute;
  top:-150px;
  left:0;
  opacity:0;
  z-index:3;
  transition:opacity .3s,transform .7s cubic-bezier(.23,1,.32,1);
  border:5px solid #fff;
  overflow:hidden;
  pointer-events:none
}
@media(max-width:767px) {
  .cover-section2 .sevices-wrap .single-services .services-img {
    display:none;
    visibility:hidden
  }
}
.cover-section2 .sevices-wrap .single-services p {
  padding:30px;
  max-width:100%;
  width:100%;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px
}
@media(max-width:767px) {
  .cover-section2 .sevices-wrap .single-services p {
    margin-bottom:10px;
    line-height:26px;
    padding:0
  }
}
.cover-section2 .sevices-wrap .single-services .explore-btn {
  padding:30px
}
@media(max-width:767px) {
  .cover-section2 .sevices-wrap .single-services .explore-btn {
    padding:0
  }
}
.cover-section2 .sevices-wrap .single-services:hover .icon svg {
  fill:var(--primary-color);
  animation:10s linear infinite rotate
}
@keyframes rotate {
  0% {
    transform:rotate(0)
  }
  100% {
    transform:rotate(360deg)
  }
}
.cover-section2 .sevices-wrap .single-services:hover h5 a {
  color:var(--primary-color)
}
.cover-section2 .sevices-wrap .single-services:hover .services-img {
  opacity:1
}
.event-and-confarance-section {
  display:flex;
  align-items:center;
  background-color:#0d1720;
  padding:30px 0;
  padding-left:87px
}
@media(max-width:1399px) {
  .event-and-confarance-section {
    padding-left:40px
  }
}
@media(max-width:767px) {
  .event-and-confarance-section {
    flex-wrap:wrap
  }
}
.event-and-confarance-section .title {
  display:flex;
  align-items:center;
  gap:15px;
  padding-right:60px
}
@media(max-width:1399px) {
  .event-and-confarance-section .title {
    padding-right:40px
  }
}
@media(max-width:767px) {
  .event-and-confarance-section .title {
    padding-right:0;
    padding-bottom:10px
  }
}
.event-and-confarance-section .title svg {
  fill:#596977
}
.event-and-confarance-section .title h3 {
  color:#596977;
  font-family:var(--font-montserrat);
  font-size:30px;
  font-weight:600;
  margin-bottom:0
}
.event-and-confarance-section .events {
  overflow:hidden
}
.event-and-confarance-section .events .js-marquee-wrapper {
  display:flex;
  align-items:center;
  gap:50px
}
@media(max-width:991px) {
  .event-and-confarance-section .events .js-marquee-wrapper {
    gap:25px
  }
}
.event-and-confarance-section .events .js-marquee-wrapper .js-marquee {
  display:flex;
  align-items:center;
  gap:50px;
  margin-right:0!important
}
@media(max-width:991px) {
  .event-and-confarance-section .events .js-marquee-wrapper .js-marquee {
    gap:25px
  }
}
.event-and-confarance-section .events .js-marquee-wrapper .js-marquee a {
  color:#fff;
  font-family:var(--font-montserrat);
  font-size:25px;
  font-weight:500;
  transition:.35s
}
.event-and-confarance-section .events .js-marquee-wrapper .js-marquee a:hover {
  color:#cacaca
}
.event-and-confarance-section .events .js-marquee-wrapper .js-marquee svg {
  fill:#596977
}
.project-card {
  position:relative
}
.project-card .project-img img {
  -o-object-fit:cover;
  object-fit:cover
}
.project-card .project-content {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:linear-gradient(0deg,rgba(13,23,32,0.6) 0%,rgba(13,23,32,0.15) 57.57%);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:50px;
  line-height:1;
  transition:.4s
}
@media(max-width:1499px) {
  .project-card .project-content {
    padding:30px
  }
}
@media(max-width:1199px) {
  .project-card .project-content {
    padding:30px 20px
  }
}
.project-card .project-content .category-title {
  transition:.4s;
  transform:translateY(50px)
}
.project-card .project-content .category {
  margin-bottom:20px
}
.project-card .project-content .category a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  border-radius:15px;
  border:1px solid #fff;
  line-height:1;
  padding:3px 12px
}
.project-card .project-content h4 {
  margin-bottom:30px
}
.project-card .project-content h4 a {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  transition:.35s
}
.project-card .project-content h4 a:hover {
  color:#cacaca
}
.project-card .project-content .explore-btn {
  color:var(--white-color);
  transform:scaleY(0);
  transition:.4s
}
.project-card .project-content .explore-btn svg {
  fill:var(--white-color)
}
.project-card:hover .project-content .category-title {
  transform:translateY(50px);
  transform:translateY(0)
}
.project-card:hover .project-content .explore-btn {
  transform:scaleY(1)
}
.project-slider {
  cursor:url(../img/home2/cursor-img.png),default
}
.project-card-wrap {
  display:flex;
  align-items:center
}
.project-card-wrap .project-card {
  transform:scaleX(.5)
}
.project-card-wrap .project-card.active {
  transform:scaleX(1)
}
.why-choose-section .choose-content .sulution-approach h3 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:600;
  margin-bottom:10px
}
.why-choose-section .choose-content .sulution-approach ul {
  max-width:600px;
  width:100%;
  -moz-columns:2;
  columns:2
}
@media(max-width:576px) {
  .why-choose-section .choose-content .sulution-approach ul {
    -moz-columns:1;
    columns:1
  }
}
.why-choose-section .choose-content .sulution-approach ul li {
  line-height:1;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:6px;
  padding-top:20px
}
.why-choose-section .choose-content .section-title1 h2 {
  max-width:unset
}
.video-wrapper {
  position:relative;
  z-index:1
}
.video-wrapper video {
  width:100%;
  min-height:500px;
  height:5vh;
  -o-object-fit:cover;
  object-fit:cover;
  box-shadow: 0px 15px 25px rgba(0, 0, 1, 0.61);
}
.video-wrapper .video-content-wrap {
  position:absolute;
  z-index:2;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.25);
  padding:60px 118px;
  display:inline-flex;
  align-items:flex-end
}
@media(max-width:767px) {
  .video-wrapper .video-content-wrap {
    padding:30px 25px
  }
}
@media(max-width:767px) {
  .video-wrapper .video-content-wrap {
    padding:30px 15px
  }
}
.video-wrapper .video-content-wrap .video-content {
  background-color:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.2);
  padding:25px 40px 30px;
  display:inline-flex;
  flex-direction:column;
  justify-content:end
}
@media(max-width:767px) {
  .video-wrapper .video-content-wrap .video-content {
    padding:20px 25px 25px
  }
}
.video-wrapper .video-content-wrap .video-content h4 {
  margin-bottom:14px
}
.video-wrapper .video-content-wrap .video-content h4 a {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.video-wrapper .video-content-wrap .video-content h4 a svg {
  fill:var(--white-color)
}
.video-wrapper .video-content-wrap .video-content ul {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap
}
@media(max-width:576px) {
  .video-wrapper .video-content-wrap .video-content ul {
    gap:10px
  }
}
.video-wrapper .video-content-wrap .video-content ul li {
  line-height:1;
  color:#cacaca;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  padding-left:18px;
  position:relative
}
.video-wrapper .video-content-wrap .video-content ul li::after {
  content:"";
  height:8px;
  width:8px;
  border-radius:50%;
  border:1px solid rgba(202,202,202,.5);
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.video-wrapper.two .video-content-wrap {
  position:absolute;
  z-index:2;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.25);
  padding:60px 118px;
  display:inline-flex;
  align-items:flex-end;
  justify-content:end
}
@media(max-width:767px) {
  .video-wrapper.two .video-content-wrap {
    padding:30px 25px
  }
}
@media(max-width:767px) {
  .video-wrapper.two .video-content-wrap {
    padding:30px 15px
  }
}
.video-wrapper.two .video-content-wrap .video-content {
  background-color:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.2);
  padding:25px 40px 30px;
  display:inline-flex;
  flex-direction:column;
  justify-content:end
}
@media(max-width:767px) {
  .video-wrapper.two .video-content-wrap .video-content {
    padding:20px 25px 25px
  }
}
.video-wrapper.two .video-content-wrap .video-content h4 {
  margin-bottom:14px
}
.video-wrapper.two .video-content-wrap .video-content h4 a {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.video-wrapper.two .video-content-wrap .video-content h4 a svg {
  fill:var(--white-color)
}
.video-wrapper.two .video-content-wrap .video-content ul {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap
}
@media(max-width:576px) {
  .video-wrapper.two .video-content-wrap .video-content ul {
    gap:10px
  }
}
.video-wrapper.two .video-content-wrap .video-content ul li {
  line-height:1;
  color:#cacaca;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  padding-left:18px;
  position:relative
}
.video-wrapper.two .video-content-wrap .video-content ul li::after {
  content:"";
  height:8px;
  width:8px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.44);
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.people-card2 .people-content .name-deg {
  border:1px solid #eee;
  padding:22px 30px
}
.people-card2 .people-content .name-deg h5 {
  margin-bottom:0
}
.people-card2 .people-content .name-deg h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400;
  line-height:28px
}
.people-card2 .people-content .name-deg span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.people-card2 .people-content .contact-area {
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.people-card2 .people-content .contact-area .contact-number {
  display:flex;
  align-items:center
}
.people-card2 .people-content .contact-area .contact-number .icon {
  width:50px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#e8f1fb;
  transition:.35s
}
.people-card2 .people-content .contact-area .contact-number .icon svg {
  fill:var(--primary-color);
  transition:.35s
}
.people-card2 .people-content .contact-area .contact-number .content {
  line-height:1;
  padding-left:15px;
  padding-right:15px
}
@media(max-width:1199px) {
  .people-card2 .people-content .contact-area .contact-number .content {
    padding-left:10px;
    padding-right:10px
  }
}
.people-card2 .people-content .contact-area .contact-number .content a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  transition:.35s
}
.people-card2 .people-content .contact-area .contact-number .content a:hover {
  color:var(--primary-color)
}
.people-card2 .people-content .contact-area .contact-number:hover .icon {
  background-color:var(--primary-color)
}
.people-card2 .people-content .contact-area .contact-number:hover .icon svg {
  fill:var(--white-color)
}
.people-card2 .people-content .contact-area .social-icon {
  display:flex;
  align-items:center
}
.people-card2 .people-content .contact-area .social-icon li {
  line-height:1;
  border-left:1px solid #eee
}
.people-card2 .people-content .contact-area .social-icon li a {
  height:45px;
  width:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.people-card2 .people-content .contact-area .social-icon li a i {
  color:var(--primary-color)
}
.people-card2 .people-content .contact-area .social-icon li a:hover {
  background-color:#e8f1fb
}
.people-card2.two .people-img {
  position:relative
}
.people-card2.two .people-img .social-icon {
  position:absolute;
  right:20px;
  bottom:20px;
  transform-origin:right;
  opacity:0;
  transform:scaleX(0);
  transition:.5s
}
.people-card2.two .people-img .social-icon li {
  line-height:1;
  margin-bottom:10px
}
.people-card2.two .people-img .social-icon li:last-child {
  margin-bottom:0
}
.people-card2.two .people-img .social-icon li a {
  width:24px;
  height:24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:var(--white-color);
  transition:.35s
}
.people-card2.two .people-img .social-icon li a i {
  transition:.35s;
  color:var(--primary-color)
}
.people-card2.two .people-img .social-icon li a:hover {
  background-color:var(--primary-color)
}
.people-card2.two .people-img .social-icon li a:hover i {
  color:var(--white-color)
}
.people-card2.two .people-content .name-deg {
  padding:22px 20px;
  border-bottom:none
}
.people-card2.two .people-content .contact-area {
  border-bottom:1px solid #eee;
  border-right:1px solid #eee
}
.people-card2.two .people-content .contact-area .contact-number {
  display:flex;
  align-items:center;
  width:100%;
  gap:15px
}
.people-card2.two .people-content .contact-area .contact-number .icon {
  min-width:50px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#e8f1fb;
  transition:.35s
}
.people-card2.two .people-content .contact-area .contact-number .icon svg {
  fill:var(--primary-color);
  transition:.35s
}
.people-card2.two .people-content .contact-area .contact-number .content {
  line-height:1;
  padding-left:15px;
  padding-right:15px;
  width:100%;
  height:45px;
  display:flex;
  border-left:1px solid #eee;
  border-top:1px solid #eee;
  align-items:center
}
@media(max-width:1199px) {
  .people-card2.two .people-content .contact-area .contact-number .content {
    padding-left:10px;
    padding-right:10px
  }
}
.people-card2.two .people-content .contact-area .contact-number .content a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  transition:.35s
}
.people-card2.two .people-content .contact-area .contact-number .content a:hover {
  color:var(--primary-color)
}
.people-card2.two .people-content .contact-area .contact-number:hover .icon {
  background-color:var(--primary-color)
}
.people-card2.two .people-content .contact-area .contact-number:hover .icon svg {
  fill:var(--white-color)
}
.people-card2.two:hover .people-img .social-icon {
  opacity:1;
  transform:scaleX(1)
}
.people-card2.white-bg .people-content {
  background-color:var(--white-color)
}
.people-section2.two {
  background-color:#f4f9fd;
  padding:100px 0
}
@media(max-width:991px) {
  .people-section2.two {
    padding:90px 0
  }
}
@media(max-width:767px) {
  .people-section2.two {
    padding:70px 0
  }
}
.client-section .client-logo-wrap {
  background:#f4f9fd;
  display:flex;
  padding:80px
}
@media(max-width:1199px) {
  .client-section .client-logo-wrap {
    padding:60px
  }
}
@media(max-width:767px) {
  .client-section .client-logo-wrap {
    padding:50px 30px
  }
}
.client-section .client-logo-wrap .marque-wrap {
  overflow:hidden;
  margin:0 60px
}
@media(max-width:1399px) {
  .client-section .client-logo-wrap .marque-wrap {
    margin:0 30px
  }
}
@media(max-width:767px) {
  .client-section .client-logo-wrap .marque-wrap {
    margin:0
  }
}
.client-section .client-logo-wrap .js-marquee-wrapper {
  display:flex;
  align-items:center;
  gap:110px
}
@media(max-width:991px) {
  .client-section .client-logo-wrap .js-marquee-wrapper {
    gap:25px
  }
}
.client-section .client-logo-wrap .js-marquee-wrapper .js-marquee {
  display:flex;
  align-items:center;
  gap:110px;
  margin-right:0!important
}
@media(max-width:991px) {
  .client-section .client-logo-wrap .js-marquee-wrapper .js-marquee {
    gap:25px
  }
}
.client-section .client-logo-wrap .js-marquee-wrapper .js-marquee a {
  color:#fff;
  font-family:var(--font-montserrat);
  font-size:25px;
  font-weight:500;
  transition:.35s
}
.client-section .client-logo-wrap .js-marquee-wrapper .js-marquee a:hover {
  color:var(--primary-color)
}
.client-section .client-logo-wrap .js-marquee-wrapper .js-marquee svg {
  fill:#596977
}
.blog-wrap:nth-child(even) .blog-img {
  width:100%
}
.blog-wrap:nth-child(even) .blog-img img {
  max-height:290px;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.blog-card2 .tags {
  display:inline-flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
  margin-bottom:20px
}
@media(max-width:1399px) {
  .blog-card2 .tags {
    gap:20px;
    padding:14px 20px
  }
}
@media(max-width:1199px) {
  .blog-card2 .tags {
    gap:20px;
    padding:14px 0;
    margin-bottom:5px
  }
}
.blog-card2 .tags li {
  line-height:1;
  position:relative
}
.blog-card2 .tags li::after {
  content:"";
  height:12px;
  width:2px;
  background-color:rgba(13,23,32,.1);
  position:absolute;
  left:-15px;
  top:50%;
  transform:translateY(-50%)
}
@media(max-width:1399px) {
  .blog-card2 .tags li::after {
    left:-12px
  }
}
.blog-card2 .tags li:first-child::after {
  display:none;
  visibility:hidden
}
.blog-card2 .tags li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:5px;
  transition:.35s
}
.blog-card2 .tags li a svg {
  fill:var(--primary-color)
}
.blog-card2 .tags li a:hover {
  color:var(--primary-color)
}
.blog-card2 .blog-img {
  margin-bottom:23px
}
.blog-card2 .blog-img img {
  width:100%
}
.blog-card2 .blog-content h4 {
  margin-bottom:25px
}
.blog-card2 .blog-content h4 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:19px;
  font-weight:500;
  line-height:1.4;
  transition:.35s
}
@media(max-width:1399px) {
  .blog-card2 .blog-content h4 a {
    font-size:22px
  }
}
.blog-card2 .blog-content h4 a:hover {
  color:var(--primary-color)
}
.blog-card2.two .blog-img {
  margin-bottom:0
}
.blog-card2.two .blog-content {
  margin-top:-21px
}
.blog-card2.two .blog-content .tags {
  display:inline-flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
  border:1px solid #eee;
  background:#fff;
  padding:14px 24px;
  margin-bottom:20px;
  z-index:9;
  position:relative
}
@media(max-width:1399px) {
  .blog-card2.two .blog-content .tags {
    gap:20px;
    padding:14px 20px
  }
}
.blog-card2.two .blog-content .tags li {
  line-height:1
}
.blog-card2.two .blog-content .tags li::after {
  display:none;
  visibility:hidden
}
.blog-card2.two .blog-content .tags li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:5px
}
.blog-card2.two .blog-content .tags li a svg {
  fill:var(--primary-color)
}
.blog-card2.three .blog-img {
  margin-bottom:0
}
.blog-card2.three .blog-content {
  border:1px solid #eee;
  padding:40px 30px;
  line-height:1
}
@media(max-width:1399px) {
  .blog-card2.three .blog-content {
    padding:30px 20px
  }
  .blog-card2.three .blog-content .tags {
    margin-bottom:15px
  }
}
.blog-card2.three .blog-content .tags {
  margin-bottom:20px;
  padding:0
}
.blog-section2 .divider {
  border-top:1px solid #eee;
  margin-bottom:30px
}
.contact-section2 {
  background:linear-gradient(90deg,#ADC5E4 0%,#E0E7EE 100%);
  padding:85px 0
}
.contact-section2 .contact-content {
  max-width:670px;
  width:100%
}
.contact-section2 .contact-content h2 {
  color:#0d1720;
  font-family:var(--font-marcellus);
  font-size:75px;
  font-weight:400;
  margin-bottom:0
}
@media(max-width:1199px) {
  .contact-section2 .contact-content h2 {
    font-size:60px
  }
}
@media(max-width:991px) {
  .contact-section2 .contact-content h2 {
    font-size:55px
  }
}
@media(max-width:767px) {
  .contact-section2 .contact-content h2 {
    font-size:48px
  }
}
@media(max-width:576px) {
  .contact-section2 .contact-content h2 {
    font-size:40px
  }
}
.contact-section2 .banner-btn {
  width:210px
}
.contact-section2 .banner-btn a {
  position:relative;
  line-height:1;
  transition:.5s;
  height:178px;
  width:178px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.contact-section2 .banner-btn a .bg {
  line-height:1;
  transition:.5s
}
.contact-section2 .banner-btn a .bg svg {
  transition:.5s
}
.contact-section2 .banner-btn a .bg svg path {
  transition:.5s
}
.contact-section2 .banner-btn a .bg svg path:first-child {
  stroke:var(--primary-color);
  fill:none
}
.contact-section2 .banner-btn a .bg svg path:last-child {
  fill:var(--white-color)
}
.contact-section2 .banner-btn a .btn-content {
  transition:.5s;
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:20px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.contact-section2 .banner-btn a .btn-content svg {
  fill:var(--title-color);
  margin-bottom:15px;
  transition:.5s
}
.contact-section2 .banner-btn a:hover .bg svg path:first-child {
  stroke:var(--primary-color);
  fill:none
}
.contact-section2 .banner-btn a:hover .bg svg path:last-child {
  fill:var(--primary-color)
}
.contact-section2 .banner-btn a:hover .btn-content {
  color:var(--white-color)
}
.contact-section2 .banner-btn a:hover .btn-content svg {
  fill:var(--white-color)
}
.banner3-section {
  position:relative
}
.banner3-section .banner3-slider {
  cursor:url(../img/home2/cursor-img.png),default
}
.banner3-section #home3-banner-bg {
  background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../img/home3/banner-img-01.png);
  height:100vh;
  min-height:600px;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center
}
@media(max-width:767px) {
  .banner3-section #home3-banner-bg {
    min-height:560px;
    height:unset
  }
}
@keyframes fadeIn {
  0% {
    opacity:0
  }
  100% {
    opacity:1
  }
}
.banner3-section .banner-wrapper {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
}
.banner3-section .banner3-slider {
  height:100%
}
.banner3-section .banner3-slider .swiper-wrapper .swiper-slide {
  height:100%
}
.eg-card3 {
  display:flex;
  height:100%;
  align-items:end;
  position:relative;
  padding:100px 45px
}
@media(max-width:1699px) {
  .eg-card3 {
    padding:100px 25px
  }
}
.eg-card3::after {
  content:"";
  height:100%;
  width:1px;
  position:absolute;
  right:0;
  top:0;
  opacity:.5;
  background:linear-gradient(0deg,#FFF 0%,rgba(255,255,255,0) 100%)
}
.eg-card3 .card-content .catgory-and-title {
  transform:translateY(55px);
  will-change:transform;
  transition:transform .5s ease
}
@media(max-width:1699px) {
  .eg-card3 .card-content .catgory-and-title {
    transform:translateY(100px)
  }
}
.eg-card3 .card-content .catgory-and-title>a {
  border-radius:16px;
  border:1px solid rgba(255,255,255,.5);
  background:0 0;
  display:inline-block;
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  padding:6px 28px;
  margin-bottom:10px
}
.eg-card3 .card-content .catgory-and-title h5 {
  margin-bottom:10px
}
.eg-card3 .card-content .catgory-and-title h5 a {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:500;
  transition:.35s
}
@media(max-width:1699px) {
  .eg-card3 .card-content .catgory-and-title h5 a {
    font-size:32px
  }
}
.eg-card3 .card-content .catgory-and-title h5 a:hover {
  color:#cacaca
}
.eg-card3 .card-content p {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  transform:translateY(100%);
  opacity:0;
  will-change:transform;
  transition:transform .5s ease,opacity .25s ease
}
.eg-card3.two {
  position:relative;
  padding:0;
  height:100%;
  transition:.5s
}
.eg-card3.two .card-img {
  height:100%
}
.eg-card3.two .card-img img {
  min-height:350px;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.eg-card3.two .card-content {
  background:linear-gradient(357deg,#000 1.72%,rgba(0,0,0,0) 49.89%);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:unset;
  padding:60px;
  display:flex;
  justify-content:end;
  flex-direction:column;
  transition:.5s
}
@media(max-width:767px) {
  .eg-card3.two .card-content {
    padding:30px 20px
  }
}
.eg-card3.two .card-content .view-btn {
  position:absolute;
  right:85px;
  top:85px;
  transition:.5s;
  opacity:0
}
.eg-card3.two .card-content .catgory-and-title {
  transform:unset
}
.eg-card3.two .card-content .catgory-and-title>a {
  color:#0d1720;
  font-size:14px;
  background-color:var(--white-color);
  padding:0 12px;
  margin-bottom:20px
}
.eg-card3.two .card-content .catgory-and-title h5 {
  margin-bottom:0
}
.eg-card3.two .card-content .catgory-and-title h5 a {
  font-size:24px
}
.eg-card3.two:hover .card-content .view-btn {
  right:35px;
  top:35px;
  opacity:1
}
.eg-card3.three {
  position:relative;
  padding:0;
  height:100%;
  transition:.5s
}
.eg-card3.three::after {
  display:none;
  visibility:hidden
}
.eg-card3.three .card-img {
  height:100%
}
.eg-card3.three .card-img img {
  min-height:350px;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
@media(max-width:767px) {
  .eg-card3.three .card-img img {
    width:100%
  }
}
.eg-card3.three .card-content {
  background:linear-gradient(357deg,#000 1.72%,rgba(0,0,0,0) 49.89%);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:unset;
  padding:50px 40px;
  display:flex;
  justify-content:end;
  flex-direction:column;
  transition:.5s
}
@media(min-width:992px) and (max-width:1199px) {
  .eg-card3.three .card-content {
    padding:40px 20px
  }
}
@media(max-width:991px) {
  .eg-card3.three .card-content {
    padding:40px 20px
  }
}
@media(max-width:767px) {
  .eg-card3.three .card-content {
    padding:30px 20px
  }
}
.eg-card3.three .card-content .view-btn {
  position:absolute;
  right:85px;
  top:85px;
  transition:.5s;
  opacity:0
}
.eg-card3.three .card-content .catgory-and-title {
  transform:unset
}
.eg-card3.three .card-content .catgory-and-title>a {
  border-radius:16px;
  border:1px solid rgba(255,255,255,.5);
  background:0 0;
  display:inline-block;
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  padding:2px 17px;
  margin-bottom:13px
}
.eg-card3.three .card-content .catgory-and-title h5 {
  margin-bottom:0
}
.eg-card3.three .card-content .catgory-and-title h5 a {
  font-size:24px
}
@media(max-width:576px) {
  .eg-card3.three .card-content .catgory-and-title h5 a {
    font-size:22px
  }
}
.eg-card3.three:hover .card-content .view-btn {
  right:35px;
  top:35px;
  opacity:1
}
.eg-card3.four {
  position:relative;
  padding:0;
  transition:.5s
}
.eg-card3.four::after {
  display:none;
  visibility:hidden
}
.eg-card3.four .card-content {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:unset;
  padding:50px 40px 20px 0;
  display:flex;
  justify-content:end;
  flex-direction:column;
  transition:.5s
}
@media(max-width:767px) {
  .eg-card3.four .card-content {
    padding:30px 20px
  }
}
.eg-card3.four .card-content .view-btn {
  position:absolute;
  right:85px;
  top:85px;
  transition:.5s;
  opacity:0
}
.eg-card3.four .card-content .catgory-and-title {
  transform:unset;
  background-color:var(--white-color);
  padding:25px 20px;
  transition:.5s;
  opacity:0;
  transform:scaleX(0);
  transform-origin:left
}
@media(min-width:992px) and (max-width:1199px) {
  .eg-card3.four .card-content .catgory-and-title {
    padding:20px 15px
  }
}
.eg-card3.four .card-content .catgory-and-title>a {
  border-radius:16px;
  border:1px solid var(--title-color);
  background:0 0;
  display:inline-block;
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  padding:2px 17px;
  margin-bottom:13px
}
.eg-card3.four .card-content .catgory-and-title h5 {
  margin-bottom:0
}
.eg-card3.four .card-content .catgory-and-title h5 a {
  font-size:24px;
  color:var(--primary-color);
  transition:.5s
}
@media(min-width:992px) and (max-width:1199px) {
  .eg-card3.four .card-content .catgory-and-title h5 a {
    font-size:22px
  }
}
@media(max-width:576px) {
  .eg-card3.four .card-content .catgory-and-title h5 a {
    font-size:22px
  }
}
.eg-card3.four .card-content .catgory-and-title h5 a:hover {
  color:var(--title-color)
}
.eg-card3.four:hover .card-content .view-btn {
  right:35px;
  top:35px;
  opacity:1
}
.eg-card3.four:hover .card-content .catgory-and-title {
  opacity:1;
  transform:scaleX(1)
}
.eg-card3:hover .card-content .catgory-and-title {
  transform:translateY(0)
}
.eg-card3:hover .card-content p {
  transform:translateY(0);
  opacity:1
}
.eg-card4 .card-img {
  margin-bottom:35px;
}
.eg-card4 .card-img img {
  min-height:280px;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius: 25px 0 25px 0;
}
.eg-card4 .card-content>a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  border:1px solid #0d1720;
  border-radius:15px;
  line-height:1;
  display:inline-flex;
  padding:4px 12px;
  margin-bottom:15px
}
.eg-card4 .card-content .title-and-btn {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:30px
}
@media(max-width:576px) {
  .eg-card4 .card-content .title-and-btn {
    flex-direction:column;
    align-items:start
  }
}
.eg-card4 .card-content .title-and-btn h4 {
  margin-bottom:0
}
.eg-card4 .card-content .title-and-btn h4 a {
  color:#0d1720;
  font-family:Marcellus;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  transition:.35s
}
@media(max-width:576px) {
  .eg-card4 .card-content .title-and-btn h4 a {
    font-size:22px
  }
}
.eg-card4 .card-content .title-and-btn h4 a:hover {
  color:var(--primary-color)
}
.eg-card4.last .card-content .title-and-btn {
  margin-bottom:0
}
.eg-card4.two {
  border:1px solid rgba(13,23,32,.05);
  padding:10px
}
.eg-card4.two .card-content {
  width:100%;
  height:100%;
  padding:30px 25px;
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative
}
@media(max-width:576px) {
  .eg-card4.two .card-content {
    padding:25px 10px 10px
  }
}
.eg-card4.two .card-content::before {
  content:url(../img/inner-pages/Vector/portfolio-single-content-bg.svg);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:-1
}
.eg-card4.two .card-content .title-and-btn {
  display:block
}
.eg-card4.two .card-content .title-and-btn>a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  border:1px solid #0d1720;
  border-radius:15px;
  line-height:1;
  display:inline-flex;
  padding:4px 12px;
  margin-bottom:15px
}
.eg-card4.two .card-content .card-btn .explore-btn {
  display:inline-flex
}
.case-study-card {
  position:relative;
  height:100%
}
.case-study-card .case-study-img {
  height:100%
}
.case-study-card .case-study-img img {
  -o-object-fit:cover;
  object-fit:cover;
  height:100%;
  min-height:370px
}
.case-study-card .case-study-content {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  background:linear-gradient(73deg,rgba(13,23,32,0.8) 0%,rgba(13,23,32,0.1) 60.4%);
  padding:60px;
  display:inline-flex;
  flex-direction:column;
  justify-content:end;
  opacity:0;
  transition:.35s
}
@media(max-width:991px) {
  .case-study-card .case-study-content {
    padding:40px 20px
  }
}
@media(max-width:576px) {
  .case-study-card .case-study-content {
    padding:30px 20px
  }
}
.case-study-card .case-study-content .catgory-and-title {
  max-width:560px;
  width:100%
}
.case-study-card .case-study-content .catgory-and-title>a {
  border-radius:16px;
  border:1px solid rgba(255,255,255,.5);
  background:0 0;
  display:inline-block;
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  padding:6px 28px;
  margin-bottom:15px;
  transition:.35s
}
.case-study-card .case-study-content .catgory-and-title>a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.case-study-card .case-study-content .catgory-and-title h3 {
  margin-bottom:15px
}
.case-study-card .case-study-content .catgory-and-title h3 a {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:500;
  transition:.35s
}
@media(max-width:991px) {
  .case-study-card .case-study-content .catgory-and-title h3 a {
    font-size:24px
  }
}
.case-study-card .case-study-content .catgory-and-title h3 a:hover {
  color:#cacaca
}
.case-study-card .case-study-content p {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  max-width:560px;
  width:100%;
  margin-bottom:0
}
.casestudy-slider {
  cursor:url(../img/home2/cursor-img.png),default
}
.casestudy-slider .slide-item {
  padding:0 12px
}
@media(max-width:767px) {
  .casestudy-slider .slide-item {
    padding:0 6px
  }
}
.casestudy-slider .slide-item.slick-active .case-study-card .case-study-content {
  opacity:1
}
.home3-about-section .about-content .section-title1 h2 {
  max-width:770px
}
.home3-about-section .about-content .btn-and-review {
  max-width:470px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:20px
}
.home3-about-section .counter-and-about-img {
  display:flex;
  align-items:center;
  gap:40px
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter {
  display:flex;
  gap:30px;
  padding:50px 0;
  min-width:230px
}
@media(max-width:1399px) {
  .home3-about-section .counter-and-about-img .counter-wrap .single-counter {
    padding:30px 0
  }
}
@media(max-width:1199px) {
  .home3-about-section .counter-and-about-img .counter-wrap .single-counter {
    padding:30px 0
  }
}
@media(max-width:991px) {
  .home3-about-section .counter-and-about-img .counter-wrap .single-counter {
    padding:20px 0
  }
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter:first-child {
  padding-top:0
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter:last-child {
  padding-bottom:0
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter .icon svg {
  fill:#566064
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter .content {
  margin-top:-5px
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter .content .number {
  display:flex;
  align-items:center;
  line-height:1;
  margin-bottom:10px
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter .content .number h2 {
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter .content .number>span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500
}
@media(max-width:1199px) {
  .home3-about-section .counter-and-about-img .about-img {
    display:none
  }
}
.gallery-section .gallery-slider {
  cursor:url(../img/home2/cursor-img.png),default
}
.gallery-section .gallery-wrap {
  transition:.35s;
  cursor:url(../img/home2/cursor-img.png),default
}
.gallery-section .gallery-wrap a {
  height:100%;
  display:inline-block;
  transition:.4s;
  position:relative
}
.gallery-section .gallery-wrap a::after {
  content:url(../img/home3/zoom.svg);
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  transform:scale(.4);
  opacity:0;
  transition:.4s
}
.gallery-section .gallery-wrap a img {
  transition:.35s;
  min-height:320px;
  -o-object-fit:cover;
  object-fit:cover;
  height:100%
}
.gallery-section .gallery-wrap a:hover::after {
  opacity:1;
  transform:scale(1)
}
.step-card1 {
  max-width:320px;
  width:100%
}
.step-card1 span {
  border-radius:14px;
  background:var(--primary-color);
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600;
  display:inline-block;
  line-height:1;
  padding:6px 17px;
  margin-bottom:20px
}
.step-card1 h3 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:28px;
  font-weight:400;
  margin-bottom:20px
}
@media(max-width:1399px) {
  .step-card1 h3 {
    font-size:26px
  }
}
.step-card1 p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  margin-bottom:0;
  line-height:30px
}
.step-card1 ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  padding-left:18px;
  position:relative;
  margin-bottom:10px
}
.step-card1 ul li:last-child {
  margin-bottom:0
}
.step-card1 ul li::after {
  content:"";
  height:8px;
  width:8px;
  border-radius:50%;
  border:1px solid var(--paragraph-color);
  position:absolute;
  left:0;
  top:48%;
  transform:translateY(-50%)
}
.home3-video-section {
  position:relative;
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center
}
.home3-video-section video {
  width:100%;
  height:790px;
  -o-object-fit:cover;
  object-fit:cover
}
.home3-video-section .video {
  width:100%;
  opacity:0;
  transform:translate(-50%,-50%) scale(0);
  position:absolute;
  left:50%;
  top:50%;
  transition:transform .5s ease,opacity .25s ease
}
.home3-video-section .logo-and-text-area {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}
.home3-video-section .logo-and-text-area .logo-text {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:200px;
  font-weight:400;
  line-height:0
}
.home3-video-section .logo-and-text-area .piramid {
  margin-bottom:30px;
  margin-top:-80px
}
.home3-video-section .logo-and-text-area .btn-group {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:30px;
  padding-top:5px
}
.home3-video-section .logo-and-text-area .btn-group li {
  line-height:1
}
.home3-video-section .logo-and-text-area .btn-group li.success-rate {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid #eee;
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:30px
}
.home3-video-section .logo-and-text-area .btn-group li.success-rate span {
  position:relative
}
.home3-video-section .logo-and-text-area .btn-group li.success-rate span::after {
  content:"";
  height:1px;
  width:10px;
  background-color:#d9d9d9;
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
.home3-video-section .logo-and-text-area .btn-group li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid #eee;
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:24px
}
.home3-video-section.aos-animate {
  transition:transform .5s ease,opacity .25s ease
}
.home3-video-section.aos-animate .video {
  opacity:1;
  transform:scale(1);
  z-index:9;
  top:unset;
  left:unset
}
.home3-video-section.aos-init {
  opacity:1;
  transition:transform .5s ease,opacity 5s ease
}
.inner-banner-section .inner-banner-wrapper {
  background-color:#dfebf7
}
.inner-banner-section .inner-banner-wrapper .banner-content {
  padding:70px 0 70px 90px
}
@media(max-width:1499px) {
  .inner-banner-section .inner-banner-wrapper .banner-content {
    padding:50px 0 50px 40px
  }
}
@media(max-width:767px) {
  .inner-banner-section .inner-banner-wrapper .banner-content {
    padding:50px 20px
  }
}
.inner-banner-section .inner-banner-wrapper .banner-content span {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400;
  display:inline-block;
  margin-bottom:23px
}
.inner-banner-section .inner-banner-wrapper .banner-content h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:400;
  margin-bottom:15px;
  max-width:740px;
  margin-top:-10px
}
@media(max-width:1199px) {
  .inner-banner-section .inner-banner-wrapper .banner-content h2 {
    font-size:30px
  }
}
.inner-banner-section .inner-banner-wrapper .banner-content ul {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:15px
}
.inner-banner-section .inner-banner-wrapper .banner-content ul li {
  line-height:1;
  margin-right:15px
}
.inner-banner-section .inner-banner-wrapper .banner-content ul li a {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  transition:.35s
}
.inner-banner-section .inner-banner-wrapper .banner-content ul li a svg {
  transition:.35s;
  fill:var(--paragraph-color)
}
.inner-banner-section .inner-banner-wrapper .banner-content ul li a:hover {
  color:var(--title-color)
}
.inner-banner-section .inner-banner-wrapper .banner-content ul li a:hover svg {
  fill:var(--title-color)
}
.inner-banner-section .inner-banner-wrapper .banner-right {
  height:100%
}
.inner-banner-section .inner-banner-wrapper .banner-right .banner-img {
  position:relative;
  height:100%
}
.inner-banner-section .inner-banner-wrapper .banner-right .banner-img img {
  height:100%
}
@media(max-width:991px) {
  .inner-banner-section .inner-banner-wrapper .banner-right .banner-img img {
    height:100%;
    width:100%;
    min-height:200px;
    -o-object-fit:cover;
    object-fit:cover
  }
}
.inner-banner-section .inner-banner-wrapper .banner-right .banner-img .primary-btn2 {
  position:absolute;
  right:90px;
  top:50%;
  transform:translateY(-50%)
}
@media(max-width:1499px) {
  .inner-banner-section .inner-banner-wrapper .banner-right .banner-img .primary-btn2 {
    right:40px
  }
}
.header-and-banner {
  width:100%
}
.header-and-banner .banner4-section {
  width:100%;
  min-height:100vh;
  height:100%
}
.header-and-banner .banner4-section .banner4-slider {
  cursor:url(../img/home2/cursor-img.png),default;
  height:100%
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  height:100%;
  display:flex;
  align-items:flex-end;
  padding:130px
}
@media(max-width:1499px) {
  .header-and-banner .banner4-section .banner4-slider .banner-wrapper {
    padding:100px 50px
  }
}
@media(max-width:767px) {
  .header-and-banner .banner4-section .banner4-slider .banner-wrapper {
    padding:150px 20px 100px
  }
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content {
  max-width:820px;
  width:100%
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content>a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:1;
  border:1px solid rgba(255,255,255,.5);
  padding:7px 20px;
  border-radius:16px;
  display:inline-block;
  margin-bottom:25px;
  transition:.35s
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content>a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content h1 {
  margin-bottom:5px
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content h1 a {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:75px;
  font-weight:400;
  transition:.35s
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content h1 a:hover {
  color:#cacaca
}
@media(max-width:1199px) {
  .header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content h1 a {
    font-size:60px
  }
}
@media(max-width:991px) {
  .header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content h1 a {
    font-size:55px
  }
}
@media(max-width:767px) {
  .header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content h1 a {
    font-size:48px
  }
}
@media(max-width:576px) {
  .header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content h1 a {
    font-size:40px
  }
}
.header-and-banner .banner4-section .banner4-slider .banner-wrapper .banner-content p {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:400;
  line-height:32px;
  margin-bottom:0
}
.home4-about-section {
  padding:100px 0;
  background-color:#f4f9fd
}
.home4-about-section .company-information {
  background-color:var(--white-color);
  height:100%;
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  overflow:hidden
}
.home4-about-section .company-information .information-content {
  padding:30px 25px 130px
}
.home4-about-section .company-information .information-content h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.home4-about-section .company-information .information-content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:25px;
  margin-bottom:20px
}
.home4-about-section .company-information .information-content .btn-group {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
  padding-top:5px;
  border-top:1px solid #eee;
  padding-top:18px
}
.home4-about-section .company-information .information-content .btn-group li {
  line-height:1;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  line-height:1;
  border:1px solid #eee;
  border-radius:16px;
  padding:6px 15px;
  display:flex;
  align-items:center;
  gap:2px
}
.home4-about-section .company-information .information-content .btn-group li span {
  color:var(--primary-color);
  font-weight:600
}
.home4-about-section .company-information .information-content .btn-group li.success-rate {
  gap:30px
}
.home4-about-section .company-information .information-content .btn-group li.success-rate span {
  position:relative;
  color:var(--primary-color)
}
.home4-about-section .company-information .information-content .btn-group li.success-rate span::after {
  content:"";
  height:1px;
  width:10px;
  background-color:#566064;
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
.home4-about-section .company-information .establish-year {
  line-height:1
}
.home4-about-section .company-information .establish-year h2 {
  font-family:var(--font-montserrat);
  font-size:120px;
  font-weight:700;
  color:#dfebf7;
  line-height:17px;
  margin-bottom:0
}
@media(max-width:1699px) {
  .home4-about-section .company-information .establish-year h2 {
    font-size:95px
  }
}
.home4-about-section .company-information .establish-year h2 span {
  font-size:30px;
  padding-left:15px
}
.home4-about-section .about-img {
  height:100%
}
.home4-about-section .about-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.services-wrap {
  display:flex
}
.services-wrap .selvices-tab {
  border:1px solid #eee;
  padding:45px 30px;
  width:100%
}
.services-wrap .selvices-tab h5 {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  margin-bottom:40px;
  border-bottom:1px solid #eee;
  padding-bottom:15px
}
.services-wrap .selvices-tab .nav-tabs {
  border-bottom:none
}
.services-wrap .selvices-tab .nav-tabs .nav-item {
  width:100%
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link {
  width:100%;
  text-align:start;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  border-radius:0;
  font-weight:500;
  overflow:hidden;
  transition:.5s;
  border:none;
  position:relative
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link svg {
  fill:var(--title-color);
  opacity:0;
  transition:.5s
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link::after {
  content:"";
  position:absolute;
  z-index:-1;
  background:var(--title-color);
  height:100%;
  width:100%;
  top:0;
  right:0;
  transform-origin:right;
  transform:scalex(0);
  transition:transform .7s
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link:hover {
  border:none;
  border-radius:0;
  transition:.35s;
  color:var(--white-color);
  padding:10px 20px
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link:hover svg {
  opacity:1;
  fill:var(--white-color)
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link:hover::after {
  transform:scalex(1);
  transform-origin:left
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link.active {
  border:none;
  background-color:var(--title-color);
  border-radius:0;
  color:var(--white-color);
  padding:10px 20px
}
.services-wrap .selvices-tab .nav-tabs .nav-item .nav-link.active svg {
  opacity:1;
  fill:var(--white-color)
}
.services-wrap .selvices-centent {
  height:100%
}
.services-wrap .selvices-centent .tab-content {
  height:100%
}
.services-wrap .selvices-centent .tab-content .tab-pane {
  height:100%
}
.services-wrap .selvices-centent .tab-content .tab-pane.active {
  transform-origin:left
}
@keyframes fade-up5 {
  0% {
    opacity:0;
    transform:translateY(10px) scaleX(.4);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:translateY(0px) scaleX(1);
    visibility:visible
  }
}
.services-wrap.two .selvices-tab {
  background-color:#14202b;
  border:unset
}
.services-wrap.two .selvices-tab h5 {
  color:var(--white-color)
}
.services-wrap.two .selvices-tab .nav-tabs .nav-item .nav-link {
  color:var(--white-color)
}
.services-tab-section.two {
  background-color:#0a141d;
  padding:100px 0
}
@media(max-width:991px) {
  .services-tab-section.two {
    padding:90px 0
  }
}
@media(max-width:767px) {
  .services-tab-section.two {
    padding:70px 0
  }
}
.map-wrap {
  background-image:url(../img/home4/country-bg.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  padding:70px
}
@media(max-width:1199px) {
  .map-wrap {
    background-image:unset;
    padding:0
  }
}
.map-wrap .country-area {
  position:relative;
  height:100%
}
@media(max-width:1199px) {
  .map-wrap .country-area {
    display:none;
    visibility:hidden
  }
}
.map-wrap .country-area>ul {
  height:100px
}
.map-wrap .country-area>ul>li {
  display:inline-flex;
  position:absolute
}
.map-wrap .country-area>ul>li:nth-child(1) {
  right:35%;
  bottom:45%
}
.map-wrap .country-area>ul>li:nth-child(2) {
  right:25%;
  bottom:15%
}
@media(max-width:1199px) {
  .map-wrap .country-area>ul>li:nth-child(2) {
    right:20%
  }
}
.map-wrap .country-area>ul>li:nth-child(3) {
  right:60%;
  bottom:20%
}
@media(max-width:1199px) {
  .map-wrap .country-area>ul>li:nth-child(3) {
    right:70%
  }
}
.map-wrap .country-area>ul>li:nth-child(4) {
  right:52%;
  top:3%
}
@media(max-width:1199px) {
  .map-wrap .country-area>ul>li:nth-child(4) {
    right:55%
  }
}
.map-wrap .country-area>ul>li:nth-child(5) {
  left:20%;
  top:20%
}
@media(max-width:1199px) {
  .map-wrap .country-area>ul>li:nth-child(5) {
    left:12%
  }
}
.map-wrap .country-area>ul>li .dot-main {
  position:relative;
  display:inline-block;
  cursor:pointer
}
.map-wrap .country-area>ul>li .dot-main .waves {
  position:absolute;
  width:35px;
  height:35px;
  background:#2e448d;
  filter:blur(2px);
  opacity:0;
  border-radius:100%;
  right:-16px;
  bottom:-8px;
  z-index:1;
  animation:waves 3s ease-in-out infinite
}
.map-wrap .country-area>ul>li .dot-main .waves.wave-1 {
  animation-delay:0s
}
.map-wrap .country-area>ul>li .dot-main .waves.wave-2 {
  animation-delay:1s
}
.map-wrap .country-area>ul>li .dot-main .waves.wave-3 {
  animation-delay:2s;
  background:var(--primary-color)
}
@keyframes waves {
  0% {
    transform:scale(.2,.2);
    opacity:0;
    -ms-filter:"alpha(opacity=0)"
  }
  50% {
    opacity:.9;
    -ms-filter:"alpha(opacity=90)"
  }
  100% {
    transform:scale(.9,.9);
    opacity:0;
    -ms-filter:"alpha(opacity=0)"
  }
}
.map-wrap .country-area>ul>li .location-card {
  max-width:275px;
  min-width:275px;
  background-color:var(--white-color);
  border:1px solid #eee;
  padding:20px;
  border-radius:10px;
  position:absolute;
  left:50%;
  bottom:50px;
  transform:translateX(-50%) scale(0);
  transition:.5s;
  z-index:2
}
.map-wrap .country-area>ul>li .location-card::after {
  content:"";
  height:18px;
  width:18px;
  border:1px solid #eee;
  border-top:unset;
  border-left:unset;
  background-color:var(--white-color);
  display:block;
  position:absolute;
  left:50%;
  bottom:-10px;
  transform:translateX(-50%) rotate(45deg)
}
.map-wrap .country-area>ul>li .location-card .country-name-and-year {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:25px
}
.map-wrap .country-area>ul>li .location-card .country-name-and-year .country-name {
  display:flex;
  align-items:center;
  gap:10px
}
.map-wrap .country-area>ul>li .location-card .country-name-and-year .country-name span {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  background-color:var(--primary-color);
  display:inline-block;
  padding:4px 10px;
  line-height:1;
  border-radius:5px
}
.map-wrap .country-area>ul>li .location-card .country-name-and-year .country-name img {
  border-radius:5px
}
.map-wrap .country-area>ul>li .location-card .country-name-and-year .year span {
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  border-radius:5px;
  border:1px solid rgba(46,68,141,.1);
  background:#f3f4f5;
  display:inline-block;
  padding:4px 10px;
  line-height:1
}
.map-wrap .country-area>ul>li .location-card .country-stutas {
  border-radius:10px;
  background:#f3f4f5;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px
}
.map-wrap .country-area>ul>li .location-card .country-stutas ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  line-height:1;
  border-radius:12.5px;
  background:var(--white-color);
  padding:5px 12px;
  margin-bottom:10px
}
.map-wrap .country-area>ul>li .location-card .country-stutas ul li:last-child {
  margin-bottom:0
}
.map-wrap .country-area>ul>li .location-card .country-stutas ul li span {
  font-weight:600;
  color:var(--primary-color)
}
.map-wrap .country-area>ul>li.active .location-card {
  transform:translateX(-50%) scale(1)
}
.map-wrap .counter-wrap {
  border:1px solid #eee;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  padding:80px 40px
}
@media(max-width:1199px) {
  .map-wrap .counter-wrap {
    flex-direction:row;
    width:100%;
    justify-content:space-between;
    padding:60px 20px
  }
}
@media(max-width:767px) {
  .map-wrap .counter-wrap {
    flex-direction:column;
    width:unset;
    justify-content:start;
    align-items:start;
    padding:60px 20px
  }
}
@media(max-width:576px) {
  .map-wrap .counter-wrap {
    display:flex
  }
}
.map-wrap .counter-wrap .single-counter {
  display:flex;
  gap:30px;
  padding:50px 0;
  min-width:230px
}
@media(max-width:1399px) {
  .map-wrap .counter-wrap .single-counter {
    padding:30px 0
  }
}
@media(max-width:1199px) {
  .map-wrap .counter-wrap .single-counter {
    padding:30px 0
  }
}
@media(max-width:991px) {
  .map-wrap .counter-wrap .single-counter {
    padding:20px 0
  }
}
.map-wrap .counter-wrap .single-counter:first-child {
  padding-top:0
}
@media(max-width:1199px) {
  .map-wrap .counter-wrap .single-counter:first-child {
    padding:0
  }
}
@media(max-width:767px) {
  .map-wrap .counter-wrap .single-counter:first-child {
    padding:30px 0;
    padding-top:0
  }
}
.map-wrap .counter-wrap .single-counter:last-child {
  padding-bottom:0
}
@media(max-width:1199px) {
  .map-wrap .counter-wrap .single-counter:last-child {
    padding:0
  }
}
@media(max-width:767px) {
  .map-wrap .counter-wrap .single-counter:last-child {
    padding:30px 0;
    padding-bottom:0
  }
}
.map-wrap .counter-wrap .single-counter .icon svg {
  fill:#566064
}
.map-wrap .counter-wrap .single-counter .content .number {
  display:flex;
  align-items:center;
  line-height:1;
  margin-bottom:10px;
  margin-top:-6px
}
.map-wrap .counter-wrap .single-counter .content .number h2 {
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.map-wrap .counter-wrap .single-counter .content .number>span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.map-wrap .counter-wrap .single-counter .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500
}
.portfolio-section {
  background-color:#0d1720;
  padding:100px 0
}
.portfolio-section.style-2 {
  background-color:unset;
  padding:0;
  padding-top:130px
}
@media(min-width:992px) and (max-width:1199px) {
  .portfolio-section.style-2 {
    padding-top:100px
  }
}
@media(max-width:991px) {
  .portfolio-section.style-2 {
    padding-top:90px
  }
}
.portfolio-tab-area {
  display:flex;
  align-items:end;
  justify-content:space-between
}
@media(max-width:991px) {
  .portfolio-tab-area {
    flex-wrap:wrap;
    gap:30px
  }
}
.portfolio-tab-area .section-title1 {
  max-width:475px
}
.portfolio-tab-area .section-title1 h2 {
  max-width:475px
}
.portfolio-tab-area .nav-tabs {
  border:1px solid rgba(255,255,255,.08);
  padding:18px 50px;
  gap:40px;
  justify-content:end
}
@media(min-width:1400px) and (max-width:1599px) {
  .portfolio-tab-area .nav-tabs {
    padding:18px 30px;
    gap:20px
  }
}
@media(max-width:1399px) {
  .portfolio-tab-area .nav-tabs {
    padding:12px 20px;
    gap:12px
  }
}
@media(max-width:991px) {
  .portfolio-tab-area .nav-tabs {
    justify-content:flex-start;
    padding:0;
    border:none
  }
}
.portfolio-tab-area .nav-tabs .nav-item .nav-link {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:1;
  background:#14202b;
  padding:7px 18px;
  border-radius:0;
  border:none
}
@media(max-width:1399px) {
  .portfolio-tab-area .nav-tabs .nav-item .nav-link {
    font-size:14px;
    padding:6px 13px
  }
}
.portfolio-tab-area .nav-tabs .nav-item .nav-link.active {
  background-color:var(--primary-color)
}
.portfolio-tab-area.two {
  justify-content:center
}
.portfolio-tab-area.two .nav-tabs {
  border:1px solid #eee;
  justify-content:center;
  width:100%;
  padding:18px 50px
}
@media(min-width:1400px) and (max-width:1599px) {
  .portfolio-tab-area.two .nav-tabs {
    padding:18px 30px;
    gap:20px
  }
}
@media(max-width:1399px) {
  .portfolio-tab-area.two .nav-tabs {
    padding:12px 20px;
    gap:12px
  }
}
.portfolio-tab-area.two .nav-tabs .nav-item .nav-link {
  background:#f4f9fd;
  color:var(--title-color)
}
.portfolio-tab-area.two .nav-tabs .nav-item .nav-link.active {
  background-color:var(--primary-color);
  color:var(--white-color)
}
.scrollbar-and-slider-btn {
  gap:20px
}
.scrollbar-and-slider-btn .progress-pagination {
  position:relative;
  max-width:1600px;
  width:100%;
  height:6px;
  top:unset;
  left:unset;
  background-color:#14202b;
  opacity:1
}
.scrollbar-and-slider-btn .progress-pagination .swiper-pagination-progressbar-fill {
  background-color:var(--primary-color)
}
.contact-section3 .contact-img {
  position:relative;
  height:100%
}
.contact-section3 .contact-img>img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.contact-section3 .contact-img .logo {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.contact-form-area {
  background-color:var(--title-color);
  padding:80px 120px
}
@media(max-width:1699px) {
  .contact-form-area {
    padding:60px 70px
  }
}
@media(max-width:1399px) {
  .contact-form-area {
    padding:60px 50px
  }
}
@media(max-width:576px) {
  .contact-form-area {
    padding:60px 20px
  }
}
.contact-form-area .section-title1 h2 {
  max-width:560px;
  padding-top:0
}
.contact-form-area .form-inner label {
  color:#c2c2c2;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600;
  display:inline-block;
  margin-bottom:8px
}
.contact-form-area .form-inner input,
.contact-form-area .form-inner textarea {
  width:100%;
  background:#14202b;
  border:1px solid #14202b;
  height:50px;
  color:#c2c2c2;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  padding:10px 24px;
  caret-color:#aaa;
  border:unset;
  border-radius:0
}
.contact-form-area .form-inner input::-moz-placeholder,
.contact-form-area .form-inner textarea::-moz-placeholder {
  color:#494848
}
.contact-form-area .form-inner input::placeholder,
.contact-form-area .form-inner textarea::placeholder {
  color:#494848
}
.contact-form-area .form-inner input:focus,
.contact-form-area .form-inner textarea:focus {
  border-color:var(--primary-color)
}
.contact-form-area .form-inner textarea {
  height:unset;
  min-height:118px;
  padding:24px 20px
}
.contact-form-area .form-inner .explore-btn:hover {
  border-color:var(--primary-color)
}
.contact-form-area .form-inner .explore-btn:active {
  border-color:var(--primary-color)
}
.contact-form-area .form-inner .explore-btn.active {
  border-color:var(--primary-color)
}
.contact-form-area .form-check {
  min-height:unset;
  margin-bottom:0
}
.contact-form-area .form-check .form-check-input {
  cursor:pointer;
  height:14px;
  width:14px
}
.contact-form-area .form-check .form-check-input:focus {
  box-shadow:none
}
.contact-form-area .form-check .form-check-input:checked {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.contact-form-area .form-check .form-check-input[type=checkbox] {
  border-radius:unset
}
.contact-form-area .form-check .form-check-label {
  cursor:pointer;
  color:#fff;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400
}
.contact-form-area.two {
  background-color:var(--white-color)
}
.contact-form-area.two .form-inner label {
  color:var(--title-color)
}
.contact-form-area.two .form-inner input,
.contact-form-area.two .form-inner textarea {
  background:var(--white-color);
  border:1px solid #eee;
  color:var(--paragraph-color);
  border-radius:0
}
.contact-form-area.two .form-inner input::-moz-placeholder,
.contact-form-area.two .form-inner textarea::-moz-placeholder {
  color:rgba(86,96,100,.5)
}
.contact-form-area.two .form-inner input::placeholder,
.contact-form-area.two .form-inner textarea::placeholder {
  color:rgba(86,96,100,.5)
}
.contact-form-area.two .form-inner textarea {
  padding:20px
}
.contact-form-area.two .form-check .form-check-input:checked {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.contact-form-area.two .form-check .form-check-input[type=checkbox] {
  border-radius:unset
}
.contact-form-area.two .form-check .form-check-label {
  color:var(--paragraph-color)
}
.contact-form-area.three {
  background-color:#f4f9fd;
  padding:70px 80px
}
@media(max-width:1699px) {
  .contact-form-area.three {
    padding:60px 70px
  }
}
@media(max-width:1399px) {
  .contact-form-area.three {
    padding:60px 50px
  }
}
@media(max-width:576px) {
  .contact-form-area.three {
    padding:60px 20px
  }
}
.contact-form-area.three .upload-file-area h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600;
  display:inline-block;
  margin-bottom:8px
}
.contact-form-area.three .upload-file-area .custom-upload-field {
  border:1px solid #eee;
  background-color:var(--white-color);
  height:50px;
  display:flex;
  align-items:center
}
.contact-form-area.three .upload-file-area .custom-upload-field .upload-pdf-icon {
  width:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid #eee;
  height:100%
}
.contact-form-area.three .upload-file-area .custom-upload-field .custom-upload {
  padding-left:30px;
  color:var(--paragraph-color)
}
.contact-form-area.three .upload-file-area .custom-upload-field .custom-upload::-webkit-file-upload-button {
  display:none
}
.blog-card4 {
  position:relative;
  min-height:340px;
  width:100%;
  height:100%;
  overflow:hidden
}
.blog-card4 .blog-flip-box-layer {
  width:100%;
  height:100%;
  transition:all .6s ease-in-out
}
.blog-card4 .blog-flip-box-layer .blog-img {
  height:100%
}
.blog-card4 .blog-flip-box-layer .blog-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.blog-card4 .blog-flip-box-layer .blog-content {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  height:100%;
  display:inline-flex;
  align-items:self-start;
  justify-content:space-between;
  flex-direction:column;
  padding:40px 30px;
  background-color:rgba(13,23,32,.1)
}
@media(max-width:1399px) {
  .blog-card4 .blog-flip-box-layer .blog-content {
    padding:30px 25px
  }
}
.blog-card4 .blog-flip-box-layer .blog-content .tags {
  display:inline-flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  border:1px solid rgba(238,238,238,.2);
  background:rgba(13,23,32,.3);
  padding:14px 20px;
  margin-bottom:40px
}
@media(max-width:1399px) {
  .blog-card4 .blog-flip-box-layer .blog-content .tags {
    gap:20px;
    padding:14px 20px
  }
}
.blog-card4 .blog-flip-box-layer .blog-content .tags li {
  line-height:1
}
.blog-card4 .blog-flip-box-layer .blog-content .tags li a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:5px
}
.blog-card4 .blog-flip-box-layer .blog-content .tags li a svg {
  fill:var(--white-color)
}
.blog-card4 .blog-flip-box-layer .blog-content .title-and-btn {
  line-height:1
}
.blog-card4 .blog-flip-box-layer .blog-content .title-and-btn h4 {
  margin-bottom:25px
}
.blog-card4 .blog-flip-box-layer .blog-content .title-and-btn h4 a {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  line-height:1.4;
  transition:.35s
}
@media(max-width:1399px) {
  .blog-card4 .blog-flip-box-layer .blog-content .title-and-btn h4 a {
    font-size:22px
  }
}
.blog-card4 .blog-flip-box-layer .blog-content .title-and-btn h4 a:hover {
  color:#cacaca
}
.blog-card4 .blog-flip-box-layer .blog-content .title-and-btn .explore-btn {
  color:var(--white-color)
}
.blog-card4 .blog-flip-box-layer .blog-content .title-and-btn .explore-btn svg {
  fill:var(--white-color)
}
.blog-card4 .blog-flip-box-layer.blog-card-front {
  position:relative
}
.blog-card4 .blog-flip-box-layer.blog-card-back {
  background-color:#dfebf7;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:column;
  transform:translateX(100%) translateY(0);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.blog-card4 .blog-flip-box-layer.blog-card-back .blog-content {
  background-color:transparent
}
.blog-card4 .blog-flip-box-layer.blog-card-back .blog-content .tags {
  border:1px solid #eee;
  background:#fff
}
.blog-card4 .blog-flip-box-layer.blog-card-back .blog-content .tags li a {
  color:var(--title-color)
}
.blog-card4 .blog-flip-box-layer.blog-card-back .blog-content .tags li a svg {
  fill:var(--primary-color)
}
.blog-card4 .blog-flip-box-layer.blog-card-back .blog-content .title-and-btn h4 a {
  color:var(--title-color)
}
.blog-card4 .blog-flip-box-layer.blog-card-back .blog-content .title-and-btn .explore-btn {
  color:var(--title-color)
}
.blog-card4 .blog-flip-box-layer.blog-card-back .blog-content .title-and-btn .explore-btn svg {
  fill:var(--title-color)
}
.blog-card4:hover .blog-card-front {
  transform:translateX(-100%) translateY(0)
}
.blog-card4:hover .blog-card-back {
  transform:translateX(0) translateY(0)
}
.banner5-section {
  background-image:url(../img/home5/banner-bg.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center
}
.banner5-section .slider-btn {
  height:70px;
  width:70px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.5);
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:.4s;
  z-index:999
}
@media(max-width:767px) {
  .banner5-section .slider-btn {
    display:none;
    visibility:hidden
  }
}
.banner5-section .slider-btn svg {
  transition:.4s;
  fill:rgba(255,255,255,.5)
}
.banner5-section .slider-btn:hover {
  border:1px dashed #fff
}
.banner5-section .slider-btn:hover svg {
  fill:var(--white-color)
}
.banner5-section .slider-btn.prev-10 {
  left:5%
}
.banner5-section .slider-btn.next-10 {
  right:5%
}
.banner5-section .slider-btn.swiper-button-disabled {
  opacity:.2
}
.banner5-section .banner-wrapper {
  position:relative;
  display:flex;
  align-items:start;
  gap:20px;
  padding:275px 0 150px
}
@media(max-width:1399px) {
  .banner5-section .banner-wrapper {
    padding:245px 0 120px
  }
}
@media(max-width:991px) {
  .banner5-section .banner-wrapper {
    padding:150px 0 80px
  }
}
@media(max-width:991px) {
  .banner5-section .banner-wrapper {
    flex-direction:column;
    align-items:center
  }
}
.banner5-section .banner-wrapper .banner-left {
  max-width:444px;
  width:100%;
  display:flex;
  align-items:start;
  gap:20px;
  z-index:9999
}
@media(max-width:1399px) {
  .banner5-section .banner-wrapper .banner-left {
    max-width:400px
  }
}
.banner5-section .banner-wrapper .banner-left .icon svg {
  fill:var(--white-color)
}
.banner5-section .banner-wrapper .banner-left .content {
  margin-top:-7px
}
.banner5-section .banner-wrapper .banner-left .content p {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:30px
}
.banner5-section .banner-wrapper .banner-center {
  position:relative;
  max-width:756px;
  width:100%;
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center
}
@media(max-width:1499px) {
  .banner5-section .banner-wrapper .banner-center {
    max-width:600px
  }
}
.banner5-section .banner-wrapper .banner-center .banner-content {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  z-index:99999
}
.banner5-section .banner-wrapper .banner-center .banner-content>a {
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.5);
  background:rgba(255,255,255,.14);
  padding:3px 20px;
  display:inline-block!important;
  margin-bottom:22px
}
.banner5-section .banner-wrapper .banner-center .banner-content h1 {
  width:100%
}
.banner5-section .banner-wrapper .banner-center .banner-content h1 a {
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-marcellus);
  font-size:75px;
  font-weight:400
}
@media(max-width:1399px) {
  .banner5-section .banner-wrapper .banner-center .banner-content h1 a {
    font-size:60px
  }
}
@media(max-width:991px) {
  .banner5-section .banner-wrapper .banner-center .banner-content h1 a {
    font-size:55px
  }
}
@media(max-width:767px) {
  .banner5-section .banner-wrapper .banner-center .banner-content h1 a {
    font-size:48px
  }
}
@media(max-width:576px) {
  .banner5-section .banner-wrapper .banner-center .banner-content h1 a {
    font-size:40px
  }
}
.banner5-section .banner-wrapper .banner-center .btn-group {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:30px;
  padding-top:30px
}
@media(max-width:767px) {
  .banner5-section .banner-wrapper .banner-center .btn-group {
    gap:20px
  }
}
.banner5-section .banner-wrapper .banner-center .btn-group li {
  line-height:1
}
.banner5-section .banner-wrapper .banner-center .btn-group li.success-rate {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:400;
  line-height:1;
  border:1px solid rgba(255,255,255,.2);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:30px
}
.banner5-section .banner-wrapper .banner-center .btn-group li.success-rate span {
  position:relative
}
.banner5-section .banner-wrapper .banner-center .btn-group li.success-rate span::after {
  content:"";
  height:1px;
  width:10px;
  background-color:#d9d9d9;
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
.banner5-section .banner-wrapper .banner-center .btn-group li a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:400;
  line-height:1;
  border:1px solid rgba(255,255,255,.2);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:24px
}
@media(max-width:1199px) {
  .banner5-section .banner-wrapper .banner-right {
    position:absolute;
    right:20px
  }
}
.banner5-section .banner-wrapper .banner-right .wrapper {
  --clip-path: circle(65px at left);
  --clip-path-hover: circle(70px at left);
  --clip-path-clicked: circle(100vw at left);
  --duration: .4s;
  --timing-function: ease;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:999
}
.banner5-section .banner-wrapper .banner-right .wrapper .video-info {
  width:300px;
  position:relative;
  left:500px;
  top:-115px;
  height:200px
}
.banner5-section .banner-wrapper .banner-right .wrapper .video-info .video {
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  -webkit-clip-path:var(--clip-path);
  clip-path:var(--clip-path);
  transition:-webkit-clip-path var(--duration) var(--timing-function);
  transition:clip-path var(--duration) var(--timing-function);
  transition:clip-path var(--duration) var(--timing-function),-webkit-clip-path var(--duration) var(--timing-function);
  position:relative;
  top:55px;
  left:100px
}
.banner5-section .banner-wrapper .banner-right .wrapper .video-info .video::before {
  position:absolute;
  top:-20px;
  left:-20px;
  width:40px;
  height:40px;
  background:url(../img/home5/play-btn.svg);
  content:"";
  z-index:999999999999;
  background-size:100%
}
.banner5-section .banner-wrapper .banner-right .wrapper .video-info .video video {
  position:fixed;
  top:0;
  left:0;
  min-width:100%;
  min-height:auto;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.banner5-section #video_check1 {
  width:200px;
  height:200px;
  margin:auto;
  position:absolute;
  left:0;
  top:0;
  right:0;
  border-radius:40px!important;
  outline:none;
  z-index:2;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  z-index:9999999
}
.banner5-section #video_check1:focus {
  outline:0
}
.banner5-section #video_check2 {
  width:200px;
  height:200px;
  margin:auto;
  position:absolute;
  left:0;
  top:0;
  right:0;
  border-radius:40px!important;
  outline:none;
  z-index:2;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  z-index:9999999
}
.banner5-section #video_check2:focus {
  outline:0
}
.banner5-section #video_check3 {
  width:200px;
  height:200px;
  margin:auto;
  position:absolute;
  left:0;
  top:0;
  right:0;
  border-radius:40px!important;
  outline:none;
  z-index:2;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  z-index:9999999
}
.banner5-section #video_check3:focus {
  outline:0
}
.banner5-section #video_check1:hover~.video {
  -webkit-clip-path:var(--clip-path-hover);
  clip-path:var(--clip-path-hover)
}
.banner5-section #video_check2:hover~.video {
  -webkit-clip-path:var(--clip-path-hover);
  clip-path:var(--clip-path-hover)
}
.banner5-section #video_check3:hover~.video {
  -webkit-clip-path:var(--clip-path-hover);
  clip-path:var(--clip-path-hover)
}
.banner5-section #video_check1:checked {
  width:100%;
  height:100%;
  border-radius:0;
  top:0;
  left:0;
  bottom:0
}
.banner5-section #video_check2:checked {
  width:100%;
  height:100%;
  border-radius:0;
  top:0;
  left:0;
  bottom:0
}
.banner5-section #video_check3:checked {
  width:100%;
  height:100%;
  border-radius:0;
  top:0;
  left:0;
  bottom:0
}
.banner5-section #video_check1:checked~.video {
  -webkit-clip-path:var(--clip-path-clicked);
  clip-path:var(--clip-path-clicked)
}
.banner5-section #video_check2:checked~.video {
  -webkit-clip-path:var(--clip-path-clicked);
  clip-path:var(--clip-path-clicked)
}
.banner5-section #video_check3:checked~.video {
  -webkit-clip-path:var(--clip-path-clicked);
  clip-path:var(--clip-path-clicked)
}
.banner5-section #video_check1:checked~.video::before {
  background-image:url(../img/home5/video-close.svg)
}
.banner5-section #video_check2:checked~.video::before {
  background-image:url(../img/home5/video-close.svg)
}
.banner5-section #video_check3:checked~.video::before {
  background-image:url(../img/home5/video-close.svg)
}
.home5-about-section .about-left {
  max-width:890px;
  width:100%
}
.home5-about-section .about-left .logo-and-title {
  display:flex;
  align-items:start;
  position:relative;
  border-bottom:1px solid #eee;
  gap:30px
}
@media(max-width:576px) {
  .home5-about-section .about-left .logo-and-title {
    flex-wrap:wrap
  }
}
.home5-about-section .about-left .logo-and-title .company-name {
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:36px;
  font-weight:600;
  letter-spacing:9.36px;
  background-color:var(--title-color);
  line-height:1;
  padding:38px 16px;
  writing-mode:vertical-rl;
  white-space:nowrap
}
@media(max-width:576px) {
  .home5-about-section .about-left .logo-and-title .company-name {
    writing-mode:horizontal-tb;
    padding:16px 38px
  }
}
.home5-about-section .about-left .section-title1 h2 {
  margin-top:0;
  margin-bottom:25px
}
.home5-about-section .about-left .counter-and-btn {
  padding-left:120px
}
@media(max-width:1499px) {
  .home5-about-section .about-left .counter-and-btn {
    padding-left:100px
  }
}
@media(max-width:767px) {
  .home5-about-section .about-left .counter-and-btn {
    padding-left:0
  }
}
.home5-about-section .about-left .counter-and-btn .counter-wrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:60px
}
@media(max-width:576px) {
  .home5-about-section .about-left .counter-and-btn .counter-wrap {
    flex-direction:column;
    margin-bottom:20px
  }
}
.home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter {
  display:flex;
  gap:30px;
  padding:50px 0 0;
  min-width:230px;
  border-right:1px solid #eee;
  width:50%
}
.home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter:last-child {
  border-right:unset;
  justify-content:end
}
@media(max-width:1399px) {
  .home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter {
    padding:30px 0;
    gap:20px
  }
}
@media(max-width:1199px) {
  .home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter {
    padding:30px 0
  }
}
@media(max-width:991px) {
  .home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter {
    padding:20px 0
  }
}
@media(max-width:576px) {
  .home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter {
    width:100%;
    border-right:none
  }
  .home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter:last-child {
    justify-content:start
  }
}
.home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter .icon svg {
  fill:#566064
}
.home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter .content .number {
  display:flex;
  align-items:center;
  line-height:1;
  margin-bottom:10px
}
.home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter .content .number h2 {
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:55px;
  font-weight:600;
  line-height:1
}
.home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter .content .number>span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:55px;
  font-weight:600;
  line-height:1
}
.home5-about-section .about-left .counter-and-btn .counter-wrap .single-counter .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500
}
.home5-about-section .about-left .counter-and-btn>p {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  line-height:34px;
  padding-bottom:50px
}
@media(max-width:576px) {
  .home5-about-section .about-left .counter-and-btn>p {
    padding-bottom:30px
  }
}
.home5-about-section .about-img {
  height:100%
}
@media(max-width:576px) {
  .home5-about-section .about-img {
    display:none;
    visibility:hidden
  }
}
.home5-about-section .about-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
@media(max-width:991px) {
  .home5-about-section .about-img img {
    height:100%;
    width:100%
  }
}
.home5-services-section {
  background-color:#191919;
  padding:100px 0
}
.home5-services-section .section-title1.white h2 {
  max-width:740px;
  color:var(--white-color);
  padding-top:15px
}
.home5-services-section .services-img {
  height:100%;
  width:100%
}
.home5-services-section .services-img ul {
  min-height:350px;
  height:100%;
  width:100%;
  position:relative;
  overflow:hidden
}
.home5-services-section .services-img .single-img {
  background-repeat:no-repeat;
  background-size:cover;
  position:absolute;
  display:block;
  min-height:350px;
  width:100%;
  height:100%;
  top:0;
  left:0;
  animation:qodef-animate-image-out 1s .1s cubic-bezier(.78,.2,.21,.88) forwards;
  z-index:12
}
.home5-services-section .services-img .single-img.active {
  animation:qodef-animate-image-in 1s cubic-bezier(.78,.2,.21,.88) forwards;
  z-index:15
}
@keyframes qodef-animate-image-out {
  0% {
    transform:scale(1) translateZ(0);
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0)
  }
  100% {
    transform:scale(1);
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0)
  }
}
@keyframes qodef-animate-image-in {
  0% {
    transform:scale(1.05) translateZ(0);
    -webkit-clip-path:inset(0 100% 0 0);
    clip-path:inset(0 100% 0 0)
  }
  100% {
    transform:scale(1);
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0)
  }
}
.home5-services-section .services-list ul li {
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:16px;
  padding-bottom:16px;
  transition:.35s
}
@media(max-width:576px) {
  .home5-services-section .services-list ul li {
    gap:20p
  }
}
.home5-services-section .services-list ul li .services-content {
  transition:.35s
}
.home5-services-section .services-list ul li .services-content h6 {
  margin-bottom:0
}
.home5-services-section .services-list ul li .services-content h6 a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500
}
.home5-services-section .services-list ul li .services-content p {
  color:#b0babe;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  line-height:25px;
  padding-top:13px;
  margin-bottom:0;
  overflow:hidden;
  display:none;
  transform-origin:top;
  transition:.35s
}
.home5-services-section .services-list ul li .details-btn {
  transition:.35s
}
.home5-services-section .services-list ul li .details-btn a {
  min-width:40px;
  height:40px;
  border-radius:50%;
  background-color:#272727;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.home5-services-section .services-list ul li .details-btn a svg {
  transition:.35s;
  fill:var(--white-color)
}
.home5-services-section .services-list ul li .details-btn a:hover svg {
  transform:rotate(45deg)
}
.home5-services-section .services-list ul li.active p {
  display:block;
  height:100%;
  animation:fade-down .45s linear
}
.home5-services-section .services-list ul li.active .details-btn a {
  background-color:var(--primary-color)
}
@keyframes fade-down {
  0% {
    opacity:0;
    transform:scaleY(0);
    visibility:hidden
  }
  100% {
    opacity:1;
    transform:scaleY(1);
    visibility:visible
  }
}
.home5-protfolio-section .section-title1 {
  position:sticky;
  top:100px
}
.company-activities-area {
  padding:100px 0;
  background:#f4f9fd
}
.company-activites-content .sulution-approach h3 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  margin-bottom:10px
}
.company-activites-content .sulution-approach ul {
  max-width:600px;
  width:100%;
  -moz-columns:2;
  columns:2
}
@media(max-width:576px) {
  .company-activites-content .sulution-approach ul {
    -moz-columns:1;
    columns:1
  }
}
.company-activites-content .sulution-approach ul li {
  line-height:1;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:6px;
  padding-top:20px
}
.pie-chart-wrap {
  background-color:var(--white-color);
  padding:40px 50px;
  overflow:hidden;
  position:relative;
  z-index:1
}
@media(max-width:767px) {
  .pie-chart-wrap {
    padding:40px 20px
  }
}
.pie-chart-wrap .year {
  font-family:var(--font-montserrat);
  font-size:135px;
  font-weight:700;
  color:#dfebf7;
  position:absolute;
  left:-15px;
  bottom:-10px;
  line-height:.7;
  z-index:-1
}
@media(max-width:1199px) {
  .pie-chart-wrap .year {
    font-size:90px
  }
}
.pie-chart-wrap .title-and-year {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eee;
  margin-bottom:35px
}
.pie-chart-wrap .title-and-year h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400
}
.pie-chart-wrap .title-and-year select {
  color:#0d1720;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  border:1px solid #eee;
  padding:5px 20px;
  outline:none;
  cursor:pointer
}
.pie-chart-wrap .title-and-year select option {
  color:#0d1720;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  padding:5px 20px
}
.home5-testimonial-section {
  position:relative;
  overflow:hidden
}
.home5-testimonial-section .testimonial-card5 .author-img {
  height:100%
}
.home5-testimonial-section .testimonial-card5 .author-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.home5-testimonial-section .testimonial-card5 .testimonial-content-wrap {
  background-color:var(--title-color);
  height:100%
}
.home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content {
  padding:100px 120px 240px 90px
}
@media(max-width:1499px) {
  .home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content {
    padding:80px 70px 220px 50px
  }
}
@media(max-width:1199px) {
  .home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content {
    padding:80px 20px 180px
  }
}
@media(max-width:991px) {
  .home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content {
    padding:70px 20px
  }
}
.home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content>span {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  display:inline-block;
  margin-bottom:15px
}
.home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content p {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  line-height:1.3;
  margin-bottom:30px
}
@media(max-width:991px) {
  .home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content p {
    font-size:24px
  }
}
.home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content .author-area .content {
  line-height:1
}
.home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content .author-area .content h6 {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:600;
  margin-bottom:7px
}
.home5-testimonial-section .testimonial-card5 .testimonial-content-wrap .testimonal-content .author-area .content span {
  color:#b0babe;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.home5-testimonial-section .slider-btn-area {
  position:absolute;
  bottom:-3px;
  left:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  z-index:9;
  width:100%;
  padding-right:20px;
  background-color:var(--white-color);
  -webkit-clip-path:polygon(8% 0%,100% 0%,100% 100%,0% 100%);
  clip-path:polygon(8% 0%,100% 0%,100% 100%,0% 100%);
  height:140px;
  padding-left:120px;
  padding-right:120px
}
@media(max-width:1499px) {
  .home5-testimonial-section .slider-btn-area {
    padding-left:70px;
    padding-right:70px
  }
}
@media(max-width:1199px) {
  .home5-testimonial-section .slider-btn-area {
    padding-left:40px;
    padding-right:40px;
    height:80px;
    -webkit-clip-path:polygon(5% 0%,100% 0%,100% 100%,0% 100%);
    clip-path:polygon(5% 0%,100% 0%,100% 100%,0% 100%)
  }
}
.home5-testimonial-section .slider-btn-area .franctional-pagi5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
@media(max-width:576px) {
  .home5-testimonial-section .slider-btn-area .franctional-pagi5 {
    top:unset;
    position:relative;
    right:unset;
    display:flex
  }
}
.home5-testimonial-section .slider-btn-area .franctional-pagi5 .swiper-pagination-current {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.home5-testimonial-section .slider-btn-area .franctional-pagi5 .swiper-pagination-total {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:16px;
  font-weight:400
}
.people-card-5 {
  display:flex;
  width:100%;
  height:100%
}
@media(max-width:767px) {
  .people-card-5 {
    flex-direction:column
  }
}
.people-card-5 .people-img {
  max-width:266px;
  width:100%
}
@media(max-width:1699px) {
  .people-card-5 .people-img {
    max-width:230px
  }
}
@media(max-width:767px) {
  .people-card-5 .people-img {
    max-width:100%
  }
  .people-card-5 .people-img img {
    width:100%;
    height:300px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top
  }
}
.people-card-5 .people-content {
  border:1px solid #eee;
  width:100%;
  height:100%;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
@media(max-width:1699px) {
  .people-card-5 .people-content {
    padding:20px
  }
}
.people-card-5 .people-content .name-and-social {
  line-height:1;
  margin-bottom:30px
}
.people-card-5 .people-content .name-and-social .name-deg {
  line-height:1;
  margin-bottom:20px
}
.people-card-5 .people-content .name-and-social .name-deg h5 {
  margin-bottom:6px
}
.people-card-5 .people-content .name-and-social .name-deg h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  transition:.35s
}
@media(max-width:991px) {
  .people-card-5 .people-content .name-and-social .name-deg h5 a {
    font-size:18px
  }
}
.people-card-5 .people-content .name-and-social .name-deg h5 a:hover {
  color:var(--primary-color)
}
.people-card-5 .people-content .name-and-social .name-deg span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.people-card-5 .people-content .name-and-social .social-icon {
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:20px;
  border-top:1px solid #eee
}
.people-card-5 .people-content .name-and-social .social-icon li a {
  height:26px;
  width:26px;
  border:1px solid #eee;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transition:.35s
}
.people-card-5 .people-content .name-and-social .social-icon li a i {
  color:var(--primary-color);
  font-size:14px;
  transition:.35s
}
.people-card-5 .people-content .name-and-social .social-icon li a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.people-card-5 .people-content .name-and-social .social-icon li a:hover i {
  color:var(--white-color)
}
.people-card-5 .people-content .contact-number {
  display:flex;
  align-items:center;
  width:100%;
  transition:.35s
}
.people-card-5 .people-content .contact-number .icon {
  min-width:50px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#e8f1fb;
  transition:.35s
}
@media(max-width:1399px) {
  .people-card-5 .people-content .contact-number .icon {
    min-width:40px
  }
}
.people-card-5 .people-content .contact-number .icon svg {
  transition:.35s;
  fill:var(--primary-color)
}
.people-card-5 .people-content .contact-number .content {
  line-height:1;
  width:100%;
  transition:.35s
}
.people-card-5 .people-content .contact-number .content a {
  border:1px solid #eee;
  height:45px;
  display:flex;
  align-items:center;
  width:100%;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  padding:20px 30px;
  transition:.35s
}
@media(max-width:1699px) {
  .people-card-5 .people-content .contact-number .content a {
    padding:15px
  }
}
@media(max-width:1399px) {
  .people-card-5 .people-content .contact-number .content a {
    padding:15px 10px;
    font-size:14px
  }
}
.people-card-5 .people-content .contact-number:hover .icon {
  background-color:var(--primary-color)
}
.people-card-5 .people-content .contact-number:hover .icon svg {
  fill:var(--white-color)
}
.people-card-5 .people-content .contact-number:hover .content a {
  color:var(--primary-color)
}
.find-job-wrap .find-job-card {
  background-color:#e8f1fb;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px;
  position:relative;
  height:100%
}
.find-job-wrap .find-job-card span {
  position:absolute;
  left:0;
  top:0;
  width:42px;
  height:42px;
  background-color:var(--primary-color);
  -webkit-clip-path:polygon(0 100%,100% 0,0 0);
  clip-path:polygon(0 100%,100% 0,0 0)
}
.find-job-wrap .find-job-card span::after {
  content:"Hire";
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:600;
  position:absolute;
  left:1px;
  top:5px;
  transform:rotate(-45deg)
}
.find-job-wrap .find-job-card .find-job-left {
  padding:20px 60px;
  display:flex;
  align-items:center;
  gap:20px;
  position:relative
}
@media(max-width:1499px) {
  .find-job-wrap .find-job-card .find-job-left {
    padding:25px;
    gap:20px
  }
}
@media(max-width:576px) {
  .find-job-wrap .find-job-card .find-job-left {
    padding:20px;
    gap:15px
  }
}
.find-job-wrap .find-job-card .find-job-left .icon svg {
  fill:var(--primary-color)
}
.find-job-wrap .find-job-card .find-job-left .content {
  line-height:1
}
.find-job-wrap .find-job-card .find-job-left .content h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:28px;
  margin-bottom:0
}
.find-job-wrap .find-job-card .find-job-left .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400
}
.find-job-wrap .find-job-card .find-job-left .content p a {
  color:var(--primary-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:28px;
  text-decoration-line:underline;
  padding-left:5px
}
.find-job-wrap .find-job-card .job-img {
  -webkit-clip-path:polygon(30% 0%,100% 0,100% 100%,0% 100%);
  clip-path:polygon(30% 0%,100% 0,100% 100%,0% 100%);
  height:100%
}
@media(max-width:767px) {
  .find-job-wrap .find-job-card .job-img {
    display:none;
    visibility:hidden
  }
}
.find-job-wrap .find-job-card .job-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.banner-area6 {
  background-image:linear-gradient(180deg,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%),url(../img/home6/bacground-img.png);
  background-size:cover;
  background-repeat:repeat;
  background-position:center center;
  padding:260px 0 180px
}
@media(min-width:1400px) and (max-width:1599px) {
  .banner-area6 {
    padding:200px 0 120px
  }
}
@media(max-width:1399px) {
  .banner-area6 {
    padding:180px 0 100px
  }
}
.banner-area6 .banner-left-content {
  max-width:1035px;
  width:100%
}
.banner-area6 .banner-left-content h1 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:75px;
  font-weight:400;
  margin-bottom:40px
}
.banner-area6 .banner-left-content h1 span {
  color:var(--primary-color)
}
@media(max-width:1199px) {
  .banner-area6 .banner-left-content h1 {
    font-size:60px
  }
}
@media(max-width:991px) {
  .banner-area6 .banner-left-content h1 {
    font-size:55px
  }
}
@media(max-width:767px) {
  .banner-area6 .banner-left-content h1 {
    font-size:48px
  }
}
@media(max-width:576px) {
  .banner-area6 .banner-left-content h1 {
    font-size:40px
  }
}
.banner-area6 .banner-left-content .quate-text {
  display:flex;
  align-items:center;
  max-width:690px;
  width:100%;
  gap:20px;
  margin-bottom:60px
}
.banner-area6 .banner-left-content .quate-text .icon svg {
  fill:var(--primary-color)
}
.banner-area6 .banner-left-content .quate-text .content p {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:30px;
  margin-bottom:0
}
.banner-area6 .banner-left-content .btn-group {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:30px;
  padding-top:30px;
  border-top:1px solid #eee
}
.banner-area6 .banner-left-content .btn-group li {
  line-height:1
}
.banner-area6 .banner-left-content .btn-group li.success-rate {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid var(--title-color);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:30px
}
.banner-area6 .banner-left-content .btn-group li.success-rate span {
  position:relative
}
.banner-area6 .banner-left-content .btn-group li.success-rate span::after {
  content:"";
  height:1px;
  width:10px;
  background-color:rgba(13,23,32,.5019607843);
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%)
}
.banner-area6 .banner-left-content .btn-group li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1;
  border:1px solid var(--title-color);
  border-radius:16px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:24px;
  overflow:hidden;
  position:relative;
  z-index:1;
  transition:all .6s
}
.banner-area6 .banner-btn a {
  position:relative;
  line-height:1;
  transition:.5s;
  height:178px;
  width:178px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.banner-area6 .banner-btn a .bg {
  line-height:1;
  transition:.5s
}
.banner-area6 .banner-btn a .bg svg {
  fill:var(--white-color);
  stroke:var(--title-color);
  transition:.5s
}
.banner-area6 .banner-btn a .btn-content {
  transition:.5s;
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:20px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.banner-area6 .banner-btn a .btn-content svg {
  fill:var(--title-color);
  margin-bottom:15px;
  transition:.5s
}
.banner-area6 .banner-btn a:hover .bg svg {
  fill:var(--primary-color);
  stroke:var(--primary-color)
}
.banner-area6 .banner-btn a:hover .btn-content {
  color:var(--white-color)
}
.banner-area6 .banner-btn a:hover .btn-content svg {
  fill:var(--white-color)
}
.home6-cover-area .section-title1 h2 {
  max-width:890px
}
.home6-cover-area .scrollbar-and-slider-btn {
  gap:20px;
  padding-top:20px
}
.home6-cover-area .scrollbar-and-slider-btn .progress-pagination2 {
  position:relative;
  max-width:1600px;
  width:100%;
  height:6px;
  top:unset;
  left:unset;
  background-color:#f4f9fd;
  opacity:1
}
.home6-cover-area .scrollbar-and-slider-btn .progress-pagination2 .swiper-pagination-progressbar-fill {
  background-color:var(--primary-color)
}
.home6-about-section {
  background-color:var(--title-color);
  padding:100px 0 310px
}
.home6-about-section .sub-title span {
  color:var(--white-color);
  border-color:var(--white-color)
}
.home6-about-section .section-title1 h2 {
  max-width:1004px
}
.home6-about-section .section-title1 h2 a {
  color:var(--white-color);
  text-decoration:underline
}
.home6-about-section .explore-btn {
  color:var(--white-color)
}
.home6-about-section .explore-btn svg {
  fill:var(--white-color)
}
.home6-video-section {
  margin-top:-210px
}
.home6-video-section .video-wrapper {
  position:relative
}
.home6-video-section .video-wrapper video {
  width:100%
}
.home6-video-section .video-wrapper .video-content-wrap {
  background-color:rgba(13,23,32,.25);
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  padding:70px;
  display:flex;
  align-items:end
}
@media(max-width:767px) {
  .home6-video-section .video-wrapper .video-content-wrap {
    padding:25px
  }
}
@media(max-width:767px) {
  .home6-video-section .video-wrapper .video-content-wrap .icon img {
    width:70px
  }
}
.home6-video-section .video-wrapper .video-content-wrap .video-content {
  display:flex;
  align-items:center;
  flex-direction:row;
  background-color:transparent;
  border:none;
  padding:0;
  gap:30px
}
@media(max-width:767px) {
  .home6-video-section .video-wrapper .video-content-wrap .video-content {
    gap:15px
  }
}
.home6-video-section .video-wrapper .video-content-wrap .video-content .content h2 {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:50px;
  font-weight:400;
  margin-bottom:5px
}
@media(max-width:767px) {
  .home6-video-section .video-wrapper .video-content-wrap .video-content .content h2 {
    font-size:30px
  }
}
.home6-video-section .video-wrapper .video-content-wrap .video-content .content p {
  margin-bottom:0;
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:20px;
  font-weight:500
}
@media(max-width:767px) {
  .home6-video-section .video-wrapper .video-content-wrap .video-content .content p {
    font-size:16px
  }
}
.people-card6 .people-img {
  position:relative;
  overflow:hidden;
  transition:.45s
}
.people-card6 .people-img .explore-btn {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(0);
  transition:.45s
}
.people-card6 .people-img .explore-btn a {
  border-radius:50px;
  border:1px solid #fff;
  background:rgba(255,241,241,.7);
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.people-card6 .people-img .explore-btn a svg {
  fill:var(--primary-color);
  transition:.35s
}
.people-card6 .people-img .explore-btn a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.people-card6 .people-img .explore-btn a:hover svg {
  fill:var(--white-color)
}
.people-card6 .people-img .social-icon {
  position:absolute;
  bottom:30px;
  transition:.45s;
  right:-70px
}
.people-card6 .people-img .social-icon li {
  line-height:1;
  margin-bottom:12px
}
.people-card6 .people-img .social-icon li:last-child {
  margin-bottom:0
}
.people-card6 .people-img .social-icon li a {
  height:26px;
  width:26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:var(--white-color);
  transition:.35s
}
.people-card6 .people-img .social-icon li a i {
  transition:.35s;
  color:var(--primary-color)
}
.people-card6 .people-img .social-icon li a:hover {
  background-color:var(--primary-color)
}
.people-card6 .people-img .social-icon li a:hover i {
  color:var(--white-color)
}
.people-card6 .people-content {
  padding-top:20px
}
.people-card6 .people-content h5 {
  margin-bottom:0
}
.people-card6 .people-content h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:28px;
  transition:.35s
}
.people-card6 .people-content h5 a:hover {
  color:var(--primary-color)
}
.people-card6 .people-content span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500
}
.people-card6:hover .explore-btn {
  transform:translate(-50%,-50%) scale(1)
}
.people-card6:hover .social-icon {
  right:30px
}
.working-process-section.two {
  background-color:#efeae6;
  padding:100px 0 352px
}
.working-process-section.two .step-card1 span {
  border:1px solid #fff;
  background:rgba(255,255,255,.4);
  color:var(--title-color)
}
.home6-event-section {
  overflow:hidden;
  margin-top:-250px;
  background-color:#f4f9fd;
  padding:60px 80px 60px 395px;
  max-width:1740px;
  width:100%;
  margin-left:auto;
  -webkit-clip-path:polygon(15% 0%,100% 0,100% 100%,0% 100%);
  clip-path:polygon(15% 0%,100% 0,100% 100%,0% 100%);
  position:relative
}
@media(min-width:1400px) and (max-width:1599px) {
  .home6-event-section {
    padding:60px 30px 60px 195px
  }
}
@media(max-width:1399px) {
  .home6-event-section {
    padding:60px 30px 60px 195px
  }
}
@media(max-width:767px) {
  .home6-event-section {
    padding:60px 20px;
    -webkit-clip-path:polygon(0% 0%,100% 0,100% 100%,0% 100%);
    clip-path:polygon(0% 0%,100% 0,100% 100%,0% 100%)
  }
}
@media(max-width:576px) {
  .home6-event-section {
    padding:60px 10px
  }
}
.home6-event-section::after {
  content:"";
  height:509px;
  width:10px;
  background-color:#efeae6;
  position:absolute;
  left:139px;
  bottom:-44px;
  transform:rotate(33.2deg)
}
@media(max-width:1699px) {
  .home6-event-section::after {
    display:none;
    visibility:hidden
  }
}
.home6-event-section .swiper-slide {
  width:100%!important
}
.home6-event-section .slider-btn-group {
  display:inline-flex;
  flex-direction:column;
  gap:15px;
  margin-right:50px;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
@media(max-width:991px) {
  .home6-event-section .slider-btn-group {
    display:none;
    visibility:hidden
  }
}
.home6-event-section .event-wrap {
  max-width:calc(100% - 100px);
  margin-left:100px
}
@media(max-width:991px) {
  .home6-event-section .event-wrap {
    max-width:100%;
    margin-left:0
  }
}
.home6-event-section .single-event {
  display:flex;
  align-items:center;
  justify-content:space-between
}
@media(max-width:991px) {
  .home6-event-section .single-event {
    flex-wrap:wrap;
    gap:25px
  }
}
.home6-event-section .single-event .event-content span {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400;
  display:inline-block;
  margin-bottom:23px
}
.home6-event-section .single-event .event-content h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:400;
  margin-bottom:15px;
  max-width:770px;
  margin-top:-10px
}
@media(max-width:1199px) {
  .home6-event-section .single-event .event-content h2 {
    font-size:30px
  }
}
.home6-event-section .single-event .event-content ul {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
  margin-bottom:60px
}
.home6-event-section .single-event .event-content ul li {
  line-height:1;
  margin-right:15px
}
.home6-event-section .single-event .event-content ul li a {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  transition:.35s
}
.home6-event-section .single-event .event-content ul li a svg {
  transition:.35s;
  fill:var(--paragraph-color)
}
.home6-event-section .single-event .event-content ul li a:hover {
  color:var(--title-color)
}
.home6-event-section .single-event .event-content ul li a:hover svg {
  fill:var(--title-color)
}
.home6-event-section .single-event .event-author-area {
  max-width:290px;
  width:100%;
  border:1px solid rgba(238,238,238,.93);
  background:#fff;
  padding:70px 30px 30px;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  position:relative
}
@media(max-width:576px) {
  .home6-event-section .single-event .event-author-area {
    max-width:100%
  }
}
.home6-event-section .single-event .event-author-area .batch {
  background-color:var(--primary-color);
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:600;
  line-height:1;
  padding:9px 17px;
  position:absolute;
  left:-5px;
  top:10px
}
.home6-event-section .single-event .event-author-area .author-img {
  margin-bottom:20px
}
.home6-event-section .single-event .event-author-area .author-img img {
  width:106px;
  height:106px;
  border-radius:50%;
  -o-object-fit:cover;
  object-fit:cover
}
.home6-event-section .single-event .event-author-area .content h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  margin-bottom:0
}
.home6-event-section .single-event .event-author-area .content span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400
}
@media(max-width:576px) {
  .home6-event-section .w-100 {
    width:unset!important
  }
}
.contect-section6 {
  background-image:url(../img/home6/contact-bg.png);
  background-size:cover;
  background-repeat:no-repeat;
  padding:100px 0
}
.contect-section6 .section-title1 h2 {
  max-width:570px
}
.breadcrumb-section {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:right;
  padding:240px 0 80px;
  position:relative
}
@media(max-width:1499px) {
  .breadcrumb-section {
    padding:255px 0 150px
  }
}
@media(max-width:991px) {
  .breadcrumb-section {
    padding:170px 0 120px
  }
}
@media(max-width:576px) {
  .breadcrumb-section.people-details {
    background-position:80%
  }
}
.breadcrumb-section.people-details .banner-content h1 {
  margin-bottom:0
}
.breadcrumb-section .company-name {
  color:rgba(255,255,255,.2);
  font-family:var(--font-marcellus);
  font-size:200px;
  font-weight:400;
  position:absolute;
  line-height:1;
  bottom:-9px;
  right:7%
}
@media(max-width:1499px) {
  .breadcrumb-section .company-name {
    font-size:150px;
    bottom:15px
  }
}
@media(max-width:767px) {
  .breadcrumb-section .company-name {
    display:none;
    visibility:hidden
  }
}
.breadcrumb-section .banner-content span {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  display:inline-block;
  margin-bottom:10px
}
.breadcrumb-section .banner-content h1 {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:45px;
  font-weight:400
}
@media(max-width:991px) {
  .breadcrumb-section .banner-content h1 {
    font-size:60px
  }
}
@media(max-width:767px) {
  .breadcrumb-section .banner-content h1 {
    font-size:50px
  }
}
@media(max-width:576px) {
  .breadcrumb-section .banner-content h1 {
    font-size:40px
  }
}
.breadcrumb-section .banner-content .breadcrumb-list {
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.2);
  padding:10px 20px;
  flex-wrap:wrap
}
.breadcrumb-section .banner-content .breadcrumb-list li {
  line-height:1;
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  padding-left:16px;
  position:relative
}
.breadcrumb-section .banner-content .breadcrumb-list li::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:#cacaca;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.breadcrumb-section .banner-content .breadcrumb-list li:first-child {
  padding-left:0
}
.breadcrumb-section .banner-content .breadcrumb-list li:first-child::before {
  display:none;
  visibility:hidden
}
.breadcrumb-section .banner-content .breadcrumb-list li a {
  color:var(--white-color);
  transition:.35s
}
.breadcrumb-section .banner-content .breadcrumb-list li a:hover {
  color:#cacaca
}
.blog-details-page .post-tag-and-title {
  margin-bottom:15px
}
.blog-details-page .post-tag-and-title .tags {
  display:inline-flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
  margin-bottom:15px
}
.blog-details-page .post-tag-and-title .tags li {
  line-height:1;
  position:relative
}
.blog-details-page .post-tag-and-title .tags li::after {
  content:"";
  height:12px;
  width:2px;
  background-color:rgba(13,23,32,.1);
  position:absolute;
  left:-15px;
  top:50%;
  transform:translateY(-50%)
}
@media(max-width:1399px) {
  .blog-details-page .post-tag-and-title .tags li::after {
    left:-12px
  }
}
.blog-details-page .post-tag-and-title .tags li:first-child::after {
  display:none;
  visibility:hidden
}
.blog-details-page .post-tag-and-title .tags li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:8px;
  transition:.35s
}
.blog-details-page .post-tag-and-title .tags li a svg {
  fill:var(--primary-color)
}
.blog-details-page .post-tag-and-title .tags li a:hover {
  color:var(--primary-color)
}
.blog-details-page .post-tag-and-title h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:400;
  margin-bottom:0
}
@media(max-width:1199px) {
  .blog-details-page .post-tag-and-title h2 {
    font-size:30px
  }
}
.blog-details-page p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  margin-bottom:12px
}
.blog-details-page blockquote {
  background-color:#faf8fb;
  padding:40px;
  position:relative;
  margin-top:55px;
  margin-bottom:50px
}
.blog-details-page blockquote .quoat-icon {
  width:46px;
  height:46px;
  border-radius:50%;
  background-color:var(--primary-color);
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:40px;
  top:-23px
}
.blog-details-page blockquote .quoat-icon svg {
  fill:var(--primary-color)
}
.blog-details-page blockquote p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:600;
  line-height:32px;
  margin-bottom:15px
}
.blog-details-page blockquote cite {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:600;
  font-style:normal;
  padding-left:50px;
  position:relative
}
.blog-details-page blockquote cite::before {
  content:"";
  height:1px;
  width:40px;
  background-color:var(--primary-color);
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.blog-details-page .blog-tag-social-area {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:20px 0;
  margin-top:26px;
  margin-bottom:30px;
  flex-wrap:wrap
}
.blog-details-page .blog-tag-social-area .bolg-tag {
  line-height:1;
  display:flex;
  align-items:center;
  gap:10px
}
.blog-details-page .blog-tag-social-area .bolg-tag h6 {
  line-height:1;
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:600
}
.blog-details-page .blog-tag-social-area .bolg-tag ul {
  margin:0;
  padding:0;
  list-style:none;
  line-height:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px
}
.blog-details-page .blog-tag-social-area .bolg-tag ul li {
  line-height:1
}
.blog-details-page .blog-tag-social-area .bolg-tag ul li a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  transition:.35s
}
.blog-details-page .blog-tag-social-area .bolg-tag ul li a:hover {
  color:var(--primary-color)
}
.blog-details-page .blog-tag-social-area .social-area {
  line-height:1;
  display:flex;
  align-items:center;
  gap:10px
}
.blog-details-page .blog-tag-social-area .social-area h6 {
  line-height:1;
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600
}
.blog-details-page .blog-tag-social-area .social-area ul {
  margin:0;
  padding:0;
  list-style:none;
  line-height:1;
  display:flex;
  align-items:center;
  gap:10px
}
.blog-details-page .blog-tag-social-area .social-area ul li {
  line-height:1
}
.blog-details-page .blog-tag-social-area .social-area ul li a {
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid #eee;
  color:var(--primary-color);
  transition:.35s;
  display:flex;
  align-items:center;
  justify-content:center
}
.blog-details-page .blog-tag-social-area .social-area ul li a:hover {
  color:var(--white-color);
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.blog-details-page .details-navigation {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
@media(max-width:576px) {
  .blog-details-page .details-navigation {
    justify-content:center;
    flex-wrap:wrap
  }
}
.blog-details-page .details-navigation .single-navigation {
  display:flex;
  align-items:center;
  gap:20px;
  transition:.35s
}
.blog-details-page .details-navigation .single-navigation .arrow {
  width:30px;
  height:60px;
  border-radius:5px;
  border:1px solid rgba(13,23,32,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.blog-details-page .details-navigation .single-navigation .arrow svg {
  fill:rgba(13,23,32,.16);
  transition:.35s
}
.blog-details-page .details-navigation .single-navigation .arrow:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.blog-details-page .details-navigation .single-navigation .arrow:hover svg {
  fill:var(--white-color)
}
.blog-details-page .details-navigation .single-navigation .content {
  max-width:301px;
  width:100%;
  line-height:1;
  transition:.35s
}
.blog-details-page .details-navigation .single-navigation .content>a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  transition:.35s;
  margin-bottom:5px;
  display:inline-block
}
.blog-details-page .details-navigation .single-navigation .content h6 {
  transition:.35s;
  margin-bottom:0;
  line-height:1
}
.blog-details-page .details-navigation .single-navigation .content h6 a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:600;
  line-height:24px;
  transition:.35s
}
.blog-details-page .details-navigation .single-navigation .content h6 a:hover {
  color:var(--primary-color)
}
.blog-details-page .comment-title {
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:40px
}
.blog-details-page .comment-title h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  margin-bottom:0;
  line-height:1;
  white-space:nowrap
}
.blog-details-page .comment-title .dash {
  position:relative;
  width:100%
}
.blog-details-page .comment-title .dash::after {
  content:"";
  height:1px;
  width:100%;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  background:rgba(238,238,238,.93)
}
.blog-details-page .comment {
  margin:0;
  padding:0;
  list-style:none
}
.blog-details-page .comment>li {
  margin-bottom:40px
}
.blog-details-page .comment>li>.single-comment-area {
  margin-bottom:24px
}
.blog-details-page .comment>li:last-child {
  margin-bottom:0
}
.blog-details-page .comment>li:last-child>.single-comment-area {
  margin-bottom:0
}
.blog-details-page .comment .single-comment-area {
  display:flex;
  align-items:flex-start;
  gap:20px
}
.blog-details-page .comment .single-comment-area .author-img img {
  max-width:50px;
  min-width:50px;
  height:50px;
  border-radius:50%
}
.blog-details-page .comment .single-comment-area .comment-content .author-name-deg {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  flex-wrap:wrap
}
.blog-details-page .comment .single-comment-area .comment-content .author-name-deg h6 {
  line-height:1;
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:600
}
.blog-details-page .comment .single-comment-area .comment-content .author-name-deg span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  line-height:1
}
.blog-details-page .comment .single-comment-area .comment-content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:28px;
  margin-bottom:12px
}
.blog-details-page .comment .single-comment-area .comment-content .replay-btn {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:5px;
  line-height:1;
  cursor:pointer;
  transition:.35s
}
.blog-details-page .comment .single-comment-area .comment-content .replay-btn svg {
  transition:.35s;
  fill:var(--paragraph-color)
}
.blog-details-page .comment .single-comment-area .comment-content .replay-btn:hover {
  color:var(--primary-color)
}
.blog-details-page .comment .single-comment-area .comment-content .replay-btn:hover svg {
  fill:var(--primary-color)
}
.blog-details-page .comment .comment-replay {
  margin:0;
  padding:0;
  list-style:none;
  margin-left:70px;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:24px 0
}
.blog-details-page .comment .comment-replay>li {
  margin-bottom:30px
}
.blog-details-page .comment .comment-replay>li:last-child {
  margin-bottom:0
}
.blog-details-page .inquiry-form {
  background:#dfebf7;
  padding:45px 40px 50px
}
@media(max-width:767px) {
  .blog-details-page .inquiry-form {
    padding:45px 20px 50px
  }
}
.blog-details-page .inquiry-form .title {
  margin-bottom:30px
}
.blog-details-page .inquiry-form .title h4 {
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  margin-bottom:0
}
.blog-details-page .inquiry-form .form-inner {
  position:relative;
  line-height:1
}
.blog-details-page .inquiry-form .form-inner label {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600;
  display:block;
  margin-bottom:10px
}
.blog-details-page .inquiry-form .form-inner input {
  background:var(--white-color);
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  height:50px;
  width:100%;
  padding:10px 20px;
  outline:none;
  border:1px solid #fff
}
.blog-details-page .inquiry-form .form-inner input::-moz-placeholder {
  color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-inner input::placeholder {
  color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-inner textarea {
  background:var(--white-color);
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  width:100%;
  padding:20px;
  outline:none;
  border:1px solid #fff;
  min-height:120px
}
.blog-details-page .inquiry-form .form-inner textarea::-moz-placeholder {
  color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-inner textarea::placeholder {
  color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-check {
  min-height:unset;
  margin-bottom:0
}
.blog-details-page .inquiry-form .form-check .form-check-input {
  cursor:pointer;
  height:14px;
  width:14px
}
.blog-details-page .inquiry-form .form-check .form-check-input:focus {
  box-shadow:none
}
.blog-details-page .inquiry-form .form-check .form-check-input:checked {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.blog-details-page .inquiry-form .form-check .form-check-input[type=checkbox] {
  border-radius:unset
}
.blog-details-page .inquiry-form .form-check .form-check-label {
  cursor:pointer;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400
}
.blog-st-card .blog-img img {
  min-height:300px;
  -o-object-fit:cover;
  object-fit:cover
}
.blog-st-card .blog-content {
  padding-top:20px
}
.blog-st-card .blog-content .tag-and-social-icon {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:15px
}
.blog-st-card .blog-content .tag-and-social-icon .tags {
  display:inline-flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap
}
.blog-st-card .blog-content .tag-and-social-icon .tags li {
  line-height:1;
  position:relative
}
.blog-st-card .blog-content .tag-and-social-icon .tags li::after {
  content:"";
  height:12px;
  width:2px;
  background-color:rgba(13,23,32,.1);
  position:absolute;
  left:-15px;
  top:50%;
  transform:translateY(-50%)
}
@media(max-width:1399px) {
  .blog-st-card .blog-content .tag-and-social-icon .tags li::after {
    left:-12px
  }
}
.blog-st-card .blog-content .tag-and-social-icon .tags li:first-child::after {
  display:none;
  visibility:hidden
}
.blog-st-card .blog-content .tag-and-social-icon .tags li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:8px;
  transition:.35s
}
.blog-st-card .blog-content .tag-and-social-icon .tags li a svg {
  fill:var(--primary-color)
}
.blog-st-card .blog-content .tag-and-social-icon .tags li a:hover {
  color:var(--primary-color)
}
.blog-st-card .blog-content .tag-and-social-icon .social-area {
  position:relative;
  transition:.45s
}
.blog-st-card .blog-content .tag-and-social-icon .social-area ul {
  position:absolute;
  right:30px;
  top:50%;
  transform:translateY(-50%) scaleX(0);
  opacity:0;
  transform-origin:right;
  display:flex;
  align-items:center;
  gap:8px;
  transition:.45s;
  padding-right:8px
}
.blog-st-card .blog-content .tag-and-social-icon .social-area ul li a {
  height:28px;
  width:28px;
  border:1px solid #eee;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:.35s;
  border-radius:50%
}
.blog-st-card .blog-content .tag-and-social-icon .social-area ul li a i {
  color:var(--primary-color);
  transform:.35s
}
.blog-st-card .blog-content .tag-and-social-icon .social-area ul li a:hover {
  border-color:var(--primary-color);
  background-color:var(--primary-color)
}
.blog-st-card .blog-content .tag-and-social-icon .social-area ul li a:hover i {
  color:var(--white-color)
}
.blog-st-card .blog-content .tag-and-social-icon .social-area span {
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#dfebf7;
  cursor:pointer
}
.blog-st-card .blog-content .tag-and-social-icon .social-area span svg {
  fill:var(--title-color)
}
.blog-st-card .blog-content .tag-and-social-icon .social-area:hover ul {
  opacity:1;
  transform:translateY(-50%) scale(1)
}
.blog-st-card .blog-content h3 {
  margin-bottom:15px
}
.blog-st-card .blog-content h3 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  transition:.35s
}
@media(max-width:576px) {
  .blog-st-card .blog-content h3 a {
    font-size:24px
  }
}
.blog-st-card .blog-content h3 a:hover {
  color:var(--primary-color)
}
.blog-st-card .blog-content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  margin-bottom:20px
}
.blog-sidebar .single-widgets {
  border:1px solid #eee;
  padding:25px 30px;
}
.blog-sidebar .single-widgets.widget_search {
  border:none;
  padding:0
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {
  display:flex;
  align-items:center
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input {
  background-color:#f4f9fd;
  height:56px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  border:none;
  outline:none;
  width:100%;
  padding:10px 30px;
  border-radius:unset
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button {
  min-width:68px;
  max-width:68px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  outline:none;
  background-color:var(--title-color)
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg {
  fill:var(--white-color)
}
.blog-sidebar .single-widgets .widget-title {
  line-height:1;
  margin-bottom:25px
}
.blog-sidebar .single-widgets .widget-title h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:25px;
  font-weight:400;
  margin-bottom:0
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud {
  line-height:1
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li {
  line-height:1;
  /*! margin-bottom:20px; */
  border-bottom: 1px solid rgb(219, 219, 219);
  padding-bottom: 15px;
  padding-top: 15px;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child {
  margin-bottom:0
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  transition:.35s;
  font-family: var(--font-marcellus);
  /*! transition: all .5s ease-out 0s; */
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover {
  color:var(--primary-color);
  font-family: var(--font-marcellus);

  /*! font-weight: 600; */
}
.blog-sidebar .single-widgets .widget-cnt {
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:30px
}
.blog-sidebar .single-widgets .widget-cnt:last-child {
  margin-bottom:0
}
.blog-sidebar .single-widgets .widget-cnt .wi a img {
  max-width:86px;
  min-width:86px;
  height:86px;
  -o-object-fit:cover;
  object-fit:cover
}
.blog-sidebar .single-widgets .widget-cnt .wc>a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  margin-bottom:10px;
  display:inline-block;
  line-height:1;
  transition:.35s
}
@media(max-width:1199px) {
  .blog-sidebar .single-widgets .widget-cnt .wc>a {
    font-size:12px
  }
}
.blog-sidebar .single-widgets .widget-cnt .wc>a:hover {
  color:var(--primary-color)
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 {
  margin-bottom:0
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400;
  transition:.35s
}
@media(max-width:1199px) {
  .blog-sidebar .single-widgets .widget-cnt .wc h5 a {
    font-size:16px
  }
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 a:hover {
  color:var(--primary-color)
}
.blog-sidebar .single-widgets .wp-block-tag-cloud {
  margin-bottom:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:15px
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  transition:.35s;
  line-height:1
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a:hover {
  color:var(--primary-color)
}
.mission-section .mission-content-wrap .mission-content-top {
  padding-bottom:10px;
}
@media(min-width:1400px) and (max-width:1599px) {
  .mission-section .mission-content-wrap .mission-content-top {
    padding-bottom:90px
  }
}
@media(max-width:1399px) {
  .mission-section .mission-content-wrap .mission-content-top {
    padding-bottom:70px
  }
}
@media(max-width:1199px) {
  .mission-section .mission-content-wrap .mission-content-top {
    padding-bottom:60px
  }
}
@media(max-width:991px) {
  .mission-section .mission-content-wrap .mission-content-top {
    padding-bottom:45px
  }
}
@media(max-width:576px) {
  .mission-section .mission-content-wrap .mission-content-top {
    padding-bottom:30px
  }
}
.mission-section .mission-content-wrap .mission-content-top p {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:1.9;
  margin-bottom:30px;
  padding-top:25px
}
@media(max-width:1199px) {
  .mission-section .mission-content-wrap .mission-content-top p {
    font-size:20px;
    margin-bottom:25px;
    padding-top:20px
  }
}
@media(max-width:991px) {
  .mission-section .mission-content-wrap .mission-content-top p {
    font-size:18px;
    margin-bottom:20px
  }
}
@media(max-width:576px) {
  .mission-section .mission-content-wrap .mission-content-top p {
    font-size:17px;
    padding-top:15px
  }
}
.mission-section .mission-content-wrap .mission-content-top h5 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:1;
  margin-bottom:0
}
@media(max-width:1199px) {
  .mission-section .mission-content-wrap .mission-content-top h5 {
    font-size:18px
  }
}
.mission-section .mission-content-wrap .mission-content-top h5 span {
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  color:var(--paragraph-color)
}
.mission-section .mission-content-wrap .mission-content-bottom {
  padding-top:35px;
  border-top:1px solid #eee
}
@media(min-width:1400px) and (max-width:1599px) {
  .mission-section .mission-content-wrap .mission-content-bottom {
    padding-top:55px
  }
}
@media(max-width:1399px) {
  .mission-section .mission-content-wrap .mission-content-bottom {
    padding-top:50px
  }
}
@media(max-width:1199px) {
  .mission-section .mission-content-wrap .mission-content-bottom {
    padding-top:35px
  }
}
@media(max-width:991px) {
  .mission-section .mission-content-wrap .mission-content-bottom {
    padding-top:25px
  }
}
.mission-section .mission-content-wrap .mission-content-bottom h3 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  line-height:1;
  margin-bottom:25px
}
@media(max-width:1199px) {
  .mission-section .mission-content-wrap .mission-content-bottom h3 {
    font-size:25px;
    margin-bottom:20px
  }
}
@media(max-width:576px) {
  .mission-section .mission-content-wrap .mission-content-bottom h3 {
    margin-bottom:15px
  }
}
.mission-section .mission-content-wrap .mission-content-bottom p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1.8;
  margin-bottom:10px;
  text-align: justify;
}
@media(max-width:1199px) {
  .mission-section .mission-content-wrap .mission-content-bottom p {
    font-size:15px;
    margin-bottom:30px
  }
}
@media(max-width:576px) {
  .mission-section .mission-content-wrap .mission-content-bottom p {
    font-size:14px;
    margin-bottom:20px
  }
}
.mission-section .mission-content-wrap .mission-content-bottom .moretext {
  display:none
}
.mission-section .mission-content-wrap .mission-content-bottom a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:5px;
  padding-top:20px;
  cursor:pointer
}
.mission-section .mission-content-wrap .mission-content-bottom a i {
  color:var(--paragraph-color);
  font-size:12px
}
.moreless-button.bi-chevron-up::before {
  display:none
}
.moreless-button.bi-chevron-up::after {
  content:"\f286";
  display:inline-block;
  font-family:bootstrap-icons!important;
  font-style:normal;
  font-weight:400!important;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  vertical-align:-.125em;
  -webkit-font-smoothing:antialiased
}
.moreless-button.bi-chevron-down::before {
  display:none
}
.moreless-button.bi-chevron-down::after {
  content:"\f282";
  display:inline-block;
  font-family:bootstrap-icons!important;
  font-style:normal;
  font-weight:400!important;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  vertical-align:-.125em;
  -webkit-font-smoothing:antialiased
}
.event-details-page .section-title1 {
  border-bottom:1px solid #eee;
  padding-bottom:25px;
  margin-bottom:25px
}
.event-details-page .section-title1 h2 {
  max-width:100%;
  padding-top:0
}
.event-details-page .section-title1.two {
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:15px;
  padding-top:100px
}
.event-details-page .event-info {
  -moz-columns:2;
  columns:2
}
@media(max-width:767px) {
  .event-details-page .event-info {
    -moz-columns:1;
    columns:1
  }
}
.event-details-page .event-info li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  margin-bottom:7px;
  display:flex;
  gap:15px
}
.event-details-page .event-info li strong {
  color:var(--title-color);
  font-weight:600
}
.event-details-page .event-img-slider {
  position:relative
}
.event-details-page .event-img-slider .event-img a img {
  min-height:320px;
  -o-object-fit:cover;
  object-fit:cover
}
.event-details-page .event-img-slider .event-pagination {
  width:unset;
  display:inline-flex;
  justify-content:center;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:30px;
  z-index:99
}
.event-details-page .event-img-slider .event-pagination .swiper-pagination-bullet {
  height:10px;
  width:10px;
  opacity:1;
  background-color:rgba(255,255,255,.5)
}
.event-details-page .event-img-slider .event-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:#fff
}
.event-details-page .pic-cap-and-sicial {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:50px
}
.event-details-page .pic-cap-and-sicial .pic-cap {
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  line-height:1
}
.event-details-page .pic-cap-and-sicial .pic-cap svg {
  fill:var(--paragraph-color)
}
.event-details-page .pic-cap-and-sicial .social-link {
  gap:10px
}
.event-details-page .pic-cap-and-sicial .social-link li a {
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid #eee;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.event-details-page .pic-cap-and-sicial .social-link li a i {
  transition:.35s;
  color:var(--primary-color)
}
.event-details-page .pic-cap-and-sicial .social-link li a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.event-details-page .pic-cap-and-sicial .social-link li a:hover i {
  color:var(--white-color)
}
.event-details-page h3 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400
}
.event-details-page p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  margin-bottom:10px
}
.event-details-page .event-fetures {
  padding-left:30px;
  position:relative
}
@media(max-width:576px) {
  .event-details-page .event-fetures {
    padding-left:20px
  }
}
.event-details-page .event-fetures::before {
  height:10px;
  width:10px;
  border-radius:50%;
  background-color:var(--primary-color);
  content:"";
  position:absolute;
  left:0;
  top:4px
}
.event-details-page .event-fetures h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:600;
  margin-bottom:10px
}
.event-details-page .event-fetures .feature-list {
  padding-top:10px;
  padding-left:1.5rem
}
.event-details-page .event-fetures .feature-list li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  list-style:decimal;
  margin-bottom:12px
}
.event-details-page .event-fetures .feature-list li:last-child {
  margin-bottom:0
}
.event-details-page .event-fetures.two::before {
  display:none;
  visibility:hidden
}
.event-details-page .event-fetures.two .meal-list {
  display:flex;
  align-items:baseline;
  gap:20px
}
.event-details-page .event-fetures.two .meal-list li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500
}
.event-sidebar .event-speakers-area .single-speakers {
  border:1px solid #eee;
  border-bottom:unset;
  padding:10px
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content {
  padding:20px
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content h5 {
  margin-bottom:0
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content h5 a {
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  transition:.35s
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content h5 a:hover {
  color:var(--primary-color)
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content span {
  color:var(--paragraph-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content .social-link {
  justify-content:center;
  gap:10px;
  padding-top:15px
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content .social-link li a {
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid #eee;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content .social-link li a i {
  transition:.35s;
  color:var(--primary-color)
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content .social-link li a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.event-sidebar .event-speakers-area .single-speakers .speakers-content .social-link li a:hover i {
  color:var(--white-color)
}
.event-sidebar .event-speakers-area .slider-btn-group {
  background-color:#f4f9fd;
  padding:25px 20px
}
.event-sidebar .event-speakers-area .slider-btn-group .event-fractional-pagination {
  position:relative;
  right:unset;
  bottom:unset;
  left:unset;
  top:unset;
  width:unset;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
@media(max-width:576px) {
  .event-sidebar .event-speakers-area .slider-btn-group .event-fractional-pagination {
    top:unset;
    position:relative;
    right:unset;
    display:flex
  }
}
.event-sidebar .event-speakers-area .slider-btn-group .event-fractional-pagination .swiper-pagination-current {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.event-sidebar .event-speakers-area .slider-btn-group .event-fractional-pagination .swiper-pagination-total {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:16px;
  font-weight:400
}
.event-sidebar .register-btn a {
  width:100%;
  justify-content:center
}
.event-sidebar .event-location-map iframe {
  width:100%;
  min-height:390px
}
.event-sidebar .single-widgets {
  border:1px solid #eee;
  padding:45px 30px
}
.event-sidebar .single-widgets .widget-title {
  line-height:1;
  margin-bottom:25px
}
.event-sidebar .single-widgets .widget-title h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:25px;
  font-weight:400;
  margin-bottom:0
}
.event-sidebar .single-widgets .widget-cnt {
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:30px
}
.event-sidebar .single-widgets .widget-cnt:last-child {
  margin-bottom:0
}
.event-sidebar .single-widgets .widget-cnt .wi a img {
  max-width:86px;
  min-width:86px;
  height:86px;
  -o-object-fit:cover;
  object-fit:cover
}
.event-sidebar .single-widgets .widget-cnt .wc>a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  margin-bottom:10px;
  display:inline-block;
  line-height:1;
  transition:.35s
}
@media(max-width:1199px) {
  .event-sidebar .single-widgets .widget-cnt .wc>a {
    font-size:12px
  }
}
.event-sidebar .single-widgets .widget-cnt .wc>a:hover {
  color:var(--primary-color)
}
.event-sidebar .single-widgets .widget-cnt .wc h5 {
  margin-bottom:0
}
.event-sidebar .single-widgets .widget-cnt .wc h5 a {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400;
  transition:.35s
}
@media(max-width:1199px) {
  .event-sidebar .single-widgets .widget-cnt .wc h5 a {
    font-size:16px
  }
}
.event-sidebar .single-widgets .widget-cnt .wc h5 a:hover {
  color:var(--primary-color)
}
.event-sidebar .sponsore-section {
  background-color:#f4f9fd;
  padding:50px 30px
}
.event-sidebar .sponsore-section .widget-title {
  margin-bottom:27px
}
.event-sidebar .sponsore-section .widget-title h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:25px;
  font-weight:400
}
.event-sidebar .sponsore-section .sponser-category h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:500;
  margin-bottom:20px;
  border-bottom:1px solid #eee;
  padding-bottom:13px
}
.event-sidebar .sponsore-section .sponser-category h6 strong {
  font-weight:700
}
.event-sidebar .sponsore-section .sponser-category .sponser-list a {
  height:54px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#fff;
  padding:5px 10px
}
.event-card {
  position:relative
}
.event-card .event-img img {
  min-height:350px;
  -o-object-fit:cover;
  object-fit:cover
}
.event-card .event-content {
  background:linear-gradient(73deg,rgba(13,23,32,0.8) 0%,rgba(13,23,32,0.1) 60.4%);
  padding:30px;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:end
}
@media(max-width:576px) {
  .event-card .event-content {
    padding:30px 20px
  }
}
.event-card .event-content h6 {
  font-size:16px;
  font-family:var(--font-marcellus);
  color:var(--white-color);
  margin-bottom:7px;
  font-weight:400
}
.event-card .event-content h4 {
  font-size:28px;
  font-family:var(--font-marcellus);
  color:var(--white-color);
  margin-bottom:10px;
  font-weight:400
}
@media(max-width:576px) {
  .event-card .event-content h4 {
    font-size:24px
  }
}
.event-card .event-content ul {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-bottom:25px
}
.event-card .event-content ul li {
  padding-right:10px
}
.event-card .event-content ul li a {
  color:var(--white-color);
  font-size:15px;
  font-weight:400;
  display:flex;
  align-items:baseline;
  gap:7px
}
.event-card .event-content ul li a svg {
  fill:var(--white-color)
}
.faq-wrap .accordion .accordion-item {
  border-radius:0;
  border:none;
  /*! background:#f7f7f7; */
  margin-bottom:20px
}
.faq-wrap .accordion .accordion-item:last-child {
  margin-bottom:0
}
.faq-wrap .accordion .accordion-item .accordion-header {
  background:#f7f7f7;
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
  background:#f4f4f4;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:500;
  padding:20px 30px;
  margin-bottom: 20px;
}
@media(max-width:576px) {
  .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
    padding:15px 40px 15px 20px;
    font-size:18px
  }
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
  flex-shrink:0;
  width:unset;
  height:unset;
  margin-left:auto;
  background-image:none;
  background-repeat:unset;
  background-size:unset;
  font-family:bootstrap-icons!important;
  position:absolute;
  right:17px;
  content:"\f123";
  transition:unset;
  font-size:17px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:500;
  color:var(--paragraph-color)
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  border:transparent;
  box-shadow:none;
  background-color:transparent;
  padding-bottom:10px
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image:none;
  transform:unset;
  font-family:bootstrap-icons!important;
  content:"\f128";
  color:var(--primary-color)
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus {
  border:transparent;
  box-shadow:none
}
.faq-wrap .accordion .accordion-item .accordion-body {
  padding:0 40px 15px 30px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:28px;
}
@media(max-width:576px) {
  .faq-wrap .accordion .accordion-item .accordion-body {
    padding:0 40px 15px 20px
  }
}
.faq-wrap button {
  white-space:wrap
}
.faq-wrap.two .accordion .accordion-item {
  background-color:var(--white-color)
}
.faq-wrap.two .accordion .accordion-item .accordion-header {
  background-color:var(--white-color)
}
.faq-wrap.two .accordion .accordion-item .accordion-header .accordion-button {
  background-color:var(--white-color)
}
.faq-page .faq-img {
  height:100%
}
.faq-page .faq-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.pagination-area {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  flex-wrap:wrap
}
.pagination-area .paginations {
  padding:0;
  margin:0;
  list-style:none;
  display:flex;
  align-items:center;
  gap:15px
}
.pagination-area .paginations .page-item a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:600;
  line-height:1;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid #eee;
  display:flex;
  align-items:center;
  justify-content:center
}
.pagination-area .paginations .page-item.active a {
  background-color:var(--primary-color);
  color:var(--white-color)
}
.pagination-area .paginations-button a {
  color:var(--title-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:8px
}
.pagination-area .paginations-button a svg {
  fill:var(--title-color)
}
.people-card-section .people-card-top-area {
  border-bottom:1px solid #eee;
  padding-bottom:30px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
@media(max-width:991px) {
  .people-card-section .people-card-top-area {
    flex-wrap:wrap;
    gap:20px
  }
}
.people-card-section .people-card-top-area .total-team-members-area {
  display:flex;
  align-items:center;
  gap:40px
}
@media(max-width:1199px) {
  .people-card-section .people-card-top-area .total-team-members-area {
    gap:20px
  }
}
.people-card-section .people-card-top-area .total-team-members-area .icon svg {
  fill:#dfebf7
}
.people-card-section .people-card-top-area .total-team-members-area .content {
  max-width:470px;
  width:100%
}
@media(max-width:1199px) {
  .people-card-section .people-card-top-area .total-team-members-area .content {
    max-width:400px
  }
}
.people-card-section .people-card-top-area .total-team-members-area .content h4 {
  color:#0d1720;
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  line-height:1.2;
  margin-bottom:10px
}
.people-card-section .people-card-top-area .total-team-members-area .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  line-height:1.7;
  margin-bottom:0
}
.people-card-section .people-tag {
  background-color:#dfebf7;
  padding:11px 40px 11px 25px;
  display:inline-block;
  -webkit-clip-path:polygon(0 0,90% 0,100% 100%,0% 100%);
  clip-path:polygon(0 0,90% 0,100% 100%,0% 100%);
  margin-bottom:30px
}
.people-card-section .people-tag span {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:1
}
.people-card-section.two .people-left-content {
  position:relative
}
.people-card-section.two .people-left-content .section-title1 {
  position:sticky;
  top:50px
}
.terms-and-conditions-pages .update-date {
  display:flex;
  align-items:center;
  gap:48px;
  line-height:1
}
.terms-and-conditions-pages .update-date h6 {
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  line-height:1;
  position:relative
}
.terms-and-conditions-pages .update-date h6 i {
  color:var(--primary-color)
}
.terms-and-conditions-pages .update-date h6::after {
  content:"";
  width:28px;
  height:1px;
  background-color:var(--title-color);
  position:absolute;
  right:-38px;
  top:50%;
  transform:translateY(-50%)
}
.terms-and-conditions-pages .update-date p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:400;
  margin-bottom:0
}
.terms-and-conditions-pages .terms-and-conditions h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  margin-bottom:15px
}
.terms-and-conditions-pages .terms-and-conditions p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  margin-bottom:10px
}
.terms-and-conditions-pages .terms-and-conditions p:last-child {
  margin-bottom:0
}
.terms-and-conditions-pages .terms-and-conditions ul {
  margin:0;
  padding:0;
  list-style:none;
  padding-left:50px;
  margin-bottom:5px;
  padding-top:5px
}
@media(max-width:767px) {
  .terms-and-conditions-pages .terms-and-conditions ul {
    padding-left:20px
  }
}
.terms-and-conditions-pages .terms-and-conditions ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:30px;
  margin-bottom:15px
}
.terms-and-conditions-pages .terms-and-conditions ul li strong {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:600;
  line-height:30px
}
.career-page .section-title1 h2 {
  padding-top:0
}
.career-page .position-apply-area {
  display:flex;
  gap:20px
}
.career-page .position-apply-area .icon svg {
  fill:var(--primary-color)
}
.career-page .position-apply-area .content {
  margin-top:-10px
}
.career-page .position-apply-area .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  margin-bottom:20px
}
.career-page .position-apply-area .content a {
  color:var(--primary-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  transition:.35s;
  display:flex;
  align-items:center;
  gap:8px
}
.career-page .position-apply-area .content a svg {
  transition:.35s;
  fill:var(--primary-color)
}
.career-page .position-apply-area .content a:hover {
  color:var(--title-color)
}
.career-page .position-apply-area .content a:hover svg {
  fill:var(--title-color);
  transform:rotate(45deg)
}
.career-page .career-img a img {
  min-height:320px;
  -o-object-fit:cover;
  object-fit:cover
}
.career-page .event-img-slider {
  position:relative
}
.career-page .event-img-slider .event-pagination {
  width:unset;
  display:inline-flex;
  justify-content:center;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:30px;
  z-index:99
}
.career-page .event-img-slider .event-pagination .swiper-pagination-bullet {
  height:10px;
  width:10px;
  opacity:1;
  background-color:rgba(255,255,255,.5)
}
.career-page .event-img-slider .event-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:#fff
}
.career-page .review-and-counter-area {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eee;
  margin-top: 10px;
  padding-right: 0;
  padding-left: 0;
}
@media(min-width:1200px) and (max-width:1399px) {
  .career-page .review-and-counter-area {
    gap:50px
  }
}
@media(max-width:1199px) {
  .career-page .review-and-counter-area {
    flex-direction:column;
    padding-top:40px
  }
}
.career-page .review-and-counter-area .counter-wrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:940px;
  width:100%
}
@media(max-width:1199px) {
  .career-page .review-and-counter-area .counter-wrap {
    border-top:1px solid #eee;
    width:100%;
    margin-top:40px
  }
}
@media(max-width:767px) {
  .career-page .review-and-counter-area .counter-wrap {
    flex-wrap:wrap;
    justify-content:center
  }
}
.career-page .review-and-counter-area .counter-wrap .single-counter {
  display:flex;
  gap:30px;
  width:33.33%;
  border-right:1px solid #eee;
  padding:30px 45px
}
@media(max-width:1399px) {
  .career-page .review-and-counter-area .counter-wrap .single-counter {
    padding:30px 20px
  }
}
@media(max-width:1199px) {
  .career-page .review-and-counter-area .counter-wrap .single-counter {
    padding:30px 20px
  }
}
@media(max-width:767px) {
  .career-page .review-and-counter-area .counter-wrap .single-counter {
    width:50%;
    border:none
  }
}
@media(max-width:576px) {
  .career-page .review-and-counter-area .counter-wrap .single-counter {
    width:100%;
    border:none
  }
}
.career-page .review-and-counter-area .counter-wrap .single-counter:first-child {
  padding-left:0
}
@media(max-width:576px) {
  .career-page .review-and-counter-area .counter-wrap .single-counter:first-child {
    padding:30px 20px
  }
}
.career-page .review-and-counter-area .counter-wrap .single-counter:last-child {
  padding-right:0;
  border:none
}
@media(max-width:576px) {
  .career-page .review-and-counter-area .counter-wrap .single-counter:last-child {
    padding:30px 20px
  }
}
.career-page .review-and-counter-area .counter-wrap .single-counter .icon svg {
  fill:#566064
}
.career-page .review-and-counter-area .counter-wrap .single-counter .content {
  margin-top:-4px
}
.career-page .review-and-counter-area .counter-wrap .single-counter .content .number {
  display:flex;
  align-items:center;
  line-height:1;
  margin-bottom:13px
}
.career-page .review-and-counter-area .counter-wrap .single-counter .content .number h2 {
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.career-page .review-and-counter-area .counter-wrap .single-counter .content .number>span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1
}
.career-page .review-and-counter-area .counter-wrap .single-counter .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500
}
.fact-and-benefits-section .section-title1 {
  gap:0;
  justify-content:center;
  align-items:center;
  /*! max-width:500px; */
  width:100%
}
.fact-and-benefits-section .section-title1 h2 {
  margin-bottom:15px
}
.job-post-section {
  /*! background-color:#f4f9fd; */
  padding:100px 0
}
.job-post-section .section-title1 {
  gap:0;
  max-width:700px;
  width:100%
}
.job-post-section .section-title1 h2 {
  margin-bottom:15px;
  padding-top:0
}
.job-post-section .single-job-card {
  padding:10px 5px 2px 20px;
  background-color:#f7f7f7;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  margin-bottom: 10px;
  border: 1px solid rgb(219, 219, 219);
}
@media(max-width:991px) {
  .job-post-section .single-job-card {
    flex-wrap:wrap
  }
}
@media(max-width:576px) {
  .job-post-section .single-job-card {
    padding:30px 20px
  }
}
.job-post-section .single-job-card .job-list-content {
  display:flex;
  align-items:center;
  gap:20px;
  max-width:780px;
  width:100%
}
@media(max-width:767px) {
  .job-post-section .single-job-card .job-list-content {
    flex-wrap:wrap
  }
}
.job-post-section .single-job-card .job-list-content .post-name {
  line-height:1;
  max-width:300px;
  width:100%
}
.job-post-section .single-job-card .job-list-content .post-name h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:17px;
  font-weight:400;
  margin-bottom:9px;
}
.job-post-section .single-job-card .job-list-content .post-name span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500
}
.job-post-section .single-job-card .job-list-content .job-discription ul {
  width:500px;
  -moz-columns:2;
  columns:2;
  -moz-column-gap:40px;
  column-gap:40px
}
@media(max-width:1199px) {
  .job-post-section .single-job-card .job-list-content .job-discription ul {
    -moz-columns:1;
    columns:1;
    width:300px
  }
}
.job-post-section .single-job-card .job-list-content .job-discription ul li {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  position:relative;
  padding-left:18px;
  margin-bottom:10px
}
.job-post-section .single-job-card .job-list-content .job-discription ul li::before {
  content:"";
  height:8px;
  width:8px;
  border-radius:50%;
  border:1px solid rgba(46,68,141,.5);
  position:absolute;
  left:0;
  top:6px
}
.job-post-section .single-job-card .job-list-content .job-discription ul li span {
  color:var(--paragraph-color);
  padding-right:5px
}
.single-plan {
  background-color:#f4f9fd;
  padding:50px 40px;
  position:relative
}
@media(max-width:1399px) {
  .single-plan {
    padding:50px 20px
  }
}
.single-plan .batch {
  position:absolute;
  left:0;
  top:0;
  line-height:1
}
.single-plan .batch span {
  color:#fff;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:600;
  background-color:var(--primary-color);
  padding:7px 21px;
  border-radius:0;
  display:inline-block
}
.single-plan .pricing-top {
  border-bottom:1px solid rgba(13,23,32,.08);
  padding-bottom:30px
}
.single-plan .pricing-top h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  margin-bottom:15px
}
.single-plan .pricing-top h2 {
  color:var(--primary-color);
  font-family:var(--font-marcellus);
  font-size:50px;
  font-weight:400;
  margin-bottom:0
}
.single-plan .pricing-top h2 sub {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500
}
.single-plan ul {
  padding-top:50px;
  margin-bottom:100px
}
.single-plan ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:15px
}
.single-plan ul li:last-child {
  margin-bottom:0
}
.single-plan ul li svg {
  fill:var(--primary-color)
}
.single-plan .primary-btn1 {
  width:100%;
  justify-content:center
}
.single-plan .primary-btn1.two {
  background-color:var(--white-color);
  color:var(--primary-color)
}
.single-plan .primary-btn1.two svg {
  fill:var(--primary-color)
}
.single-plan .primary-btn1.two span {
  background-color:var(--primary-color)
}
.single-plan .primary-btn1.two:hover {
  color:var(--white-color)
}
.single-plan .primary-btn1.two:hover svg {
  fill:var(--white-color)
}
.contact-page .single-location {
  border:1px solid #eee;
  padding:40px
}
@media(max-width:767px) {
  .contact-page .single-location {
    padding:40px 25px
  }
}
.contact-page .single-location .title-and-view-btn {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:20px
}
.contact-page .single-location .title-and-view-btn h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  margin-bottom:0;
  line-height:1
}
.contact-page .single-location .title-and-view-btn a {
  color:var(--primary-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  transition:.35s;
  line-height:1;
  display:flex;
  align-items:center;
  gap:5px
}
.contact-page .single-location .title-and-view-btn a svg {
  fill:var(--primary-color);
  transition:.35s
}
.contact-page .single-location .title-and-view-btn a:hover {
  color:var(--title-color)
}
.contact-page .single-location .title-and-view-btn a:hover svg {
  fill:var(--title-color);
  transform:rotate(45deg)
}
.contact-page .single-location ul {
  margin:0;
  padding:0;
  list-style:none;
  max-width:320px;
  width:100%
}
.contact-page .single-location ul li {
  display:flex;
  align-items:center;
  gap:14px;
  line-height:1;
  margin-bottom:20px;
  transition:.35s
}
.contact-page .single-location ul li:last-child {
  margin-bottom:0
}
.contact-page .single-location ul li .icon {
  max-width:34px;
  min-width:34px;
  height:34px;
  border:1px solid #eee;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.contact-page .single-location ul li .icon svg {
  transition:.35s;
  fill:var(--primary-color)
}
.contact-page .single-location ul li .info {
  line-height:1
}
.contact-page .single-location ul li .info a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:26px;
  display:block
}
.contact-page .single-location ul li .info a:hover {
  color:var(--primary-color)
}
.contact-page .single-location ul li:hover .icon {
  background-color:var(--primary-color)
}
.contact-page .single-location ul li:hover .icon svg {
  fill:var(--white-color)
}
.contact-page .company-map {
  width:100%;
  height:100%
}
.contact-page .company-map iframe {
  width:100%;
  height:100%;
  min-height:350px;
  filter:grayscale(199%) invert(98%) contrast(122%)
}
.apply-position-section p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1.7
}
.apply-position-section p strong {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400
}
.apply-position-section .job-responsibility p {
  margin-bottom:15px
}
.apply-position-section ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  margin-bottom:10px;
  padding-left:18px;
  position:relative
}
.apply-position-section ul li::before {
  content:"";
  height:10px;
  width:10px;
  border-radius:50%;
  border:1px solid rgba(46,68,141,.5);
  position:absolute;
  left:0;
  top:6px
}
.apply-position-section ul li:last-child {
  margin-bottom:0
}
.apply-position-section .job-summary-area {
  border-radius:5px;
  border:1px solid #eee;
  padding:20px;
  position:sticky;
  top:50px
}
@media(max-width:991px) {
  .apply-position-section .job-summary-area {
    padding:10px
  }
}
.apply-position-section .job-summary-area ul {
  padding:40px;
  border-radius:5px;
  background-color:#f4f9fd
}
@media(max-width:576px) {
  .apply-position-section .job-summary-area ul {
    padding:40px 20px
  }
}
.apply-position-section .job-summary-area ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  margin-bottom:16px
}
.apply-position-section .job-summary-area ul li:last-child {
  margin-bottom:0
}
.apply-position-section .job-summary-area ul li span {
  color:var(--title-color)
}
.position-apply-form .section-title1 {
  gap:0
}
.position-apply-form .section-title1 h2 {
  padding-top:0;
  margin-bottom:15px
}
.service-details-wrapper .service-details-solution-area .solution-img {
  height:100%
}
.service-details-wrapper .service-details-solution-area .solution-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:left;
  object-position:center;
}
@media(max-width:767px) {
  .service-details-wrapper .service-details-solution-area .solution-img img {
    width:100%
  }
}
.service-details-wrapper .service-details-solution-area .solution-content ul {
  list-style:decimal;
  padding-left:20px;
  -moz-columns:2;
  /*! columns:2; */
  -moz-column-gap:30px;
  column-gap:30px;
  /*! max-width:740px; */
  width:100%;
  margin-bottom:30px
}
@media(max-width:576px) {
  .service-details-wrapper .service-details-solution-area .solution-content ul {
    -moz-columns:unset;
    columns:unset
  }
}
.service-details-wrapper .service-details-solution-area .solution-content ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  margin-bottom:15px
}
@media(min-width:768px) and (max-width:991px) {
  .service-details-wrapper .service-details-solution-area .solution-content ul li {
    font-size:14px
  }
}
.service-details-wrapper .service-details-advantage .advantage-content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  margin-bottom:35px
}
@media(max-width:576px) {
  .service-details-wrapper .service-details-advantage .advantage-content p {
    font-size:15px;
    margin-bottom:25px
  }
}
.service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom {
  display:flex;
  gap:65px
}
@media(min-width:1400px) and (max-width:1599px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom {
    gap:20px
  }
}
@media(max-width:1399px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom {
    gap:20px
  }
}
@media(max-width:1199px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom {
    flex-wrap:wrap
  }
}
.service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul {
  -moz-columns:2;
  columns:2;
  max-width:640px;
  width:100%
}
@media(min-width:1400px) and (max-width:1599px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul {
    max-width:605px;
    -moz-column-gap:0;
    column-gap:0
  }
}
@media(max-width:1399px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul {
    max-width:470px;
    -moz-column-gap:0;
    column-gap:0
  }
}
@media(max-width:576px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul {
    -moz-columns:unset;
    columns:unset
  }
}
.service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul li {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:1.3;
  margin-bottom:15px
}
@media(max-width:576px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul li {
    display:flex;
    font-size:15px
  }
}
.service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul li:nth-child(3) {
  margin-bottom:0
}
@media(max-width:576px) {
  .service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul li:nth-child(3) {
    margin-bottom:15px
  }
}
.service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul li:last-child {
  margin-bottom:0
}
.service-details-wrapper .service-details-advantage .advantage-content .advantage-content-bottom ul li svg {
  fill:var(--paragraph-color)
}
.service-details-wrapper .service-details-advantage .advantage-img {
  height:100%
}
.service-details-wrapper .service-details-advantage .advantage-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
@media(max-width:1199px) {
  .service-details-wrapper .service-details-advantage .advantage-img img {
    height:350px
  }
}
@media(max-width:991px) {
  .service-details-wrapper .service-details-advantage .advantage-img img {
    width:100%
  }
}
.service-details-faq-section {
  background-color:#dfebf7;
  padding:100px 0
}
@media(max-width:991px) {
  .service-details-faq-section {
    padding:90px 0
  }
}
@media(max-width:767px) {
  .service-details-faq-section {
    padding:70px 0
  }
}
.details-section-title {
  display:flex;
  align-items:center;
  gap:8px;
  /*! background-color:#f4f4f4; */
  padding:14px 30px;
  background: linear-gradient(90deg, rgb(244, 244, 244) 0%, rgb(208, 208, 208) 50%, rgb(244, 244, 244) 100%);
}
.details-section-title svg {
  fill:var(--primary-color)
}
.details-section-title h4 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  line-height:1.2;
  margin-bottom:0
}
.details-counter-area {
  display:flex;
  gap:30px
}
@media(max-width:1399px) {
  .details-counter-area {
    gap:20px
  }
}
.details-counter-area .icon svg {
  fill:var(--paragraph-color)
}
.details-counter-area .content .content-top {
  display:flex;
  align-items:baseline;
  gap:15px;
  margin-bottom:13px;
  margin-top:-4px
}
.details-counter-area .content .content-top .number {
  display:flex;
  align-items:center;
  line-height:1
}
.details-counter-area .content .content-top .number h2,
.details-counter-area .content .content-top .number span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:40px;
  font-weight:600;
  line-height:1;
  margin-bottom:0
}
@media(max-width:576px) {
  .details-counter-area .content .content-top .number h2,
  .details-counter-area .content .content-top .number span {
    font-size:35px
  }
}
.details-counter-area .content .content-top span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:20px;
  font-weight:500;
  line-height:1
}
.details-counter-area .content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:1;
  margin-bottom:0
}
.details-page-content h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:35px;
  font-weight:500;
  line-height:1.2;
  margin-bottom:25px
}
@media(max-width:767px) {
  .details-page-content h2 {
    font-size:30px
  }
}
@media(max-width:576px) {
  .details-page-content h2 {
    font-size:25px
  }
}
.details-page-content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  margin-bottom:12px
}
@media(max-width:767px) {
  .details-page-content p {
    font-size:15px
  }
}
@media(max-width:576px) {
  .details-page-content p {
    font-size:14px
  }
}
.details-page-content p.first-para::first-letter {
  font-size:24px;
  font-weight:600;
  line-height:1
}
@media(max-width:576px) {
  .details-page-content p.first-para::first-letter {
    font-size:22px
  }
}
.details-page-content .contect-area {
  padding-top:15px
}
.details-page-content .contect-area .social-area {
  display:flex;
  align-items:center;
  gap:25px
}
.details-page-content .contect-area .social-area h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  margin-bottom:0
}
.details-page-content .contect-area .social-area .social-link {
  display:flex;
  align-items:center;
  gap:15px
}
.details-page-content .contect-area .social-area .social-link li a {
  height:30px;
  width:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #eee;
  color:var(--primary-color);
  transition:.4s
}
.details-page-content .contect-area .social-area .social-link li a:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color);
  color:var(--white-color)
}
.details-page-content .contect-area .contact-number {
  display:flex;
  align-items:center;
  gap:15px;
  transition:.4s
}
@media(min-width:1200px) {
  .details-page-content .contect-area .contact-number {
    padding-right:50px
  }
}
.details-page-content .contect-area .contact-number .icon {
  min-width:50px;
  max-width:50px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#e8f1fb;
  transition:.4s
}
.details-page-content .contect-area .contact-number .icon svg {
  fill:var(--primary-color);
  transition:.4s
}
.details-page-content .contect-area .contact-number .content {
  line-height:1;
  width:100%;
  transition:.4s
}
.details-page-content .contect-area .contact-number .content a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  height:45px;
  display:flex;
  align-items:center;
  padding:10px 20px;
  border:1px solid #eee;
  width:100%;
  transition:.4s
}
.details-page-content .contect-area .contact-number:hover .icon {
  background-color:var(--primary-color)
}
.details-page-content .contect-area .contact-number:hover .icon svg {
  fill:var(--white-color)
}
.details-page-content .contect-area .contact-number:hover .content a {
  color:var(--primary-color);
  border-color:var(--primary-color)
}
.people-details-wrapper .pepople-feature h3 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:30px;
  font-weight:400;
  margin-bottom:20px
}
.people-details-wrapper .pepople-feature .pepople-feature-table tbody tr td {
  border:1px solid #eee;
  padding:35px 50px;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:400;
  width:50%
}
@media(max-width:1399px) {
  .people-details-wrapper .pepople-feature .pepople-feature-table tbody tr td {
    padding:30px 20px
  }
}
@media(max-width:1199px) {
  .people-details-wrapper .pepople-feature .pepople-feature-table tbody tr td {
    font-size:22px
  }
}
@media(max-width:576px) {
  .people-details-wrapper .pepople-feature .pepople-feature-table tbody tr td {
    width:100%;
    display:block
  }
}
.people-details-wrapper .pepople-feature ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  margin-bottom:10px
}
.people-details-wrapper .pepople-feature ul li:last-child {
  margin-bottom:0
}
.people-details-wrapper .pepople-feature ul li span {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500
}
.people-details-wrapper .pepople-feature ul.exp-services {
  -moz-columns:2;
  columns:2
}
@media(max-width:576px) {
  .people-details-wrapper .pepople-feature ul.exp-services {
    -moz-columns:1;
    columns:1
  }
}
.people-details-wrapper .pepople-feature ul.exp-services li {
  font-weight:500
}
.people-section.two {
  background:#f4f9fd;
  padding:100px 0
}
@media(min-width:992px) and (max-width:1199px) {
  .people-section.two {
    padding:90px 0
  }
}
@media(max-width:991px) {
  .people-section.two {
    padding:70px 0
  }
}
.people-section.two .people-with-designation {
  display:flex;
  align-items:center
}
.people-section.two .people-with-designation .people-designation {
  background-color:var(--white-color);
  padding:18px 30px;
  transform:rotate(-90deg)
}
.people-section.two .people-with-designation .people-designation h6 {
  color:var(--paragraph-color);
  font-family:var(--font-marcellus);
  font-size:20px;
  font-weight:400;
  line-height:1;
  margin-bottom:0;
  white-space:nowrap
}
.case-study-details-wrapper .case-study-details-top .pb-20 {
  padding-bottom:15px
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap {
  /*! background:#e5f4de; */
  padding:30px;
  max-width:445px;
  width:100%;
  border-radius: 30px 0 30px;
  background: linear-gradient(90deg, rgb(10, 172, 210) 0%, rgba(4, 185, 125, 0.74) 100%);
}
@media(max-width:1399px) {
  .case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap {
    padding:50px 30px
  }
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap {
    padding:40px 20px
  }
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap table {
  width:100%;
  margin-bottom:50px
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap table tbody tr td {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400;
  line-height:1;
  padding-bottom:25px;
  width:50%
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap table tbody tr td span {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:1.2
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap table tbody tr:last-child td {
  padding-bottom:0
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .download-btns li {
  margin-bottom:20px
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .download-btns li:last-child {
  margin-bottom:0
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .download-btns li a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 20px;
  background-color:#fff;
  transition:.5s;
  border-radius: 20px 0 20px;
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .download-btns li a:hover {
  background-color:var(--primary-color);
  color:var(--white-color)
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area {
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background-color:var(--white-color);
  padding:17px 30px
}
@media(min-width:992px) and (max-width:1199px) {
  .case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area {
    padding:17px 15px
  }
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area {
    padding:17px 15px
  }
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area h6 {
  line-height:1;
  margin-bottom:0;
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:18px;
  font-weight:400
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area ul {
  line-height:1;
  display:flex;
  align-items:center;
  gap:15px
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area ul li {
  line-height:1
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area ul li a {
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid #eee;
  color:var(--primary-color);
  transition:.35s;
  display:flex;
  align-items:center;
  justify-content:center
}
.case-study-details-wrapper .case-study-details-top .case-study-details-info-wrap .social-area ul li a:hover {
  color:var(--white-color);
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.case-study-details-wrapper .case-study-statement .statement-content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  margin-bottom:35px
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-statement .statement-content p {
    font-size:15px;
    margin-bottom:25px
  }
}
.case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom .title {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:25px
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom .title {
    margin-bottom:20px
  }
}
.case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom .title svg {
  fill:var(--paragraph-color)
}
.case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom .title h6 {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:18px;
  font-weight:600;
  line-height:1;
  margin-bottom:0
}
.case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul {
  -moz-columns:3;
  columns:3;
  width:100%
}
@media(min-width:992px) and (max-width:1199px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul {
    -moz-columns:2;
    columns:2
  }
}
@media(max-width:767px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul {
    -moz-columns:2;
    columns:2
  }
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul {
    -moz-columns:unset;
    columns:unset
  }
}
.case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:1.3;
  margin-bottom:15px
}
@media(max-width:767px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li {
    font-size:15px
  }
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li {
    display:flex
  }
}
@media(min-width:1200px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li:nth-child(2) {
    margin-bottom:0
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li:nth-child(3) {
    margin-bottom:0
  }
}
@media(min-width:576px) and (max-width:768px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li:nth-child(3) {
    margin-bottom:0
  }
}
@media(min-width:1200px) {
  .case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li:nth-child(4) {
    margin-bottom:0
  }
}
.case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li:last-child {
  margin-bottom:0
}
.case-study-details-wrapper .case-study-statement .statement-content .statement-content-bottom ul li svg {
  fill:var(--paragraph-color)
}
.case-study-details-wrapper .case-study-statement .advantage-img {
  height:100%
}
.case-study-details-wrapper .case-study-statement .advantage-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
@media(max-width:1199px) {
  .case-study-details-wrapper .case-study-statement .advantage-img img {
    height:350px
  }
}
@media(max-width:991px) {
  .case-study-details-wrapper .case-study-statement .advantage-img img {
    width:100%
  }
}
.case-study-details-wrapper .case-study-statement .advantage-img.two img {
  -o-object-position:right top;
  object-position:right top
}
.case-study-details-wrapper .case-study-approach .approach-img {
  height:100%
}
.case-study-details-wrapper .case-study-approach .approach-img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:right;
  object-position:right
}
@media(max-width:991px) {
  .case-study-details-wrapper .case-study-approach .approach-img img {
    width:100%
  }
}
.case-study-details-wrapper .case-study-approach .approach-content p {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  margin-bottom:30px
}
.case-study-details-wrapper .case-study-approach .approach-content ul {
  list-style:decimal;
  padding-left:20px;
  -moz-columns:2;
  columns:2;
  -moz-column-gap:30px;
  column-gap:30px;
  max-width:740px;
  width:100%
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-approach .approach-content ul {
    -moz-columns:unset;
    columns:unset
  }
}
.case-study-details-wrapper .case-study-approach .approach-content ul li {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  margin-bottom:15px
}
@media(min-width:768px) and (max-width:991px) {
  .case-study-details-wrapper .case-study-approach .approach-content ul li {
    font-size:14px
  }
}
@media(max-width:576px) {
  .case-study-details-wrapper .case-study-approach .approach-content ul li {
    font-size:15px
  }
}
.implementation-section h2 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:400;
  line-height:1.2;
  margin-bottom:30px
}
@media(max-width:767px) {
  .implementation-section h2 {
    font-size:30px
  }
}
@media(max-width:576px) {
  .implementation-section h2 {
    font-size:25px
  }
}
.implementation-section .single-implementation .title {
  padding-bottom:25px;
  border-bottom:1px solid #eee;
  margin-bottom:25px
}
@media(max-width:576px) {
  .implementation-section .single-implementation .title {
    margin-bottom:20px
  }
}
.implementation-section .single-implementation .title h6 {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:16px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:0
}
.implementation-section .single-implementation ul li {
  display:flex;
  gap:8px;
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  margin-bottom:15px;
  align-items:baseline
}
.implementation-section .single-implementation ul li svg {
  fill:var(--paragraph-color);
  min-width:14px
}
.implementation-section .implementation-counters {
  padding-top:120px;
  display:flex;
  align-items:center;
  gap:80px
}
@media(max-width:1199px) {
  .implementation-section .implementation-counters {
    padding-top:110px;
    gap:30px
  }
}
@media(max-width:991px) {
  .implementation-section .implementation-counters {
    padding-top:90px;
    gap:50px
  }
}
@media(max-width:767px) {
  .implementation-section .implementation-counters {
    padding-top:60px
  }
}
@media(max-width:576px) {
  .implementation-section .implementation-counters {
    flex-wrap:wrap;
    gap:20px;
    padding-top:40px
  }
}
.implementation-section .implementation-counters.two {
  padding-top:60px
}
@media(min-width:992px) and (max-width:1199px) {
  .implementation-section .implementation-counters.two {
    padding-top:40px
  }
}
@media(max-width:576px) {
  .implementation-section .implementation-counters.two {
    padding-top:30px
  }
}
.case-study-navigation-section .details-navigation {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:50px;
  border:1px solid #eee
}
@media(max-width:991px) {
  .case-study-navigation-section .details-navigation {
    padding:40px 20px
  }
}
@media(max-width:576px) {
  .case-study-navigation-section .details-navigation {
    justify-content:center;
    flex-wrap:wrap;
    padding:30px 20px
  }
}
.case-study-navigation-section .details-navigation .single-navigation {
  display:flex;
  align-items:center;
  gap:20px;
  transition:.35s
}
.case-study-navigation-section .details-navigation .single-navigation .arrow {
  width:30px;
  height:60px;
  border-radius:5px;
  border:1px solid rgba(13,23,32,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s
}
.case-study-navigation-section .details-navigation .single-navigation .arrow svg {
  fill:rgba(13,23,32,.16);
  transition:.35s
}
.case-study-navigation-section .details-navigation .single-navigation .arrow:hover {
  background-color:var(--primary-color);
  border-color:var(--primary-color)
}
.case-study-navigation-section .details-navigation .single-navigation .arrow:hover svg {
  fill:var(--white-color)
}
.case-study-navigation-section .details-navigation .single-navigation .content {
  max-width:301px;
  width:100%;
  line-height:1;
  transition:.35s
}
.case-study-navigation-section .details-navigation .single-navigation .content>a {
  color:var(--paragraph-color);
  font-family:var(--font-montserrat);
  font-size:14px;
  font-weight:500;
  transition:.35s;
  margin-bottom:5px;
  display:inline-block
}
.case-study-navigation-section .details-navigation .single-navigation .content h6 {
  transition:.35s;
  margin-bottom:0;
  line-height:1
}
.case-study-navigation-section .details-navigation .single-navigation .content h6 a {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:600;
  line-height:24px;
  transition:.35s
}
.case-study-navigation-section .details-navigation .single-navigation .content h6 a:hover {
  color:var(--primary-color)
}
.case-study-navigation-section .details-navigation>svg {
  fill:#dfebf7
}
@media(max-width:991px) {
  .case-study-navigation-section .details-navigation>svg {
    display:none
  }
}
.case-study-card2 {
  position:relative
}
.case-study-card2 .case-img img {
  min-height:350px;
  -o-object-fit:cover;
  object-fit:cover
}
@media(max-width:991px) {
  .case-study-card2 .case-img img {
    width:100%
  }
}
.case-study-card2 .case-content {
  background:linear-gradient(73deg,rgba(13,23,32,0.8) 0%,rgba(13,23,32,0.1) 60.4%);
  padding:35px;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:inline-flex;
  flex-direction:column;
  justify-content:end
}
@media(max-width:576px) {
  .case-study-card2 .case-content {
    padding:30px 20px
  }
}
.case-study-card2 .case-content .category-and-title>a {
  border-radius:16px;
  border:1px solid rgba(255,255,255,.5);
  background:0 0;
  display:inline-block;
  color:var(--white-color);
  text-align:center;
  font-family:var(--font-montserrat);
  font-size:12px;
  font-weight:500;
  padding:6px 28px;
  margin-bottom:15px
}
.case-study-card2 .case-content .category-and-title h4 {
  margin-bottom:30px
}
.case-study-card2 .case-content .category-and-title h4 a {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:24px;
  font-weight:500;
  transition:.35s
}
@media(max-width:576px) {
  .case-study-card2 .case-content .category-and-title h4 a {
    font-size:22px
  }
}
.case-study-card2 .case-content .category-and-title h4 a:hover {
  color:#cacaca
}
.portfolio-bottom-area {
  overflow:hidden
}
.industry-details-nav-area {
  background:#0d1720
}
@media(max-width:767px) {
  .industry-details-nav-area {
    padding-bottom:20px
  }
}
.industry-details-nav-area .nav-and-people-btn-area {
  display:flex;
  align-items:center;
  justify-content:space-between
}
@media(max-width:767px) {
  .industry-details-nav-area .nav-and-people-btn-area {
    flex-wrap:wrap;
    gap:20px
  }
}
@media(max-width:576px) {
  .industry-details-nav-area .nav-and-people-btn-area .nav-pills {
    justify-content:center
  }
}
.industry-details-nav-area .nav-and-people-btn-area .nav-pills .nav-item .nav-link {
  color:var(--white-color);
  font-family:var(--font-marcellus);
  font-size:22px;
  font-weight:400;
  line-height:1;
  border-radius:unset;
  padding:24px 45px;
  border-left:1px solid rgba(255,255,255,.1)
}
.industry-details-nav-area .nav-and-people-btn-area .nav-pills .nav-item .nav-link.active {
  background-color:var(--primary-color)
}
@media(max-width:991px) {
  .industry-details-nav-area .nav-and-people-btn-area .nav-pills .nav-item .nav-link {
    padding:20px 35px;
    font-size:18px
  }
}
@media(max-width:576px) {
  .industry-details-nav-area .nav-and-people-btn-area .nav-pills .nav-item .nav-link {
    border-left:none
  }
}
.industry-details-nav-area .nav-and-people-btn-area .nav-pills .nav-item:first-child .nav-link {
  border-left:none
}
@media(max-width:576px) {
  .industry-details-nav-area .nav-and-people-btn-area .people-btn-area {
    display:flex;
    justify-content:center;
    width:100%
  }
}
.industry-details-nav-area .nav-and-people-btn-area .people-btn-area a {
  color:var(--white-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:8px;
  transition:.5s
}
.industry-details-nav-area .nav-and-people-btn-area .people-btn-area a svg {
  fill:var(--white-color);
  transition:.5s
}
.industry-details-nav-area .nav-and-people-btn-area .people-btn-area a:hover {
  color:#cacaca
}
.industry-details-nav-area .nav-and-people-btn-area .people-btn-area a:hover svg {
  fill:#cacaca;
  transform:rotate(45deg)
}
.industry-details-blog-section {
  background-color:var(--title-color);
  padding:90px 0 170px
}
@media(max-width:991px) {
  .industry-details-blog-section {
    padding:80px 0 170px
  }
}
@media(max-width:576px) {
  .industry-details-blog-section {
    padding:70px 0 170px
  }
}
.industry-details-blog-card {
  margin-top:-170px
}
.error-section .error-wrapper {
  max-width:550px;
  width:100%;
  margin:0 auto
}
.error-section .error-wrapper .error-content {
  text-align:center
}
.error-section .error-wrapper .error-content h1 {
  color:var(--title-color);
  font-family:var(--font-marcellus);
  font-size:40px;
  font-weight:700;
  margin-bottom:12px
}
@media(max-width:576px) {
  .error-section .error-wrapper .error-content h1 {
    font-size:30px
  }
}
.error-section .error-wrapper .error-content p {
  color:var(--title-color);
  font-family:var(--font-montserrat);
  font-size:15px;
  font-weight:500;
  margin-bottom:35px
}
@media(max-width:576px) {
  .error-section .error-wrapper .error-content p {
    font-size:14px
  }
}
.error-section .error-wrapper .error-content .back-btn .primary-btn1 i {
  font-size:18px
}

.single-implementation p{
  
  text-align: justify;
  margin-right: 20px;
}

.career-img {
 
}

.career-img .golge {
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.2);
}

.altcizik {
  border-bottom: 1px solid rgb(215, 215, 215);
  padding-bottom: 35px;
}

.accordion {
  width: 100%;
  max-width: 100%;
  margin: 0px auto 0px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 2px;
  color: #4D4D4D;
  font-size: 16px;
  /*! font-weight: 500; */
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family: var(--font-marcellus);
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #030409; }

.accordion li.open i { color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  /*! background: #f9f9f9; */
  font-size: 14px;
}

.submenu li { border-bottom: 1px solid #d5d5d5; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #404040;
  padding: 7px;
  padding-left: 22px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-weight: 500;
  font-family: var(--font-marcellus);
}

.submenu a:hover {
  background: #278005;
  color: #FFF;
  font-weight: 600;
}