/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slick Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Subscribe
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Client
    4.00. Simple Sections
    4.00. Video
    4.00. Category
    4.00. Faq
    4.00. feature
    4.00. CTA
    4.00. Service
    4.00. Pricing
    4.00. Why choose Us
    4.00. Project
    4.00. Event
    4.00. Gallery
    4.00. Schedule

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/
:root {
  --theme-color: #e3ff04;
  --title-color: #fff;
  --body-color: #0a0c00;
  --smoke-color: #f6f5f3;
  --smoke-color2: #fff4ef;
  --smoke-color3: #f5f5f6;
  --smoke-color4: #f4f4f4;
  --smoke-color5: #f0f2f4;
  --black-color: #202020;
  --gray-color: #131312;
  --white-color: #ffffff;
  --light-color: #9fa2ad;
  --yellow-color: #ffb539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --border-color: #e3e3e3;
  --title-font: "Roboto", sans-serif;
  --body-font: "Montserrat", sans-serif;
  --icon-font: "Font Awesome 5 Free";
  --main-container: 1296px;
  --container-gutters: 24px;
  --section-space: 140px;
  --section-space-mobile: 80px;
  --section-title-space: 65px;
  --ripple-ani-duration: 5s;
  /* new color */
  --blue-color: #002494;
  --red-color: #CC0606;
  --black-color: #000000;
  --white-color: #ffffff;
  --light-blue: #ebf8ff;
}

/*------------------- 1.5. Typography -------------------*/

/* Digital Consultancy */


.servicess-row-one h3.text-white.text-start.pb-20 {
  font-size: 42px;
  font-weight: 600;
}

.about-slaman img {
  animation: unset;
}

.about-slaman {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.dubai-reviews .dubai-tabs h2.text-white.same-all.text-center,
.dubai-reviews .our-case-section h2.text-center.text-white {
  max-width: 1000px;
  margin: auto;
}

.web-second-sec h2.text-center.text-white.same-all {
  max-width: 900px;
  margin: auto auto 20px auto;
}

.tab-data-consultancy h2.text-white {
  font-size: 24px;
  font-weight: 600;
}

.about-slaman .container {
  max-width: 1590px;
}

.btn-owner {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  margin-top: 60px;
}

.about-ali {
  padding-top: 60px;
  padding-bottom: 80px;
}

.about-ali .btn-owner {
  justify-content: flex-start;
}

.btn-owner a:hover {
  background: transparent;
}

.btn-owner a {
  text-decoration: none;
  color: #fff;
  background-color: #582499;
  padding: 8px 30px 9px 30px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #582499;
}

.tab-delivery .unique-tab-content a {
  padding: 15px 30px;
  background: #002494;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  border-radius: 100px;
  display: block;
  max-width: 210px;
  text-align: center;
  margin-top: 30px !important;
}

.tab-data-consultancy {
  padding-left: 20px;
}

.six-consultancy-sec .tab-delivery .unique-tab-content img {
  border-radius: 0px 0px 0px 0px;
  width: 100%;
}

.six-consultancy-sec .tab-delivery {
  padding: 0;
  box-shadow: unset;
  margin: 0;
  background-color: transparent;
}

.six-consultancy-sec p.text-white.dubai-all-para.text-center {
  margin-bottom: 80px;
}

.six-consultancy-sec .tabs-consultancy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #fff;
  max-width: 1100px;
  margin: auto auto 50px auto;
}

.six-consultancy-sec .unique-tab-container button.unique-tab-button {
  background-color: transparent;
  border: 0px;
  color: #fff;
  font-size: 13px;
  padding-bottom: 20px;
  border-bottom: 5px solid transparent;
  transition: 0.5s all ease-in-out;
  font-family: 'Manrope';
  font-weight: 700;
}

.six-consultancy-sec .unique-tab-container button.unique-tab-button img {
  margin-right: 20px;
}

.six-consultancy-sec .unique-tab-container button.unique-tab-button.active-tab {
  border-bottom: 5px solid #CC0606;
  transition: 0.5s all ease-in-out;
}

.fifth-consultancy-row,
.fifth-inner-row {
  max-width: 1300px;
}

.steps-consultancy:not(:last-child) {
  margin-bottom: 57px;
}

.steps-consultancy h5.text-white {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.steps-consultancy p.text-white {
  font-size: 14px;
  margin: 0;
}

.fifth-consultancy-sec .fifth-consultancy-row h2.text-white {
  font-size: 40px;
  font-weight: 600;
}

.fifth-consultancy-sec .fifth-consultancy-row h4.text-white {
  font-size: 28px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 15px;
}

.fifth-consultancy-sec .fifth-consultancy-row p.text-white {
  font-size: 18px;
  max-width: 730px;
  font-weight: 400;
}

.consultancy-sec .service-item__img .img-wrapper {
  text-align: left !important;
}

.consultancy-sec .service-item__img .img-wrapper img {
  text-align: left;
  width: 100%;
}

.consultancy-sec .service-item__img .img-wrapper h4 {
  font-size: 25px;
  font-weight: 600;
}

.consultancy-sec .service-item__img .img-wrapper p {
  font-size: 20px;
  font-weight: 400;
}

.consultancy-sec .service-thumb__head {
  background-color: #fff;
  padding: 20px 20px;
}

.consultancy-sec .service-item__wrapper {
  justify-content: flex-start;
}

.consultancy-sec .service-thumb__head a {
  color: #000 !important;
  font-weight: 600;
}

.consultancy-sec .swiper-slide {
  margin-bottom: 40px;
}

.consultancy-sec .services-thumb-slider-wrapper .services-thumb-slider {
  height: 500px;
  overflow: scroll;
  overflow-x: hidden;
}

.consultancy-sec .services-thumb-slider-wrapper {
  padding: 7em 12em 0em 0%;
  right: 0%;
  left: unset;
}

.consultancy-sec .services-thumb-slider-wrapper .services-thumb-slider::before {
  content: unset;
}

.consultancy-sec .service-thumb__head p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
}

.conusltancy-work-sec {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.consultancy-blog-card:not(:last-child) {
  margin-bottom: 20px;
}

.consultancy-blog-card {
  background-color: #fff;
  border-radius: 10px;
}

.consultancy-blog-card .col-lg-3 {
  padding: 0px;
}

.consultancy-blog-card .col-lg-9 {
  padding: 20px 50px;
}

.consultancy-blog-card .col-lg-9 h4.text-black {
  font-size: 26px;
}

.consultancy-blog-card .horizontal-blog-content {
  padding: 18px 40px;
}

.consultancy-blog-card .col-lg-9 p {
  font-size: 16px;
  line-height: 20px;
  color: #787878;
  margin: 0;
}

.consultancy-blog-card .col-lg-3 img,
.consultancy-blog-card img {
  width: 100%;
}

.section-marquee .marwuee-row:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 70px;
  background-color: #fff;
  z-index: 0;
  transform: rotate(-5deg);
  top: 0px;
  left: 0;
  right: 0px;
  margin: 0 auto;
}

.horizontal-blog-content p {
  font-size: 13px;
  color: #707070;
}

.section-marquee .marquee {
  display: flex;
  flex-direction: row;
  line-height: 1.1;
  text-transform: uppercase;
  overflow: hidden;
  background-color: #002494;
  position: relative;
}

.section-marquee .marquee:hover>.marquee__row {
  animation-play-state: paused;
}

.section-marquee .marquee__row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-shrink: 0;
  animation: marquee;
  animation-duration: 160000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.section-marquee .marquee__item {
  width: auto;
  padding: 0px 30px;
  cursor: pointer;
  overflow: hidden;
}

.section-marquee .marquee__separator {
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-color);
}

.section-marquee .marquee__text {
  font-size: 80px;
  margin-bottom: 0px;
  color: #FFFFFF00;
  font-weight: 500;
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  stroke: #ffffff;
  font-family: 'Montserrat';
}

@media (prefers-reduced-motion: reduce) {
  .section-marquee .marquee__row {
    animation: none;
    -webkit-animation: none;
  }
}

/*@media screen and (max-width: 640px) {
.marquee__item {
  padding: 0.625rem 0.75rem;
}
.marquee__text {
  font-size: 1rem;
  line-height: 1.1;
}
}*/
@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.consultancy-hero-sec .col-lg-4 img {
  min-width: 600px;
}

.consultancy-hero-sec {
  padding-top: 180px;
  padding-bottom: 0px;
}

.consultancy-hero-sec h1.text-white {
  font-size: 70px;
  font-weight: 600;
}

.consultancy-hero-sec h1.text-white span {
  font-family: 'Roboto';
  color: #002494;
}

.consultancy-hero-sec p.text-white {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: -20px;
}



/* Video Animation */
.video-works-row h5.text-white {
  font-size: 30px;
  font-weight: 600;
}

.video-benefit-sec h2 {
  max-width: 550px;
  margin: auto;
}

.video-excellence-row .video-all-benefits {
  background-color: #fff;
  padding: 20px 13px;
  text-align: center;
  border-radius: 30px;
  border: 4px solid #704DB5;
  transition: 0.5s all ease-in-out;
}

.video-excellence-row {
  margin-top: 30px;
}

.video-excellence-row .video-all-benefits img {
  margin-bottom: 20px;
}

.video-excellence-row .video-all-benefits h4 {
  font-size: 26px;
  font-weight: 700;
}

.video-excellence-row .video-all-benefits p {
  font-size: 14px;
  line-height: 20px;
}

.video-excellence-row .col-lg-3:hover .video-all-benefits {
  border-color: #00FFD7;
  transition: 0.5s all ease-in-out;
}

.video-tabs-row img#pause-icon,
.video-tabs-row img#play-icon {
  display: none !important;
}

.video-tabs-row .tab-delivery {
  padding: 0px;
}

.video-tabs-row .tab-delivery img#video-thumbnail {
  border-radius: 30px;
}

.video-tabs-row .tab-delivery video#video {
  border-radius: 30px;
}

.video-tabs-row .col-lg-12 {
  padding: 0;
}

.video-tabs-row {
  max-width: 1200px;
}

.video-portfolio-sec {
  background-repeat: no-repeat;
  background-position: 150px 130px;
  background-size: contain;
}

.video-matters {
  padding-bottom: 100px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}

.concept-content {
  box-shadow: 0px 0px 10px 0px #00ffff;
  margin: 5px;
}

.conecpt-data h4 {
  font-size: 30px;
  font-weight: 600;
}

.conecpt-data p {
  font-size: 17px;
  line-height: 22px;
  margin: 0;
}

.process-thumbs-slider .swiper-wrapper .swiper-slide h4 {
  font-size: 18px;
  max-width: 150px;
  margin: 0;
  text-align: center;
  font-weight: 500;
}

.process-thumbs-slider .swiper-wrapper {
  display: block !important;
  height: 667px;
  overflow: scroll;
  overflow-x: hidden;
  direction: rtl;
}

.process-thumbs-slider .swiper-wrapper .swiper-slide {
  width: 100% !important;
  margin-bottom: 10px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 15px 15px;
  cursor: pointer;
  background-blend-mode: overlay;
  background-color: #00000057;
}

.conecpt-data {
  background-color: #002494;
  padding: 20px 20px;
}

/* .swiper-button-next {
  background: url(../../../assests/images/portfolio/left-icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  right: 0%;
} */
.srivce-slidr .swiper-button-prev,
.srivce-slidr .swiper-button-next {
  top: 50%;
}

.srivce-slidr .swiper-button-prev::after,
.srivce-slidr .swiper-button-next::after {
  color: #fff;
}

.video-animation-page .branding-hero-sec .col-lg-4 img {
  min-width: 600px;
}

.video-all-headings {
  font-size: 60px;
  font-weight: 600;
}

.video-all-para {
  font-size: 25px;
  line-height: 36px;
}

.video-data-content {
  background-color: #002494;
  padding: 40px 21px;
  border-radius: 0px 0px 40px 40px;
}

.video-data-content p.text-white {
  margin: 0;
  font-size: 15px;
  line-height: 22px;
}

.video-data-content h4 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Dubai Social Media Marketing */
.success-pagination .swiper-slide-thumb-active .pagi-content {
  background-color: #fff;
  color: #000;
}

.new-york-hire nav ul a:hover {
  color: grey;
}

.matters-anchor {
  margin-top: 80px;
}

.matters-anchor a {
  font-size: 16px;
  background-color: #002494;
  color: #fff;
  text-decoration: none;
  padding: 15px 0px 15px 30px;
}

.matters-anchor a span {
  padding: 15px 20px;
  background-color: #7C28DE;
  margin-left: 20px;
  border-left: 2px solid #000;
}

.dubai-matters-row p {
  font-size: 16px;
  line-height: 28px;
}

.dubai-matters-row ul {
  padding-left: 20px;
  margin-top: 30px;
}

.dubai-matters-row ul li {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.dub-exper-cont .dubai-expertise-two h3.text-end.text-white:before {
  right: 0;
  left: -8.5%;
}

.dub-exper-cont {
  position: relative;
}

.dub-exper-cont .dubai-expertise:before {
  content: '';
  position: absolute;
  background-color: #002494;
  width: 3px;
  height: 100%;
  left: 50%;
}

.dub-exper-cont .row {
  position: relative;
}

.dub-exper-cont .dubai-expertise h3.text-end.text-white:before {
  content: url(../../../assests/images/social-media-marketing-dubai/counter-arrow.png);
  position: absolute;
  right: -8.5%;
  font-family: 'Manrope';
  color: #ccc;
  width: 111px;
  height: 60px;
  top: -5%;
}

.dub-exper-cont .dubai-expertise .col-lg-6 {
  position: relative;
}

.social-media-marketing-dubai-page .process-dubai-sec .transform-row {
  margin-top: 0px !important;
}

.dubai-expertise img {
  width: 100%;
}

.dubai-expertise h3 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}

.dubai-expertise p {
  font-size: 16px;
  line-height: 22px;
}

.dubai-expertise .col-lg-6 .row .col-lg-5 {
  background-color: #002494;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dubai-expertise .col-lg-6 .row .col-lg-5 h2.text-white.text-center {
  font-size: 60px;
}

.dubai-expertise .col-lg-6:first-child {
  padding-right: 80px;
}

.dubai-expertise .col-lg-6:last-child {
  padding-left: 80px;
}

.process-dubai-row {
  max-width: 1440px;
}

.process-dubai-row h3.text-white {
  font-size: 20px;
  font-weight: 600;
  max-width: 200px;
  margin: 30px auto 20px auto;
}

.process-dubai-row p.text-white {
  font-size: 16px;
  line-height: 28px;
}

.success-dubai-sec {
  background-repeat: no-repeat;
  background-position: 1400px -10px;
  background-size: contain;
}

.success-slider-inner .swiper-button-next {
  background: url(../../../assests/images/social-media-marketing-dubai/arrow-top.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  right: 1.5%;
  bottom: 33%;
  top: unset;
}

.success-slider-inner .swiper-button-next:after,
.success-slider-inner .swiper-button-prev:after {
  font-size: 0px;
}

.success-slider .col-lg-9.success-slider-inner {
  width: 75%;
}

.success-slider .success-pagination-col {
  width: 25%;
}

.success-slider .col-lg-9.success-slider-inner .col-lg-4 {
  padding-right: 100px;
}

.success-slider-inner .swiper-button-prev {
  background: url(../../../assests/images/social-media-marketing-dubai/arrow-bottom.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  left: unset;
  right: 1.5%;
  top: unset;
  bottom: 23%;
}

.success-slider .col-lg-9,
.success-slider .col-lg-3 {
  padding: 0px;
}

.success-slider-main .suces-content {
  background-color: #ffff;
  padding: 60px 30px;
  margin-left: -140px;
}

.success-slider-main .row {
  align-items: center;
}

.success-slider-main .row .col-lg-8,
.success-slider-main .row .col-lg-4 {
  padding: 0px;
}

.success-slider-main .suces-content .suces-date {
  text-align: center;
  font-size: 18px;
  color: #BC9A2E;
  font-weight: 700;
  margin-bottom: 20px;
}

.success-slider-main .suces-content h3.text-center {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 50px;
}

.success-slider-main .suces-content p.text-center {
  font-size: 15px;
  line-height: 20px;
}

.success-slider-main .suces-content .success-anchor {
  max-width: 243px;
  margin: auto;
}

.success-slider-main .suces-content .success-anchor a {
  font-size: 16px;
  text-transform: uppercase;
  background-color: #000;
  padding: 18px 0px 18px 50px;
  color: #fff;
  text-decoration: none;
  width: 100%;
  display: block;
}

.success-slider-main .suces-content .success-anchor a span {
  background-color: #333333;
  padding: 18px 25px;
  border-left: 2px solid #fff;
  margin-left: 30px;
}

.success-pagination .pagi-content {
  background-color: #573484;
  color: #fff;
  padding: 70px 30px;
  cursor: pointer;
}

.success-pagination .success-pagination-main .swiper-wrapper {
  display: block;
}

.success-pagination .swiper-wrapper .swiper-slide {
  width: 100% !important;
  margin-bottom: 30px;
}

.success-pagination .pagi-content h3 {
  font-size: 30px;
  font-weight: 600;
}

.dubai-all {
  font-size: 60px;
  font-weight: 600;
}

.dubai-all-para {
  font-size: 24px;
}

.process-dubai-sec {
  padding-top: 200px;
  padding-bottom: 100px;
  background-repeat: no-repeat;
  background-size: contain;
}

.all-main .all-main-hero {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-image-overlab img {
  margin-top: -440px;
}

.marketing-dubai-sec .container h1.text-white {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 30px;
}

.marketing-dubai-sec .container h1.text-white span {
  font-family: 'Roboto';
  color: #002494;
}

.marketing-dubai-sec p.text-white {
  font-size: 24px;
  font-weight: 600;
}

.dubai-matters-sec {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media (min-width: 1450px) {
  .marketing-dubai-sec .container {
    max-width: 1440px;
  }
}


/* -- Dubai Web -- */
.our-idea p {
  max-width: 400px;
  margin-bottom: 40px !important;
}

.dubai-reviews {
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

.dubai-reviews .slider-reviews {
  max-width: 1400px;
}

.custom-content-dubai {
  display: none;
}

.custom-content-dubai.on-dubai {
  display: block;
}

.custom-tab-dubai {
  cursor: pointer;
}

.custom-tabs-dubai {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.dubai-tabs-main {
  max-width: 1240px;
}

.dubai-tabs {
  padding-top: 80px;
  padding-bottom: 60px;
}

.dubai-tabs-main .custom-tab-content-dubai h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}

.dubai-tabs-main .custom-tab-content-dubai p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 22px;
}

.custom-tabs-dubai .custom-tab-dubai {
  background-color: #002494;
  border-radius: 0px 20px 0px 20px;
  padding: 40px 20px;
  display: flex;
  align-items: center;
}

.custom-tab-dubai p {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-align: center;
  line-height: 24px;
  width: 75%;
}

.custom-tab-dubai.on-dubai {
  background-color: #EF7A8C;
  box-shadow: 0px 0px 10px 4px #7ED4D3;
}

.custom-tab-dubai .custom-icon-dubai {
  width: 25%;
}

.dubai-blurb-sec .lai-dubai {
  width: 20%;
}

.dubai-blurb-sec .row:last-child {
  padding-top: 80px;
}

.dubai-blurb-sec .blrb-dubi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.dubai-blurb-sec .blrb-dubi h4 {
  font-size: 26px;
  font-weight: 600;
  color: #582499;
  margin-top: 20px;
}

.dubai-blurb-sec .blrb-dubi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.dubai-blurb-sec .blrb-dubi h4 {
  font-size: 26px;
  font-weight: 600;
  color: #582499;
  margin-top: 20px;
}

.dubai-features {
  padding-top: 50px;
  padding-bottom: 40px;
}

.main-tow-dubai a:last-child:hover:before {
  right: 0%;
  transition: 0.5s all ease-in-out;
}

.main-tow-dubai a:hover {
  background-color: #fff;
  color: #000;
}

.main-tow-dubai {
  margin-top: 60px;
  display: flex;
  gap: 20px;
}

.main-tow-dubai a {
  background-color: transparent;
  padding: 10px 20px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 100px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}

.main-tow-dubai a:last-child {
  padding: 10px 80px 10px 30px;
}

.main-tow-dubai a:last-child:before {
  content: '';
  position: absolute;
  background: url(../../../assests/images/web-dubai/phone.png);
  background-repeat: no-repeat;
  width: 68px;
  height: 68px;
  right: -1%;
  top: -13%;
  filter: drop-shadow(2px 4px 6px black);
  transition: 0.5s all ease-in-out;
}

.work-dubai {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.work-dubai h2 {
  font-size: 50px;
}

.work-dubai p {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.work-dubai .row {
  border-radius: 40px;
  padding: 30px 30px 30px 30px;
}

.service-boxes h4 {
  background: url(../../../assests/images/web-dubai/card-heading-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 68px;
  max-width: 108px;
  margin: auto auto 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wedding-slider:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  top: 3.5%;
}

.slider-card {
  padding-top: 40px;
}

.cont-dubai-slider {
  background: #fff;
  padding: 40px 50px 0px 50px;
  border-radius: 10px;
  border: 4px solid transparent;
  transition: 0.5s all ease-in-out;
  background: url('assests/images/web-dubai/cardbg.png');
  background-size: 100% !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
}

/* .cont-dubai-slider:hover {
  border-color: #582499;
  transition: 0.5s all ease-in-out;
} */

.cont-dubai-slider h3 {
  font-size: 15px;
  text-align: center;
  font-weight: 600;
}

.cont-dubai-slider p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  min-height: 350px;
}

.dubai-row-mind .col-lg-8 {
  padding-bottom: 60px;
}

.dubai-second-sec {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding-bottom: 100px;
}

.dubai-row-mind {
  margin-top: 150px !important;
}

.blurb-dubai {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
}

.blurb-dubai h5 {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-weight: 500;
}

.dubai-row-mind h2 {
  margin-bottom: 70px;
}

.dubai-row-mind {
  padding: 50px 60px 0px 0px;
}

.dubai-row-mind .col-lg-4 img {
  margin-top: -100px;
}

.dubai-row-mind a:before {
  content: '';
  position: absolute;
  background: url(../../../assests/images/right-arrow-mind.png) no-repeat;
  width: 68px;
  height: 68px;
  right: -2%;
  margin-top: -15px;
  z-index: 4;
}

.dubai-row-mind a {
  border: 2px solid #fff;
  color: #fff !important;
  text-decoration: none;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 24px;
  padding: 14px 90px 14px 30px;
  border-radius: 100px;
  position: relative;
  transition: 0.5s all ease-in-out;
}

.dubai-second-sec h3 {
  font-size: 24px;
  font-weight: 600;
}

main.web-dubai #portfolio-hero h1 {
  font-size: 70px;
}

.dubai-form-container form {
background-color: #002494;
  padding: 20px 10px 0px 10px;
  border-radius: 10px;
}

.dubai-form-container form input {
  border: 1px solid var(--red-color);
  color: #fff;
  border-radius: 10px;
}

.dubai-form-container form .row {
  padding-bottom: 20px;
}

.dubai-form-container form input::placeholder {
  color: #fff;
  font-size: 20px;
}

.dubai-form-container form button {
  width: 100%;
  background-color: #fff;
  font-size: 20px;
  border: 0px;
  padding: 12px 20px;
  border-radius: 10px;
}

.web-dubai .service-hero-sec p {
  font-size: 20px;
  font-weight: 600;
}

img.firstbanner {
  width: 435px !important;
  margin: 0 auto;
  display: block;
}

.webbgdubai section {
  background: unset;
}

.webbgdubai {
  background-color: #000 !important;
  background-size: cover !important;
  background-position: right !important;
}

.dubai-form-container button:hover {
  background: #000;
  color: #fff;
}

a.freequotebtn {
  display: inline-block;
  float: right;
  margin-top: 20px;
  padding: 15px 30px;
  border: 2px solid #fff;
  border-radius: 50px;
  font-weight: 700;
  text-decoration: none;
  font-family: 'Montserrat';
  color: #fff;
  font-size: 16px;
}

a.freequotebtn:hover i {
  position: relative;
  right: -10px;
  transition: .5s ease-in;
}


/* Branding */
.brand-build {
  background-size: contain !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
}

.brand-tab-row {
  padding-top: 60px;
}

.brand-build .tab-content .row .col-lg-12 .tab-cotnt {
  padding: 20px;
}

.brand-build .tab-content .row .col-lg-12 .tab-cotnt p.text-white {
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  margin: 0;
}

.brand-build .tab-content {
  background-color: #002494;
  border-radius: 20px 20px 0px 0px;
}

.brand-build .tab-content .row .col-lg-12 {
  padding: 0px;
}

.brand-build .tab-content .row .col-lg-12 img {
  border-radius: 20px 20px 0px 0px;
}

.brand-build .tab-content .row .col-lg-12 h2.text-white {
  font-size: 30px;
  font-weight: 700;
}

.tab-buttons button.tab-btn {
  background-color: #002494;
  border: 0;
  color: #fff;
  padding: 22px 10px;
  display: block;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  border-radius: 5px;
  width: 100%;
  line-height: 38px;
}

.tab-buttons button.tab-btn.active {
  box-shadow: 0px 0px 10px 4px #FF9AB0;
}

.brand-build p.text-white {
  font-size: 20px;
  line-height: 30px;
}

.brand-build .row.align-items-center {
  padding-top: 50px;
  padding-bottom: 80px;
}

.transform-row .digital-two-btn a:first-child:before,
.global-dtb a:first-child:before {
  content: '';
  background: url(../../../assests/images/phon-icon.webp) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 60px;
  position: absolute;
  right: -6%;
  top: 0%;
  transition: 0.5s all ease-in-out;
}

.brand-logo-slider .swiper-slide-active img {
  margin: 5px;
  width: 98.5%;
  border: 4px solid #00B9B3;
}

.brand-logo .swiper-wrapper .swiper-slide-thumb-active img,
.spbb .swiper-wrapper .swiper-slide-thumb-active img {
  box-shadow: 0px 0px 10px 2px #00b9b3;
  border-radius: 36px;
}

.brand-logo .swiper-wrapper,
.spbb .swiper-wrapper {
  display: block;
  height: 600px;
  overflow: scroll;
  overflow-x: hidden;
  direction: rtl;
}

.brand-logo .swiper-wrapper .swiper-slide,
.spbb .swiper-wrapper .swiper-slide {
  width: 100% !important;
  height: 200px;
  margin-right: 0px !important;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.brand-logo .swiper-wrapper .swiper-slide img,
.spbb .swiper-wrapper .swiper-slide img {
  width: 100% !important;
}

.branding-main-sec {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.branding-hero-bg section {
  background: unset;
}

.branding-hero-bg {
  background-size: contain;
  background-position-y: 300px;
  background-repeat: no-repeat;
  background-color: #000;
}

a.dark-color:hover {
  background-color: transparent;
  color: #CC0606;
}

.slid-inrr .swiper-button-next {
  background: url(../../../assests/images/website/service-arrow-right.png);
  width: 76px;
  height: 54px;
  background-size: 100%;
  left: unset !important;
  right: 3%;
  top: 5%;
}

.slid-inrr .swiper-button-prev {
  background: url(../../../assests/images/website/service-arrow-left.png) no-repeat;
  position: absolute;
  width: 76px;
  height: 54px;
  background-size: 100%;
  left: unset !important;
  right: 11%;
  top: 5%;
}

.btn-brand p {
  font-size: 16px;
  margin-top: 50px;
  margin-bottom: 40px;
}

a.dark-color {
  background-color: #002494;
  color: #fff;
  padding: 14px 45px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid #002494;
}

.branding-main-sec h2.text-center.text-white.same-all {
  max-width: 1000px;
  margin: auto;
}

.branding-main-sec p.text-center.text-white.app-txt {
  max-width: 800px;
  margin: auto auto 50px auto;
}

.branding-row {
  max-width: 1000px;
}

.branding-row .col-lg-4 {
  height: 220px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: 10px;
  margin-right: 10px;
  width: 31.33%;
  padding: 20px;
  border-radius: 20px 0px 20px 0px;
  transition: 0.5s all ease-in-out;
}

.branding-row h3.text-white {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}

.branding-row p.text-white {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.branding-row .col-lg-4:hover {
  justify-content: center;
  transition: 0.5s all ease-in-out;
}


/* App Development */
.app-port-sec {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.app-port-sec h2.text-white.text-center.same-all {
  max-width: 800px;
  margin: auto auto 70px auto;
}

.app-port-sec .app-portfolio-img {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px 40px;
  padding-right: 105px;
}

.app-port-sec img {
  width: 100%;
  border-radius: 20px;
}

.app-port-sec img:hover {
  box-shadow: 0px 0px 10px 4px #CC0606;
}

#transform-app .transform-row {
  margin-top: 0px !important;
}

.app-anima-row .col-lg-3 {
  width: 20%;
}

.app-bg h3 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  max-width: 210px;
  margin: auto;
  width: 220px;
  height: 190px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.app-bg p {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 0;
}

.tab-app-row {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.tab-app ul.tabs {
  list-style-type: none;
  width: 17%;
background-color: #002494;
  padding: 15px 10px;
}

.tab-app .tab-content {
  width: 78%;
  margin-left: 60px;
}

.tab-app {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  align-items: self-start;
}

.tab-app .tabs li {
  font-size: 17px;
  text-align: center;
  background-color: #002494;
  margin-bottom: 6px;
  border-radius: 5px;
  padding: 10px 5px;
  cursor: pointer;
}

.tab-app .tabs li.active {
  background-color: #CC0606;
}

.tab-app .tab-content h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.tab-app .tab-content p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.tab-app .tab-content a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  margin-top: 30px;
  display: block;
}

.tab-app .tabs li:hover {
  background: #CC0606;
}

.app-txt {
  font-size: 26px;
}

.app-slider .swiper-button-next:after,
.app-slider .swiper-button-prev:after {
  font-size: 0px;
}

.app-slider .swiper-slide {
  background-color: #002494;
  border-radius: 10px;
  padding: 15px;
}

.app-slider .swiper-slide .app-content {
  padding-top: 15px;
}

.app-slider .swiper-slide .app-content h4.text-white {
  font-size: 24px;
  font-weight: 600;
  min-height: 58px;
}

.app-slider .swiper-slide .app-content p {
  font-size: 16px;
  line-height: 24px;
}

.app-slider .swiper-slide img {
  border-radius: 10px;
}

.app-slider-sec h2 {
  max-width: 1000px;
  margin: auto auto 20px auto;
}

.app-slider-sec p.text-white.text-center {
  margin-bottom: 60px;
}

.app-slider-main {
  padding-bottom: 80px !important;
}

.app-slider-sec .swiper-pagination span.swiper-pagination-bullet {
  background: #747474;
  width: 18px;
  height: 18px;
  opacity: 1;
}

.app-slider-sec .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: 0px 0px 10px 4px #e40aff;
  background-color: #fff;
}

/* Website */
a.hedr-phone {
  padding-left: 30px !important;
}

a.hedr-phone:before {
  content: '';
  position: absolute;
  background-image: url(assests/images/telephone.png) !important;
  width: 17px;
  height: 17px;
  margin-left: -25px;
  background-size: 100% !important;
  margin-top: 4px;
}

a.hedr-phone:hover:before {
  background-color: #000000 !important;
}

.matter-three-col .col-lg-4:hover {
  background: #CC0606 !important;
  transition: 0.5s all ease;
}

.footer-wrapper ul.main-footer-socialss li:hover img {
  background-color: #CC0606 !important;
  border-radius: 100px;
  transition: 0.5s all ease;
}

video.background-video {
  position: absolute;
  top: auto;
  bottom: 22%;
}

.wweb-deign-sec {
  position: relative;
}

.wweb-deign-sec .row.justify-content-space-between.faq-home.faq-logo-deisgn p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.wweb-deign-sec .unique-tab-container button.unique-tab-button {
  font-size: 16px !important;
}

.wweb-deign-sec .tab-delivery {
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fff;
}

.matter-three-col {
  margin-top: 680px !important;
}

.matter-sec .matters-row {
  padding-top: 60px;
}

.matter-sec {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.matter-three-col .col-lg-4 {
  padding: 20px;
  text-align: center;
}

.matter-three-col h3.text-white {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

.matter-three-col p.text-white {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.matters-row h2 {
  max-width: 650px;
}

.matters-row p.text-white {
  font-size: 21px;
  max-width: 600px;
  line-height: 27px;
}

.port-web {
  padding-bottom: 10px;
}

.port-web .container {
  max-width: 1620px;
}

#port-web .transform-row {
  max-width: 100%;
}

.port-web .col:before {
  content: "PORTFOLIO";
  font-size: 130px;
  color: #ffffff00;
  font-weight: bold;
  -webkit-text-stroke-width: 3px;
  stroke-width: 3px;
  -webkit-text-stroke-color: #ffffff;
  font-family: "Roboto";
  stroke: #ffffff;
  position: absolute;
  transform: rotate(-90deg);
  left: -35%;
  top: 26%;
}

.port-web .col {
  position: relative;
}

.port-web .col:after {
  content: "PORTFOLIO";
  font-size: 130px;
  color: #fff;
  position: absolute;
  right: -33%;
  top: 26%;
  transform: rotate(-90deg);
  font-weight: 700;
}

.port-web swiper-container.mySwiper2 {
  max-width: 1100px;
}

.port-web swiper-container.mySwiper2 img {
  border-radius: 20px;
  border: 1px solid #fff;
}

#port-web swiper-container.mySwiper swiper-slide img {
  max-width: 100%;
  border-radius: 0px;
}

.slider-logo swiper-slide {
  padding: 0 25px;
}

.port-web .container .row.slider-logo {
  max-width: 1355px;
}

.web-second-sec {
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}

.our-content-slider {
  padding: 30px 20px 20px 20px;
  position: relative;
}

.our-content-slider h2.text-white {
  font-size: 22px;
  font-weight: 700;
  max-width: auto;
  margin: auto auto 10px auto;
  text-align: left;
}

.our-content-slider p.text-white {
  font-size: 16px;
  line-height: 22px;
}

.slid-inrr .swiper-slide-active {
  margin-top: -60px;
}

.slid-inrr .swiper-slide-active .our-serve-slider img {
  height: 250px;
  object-fit: cover;
  object-position: top;
}

.serive-slider-row .slid-inrr .port-slid-mine {
  padding-top: 120px;
}

.slid-inrr .swiper-button-prev::after,
.slid-inrr .swiper-button-next:after {
  font-size: 0px !important;
}

.serive-slider-row .slid-inrr {
  margin-top: 50px;
}

.our-serve-slider {
background-color: #002494;
  border-radius: 30px;
}

.our-serve-slider img {
  border-radius: 30px 30px 0px 0px;
}

.web-second-sec a {
background-color: #002494;
  padding: 12px 30px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  border-radius: 6px;
  text-align: center;
  max-width: 200px;
  margin: 20px auto;
  display: block;
}

.web-content-slider:hover {
  box-shadow: 0px 0px 10px 7px #e47694;
  transition: 0.5s all ease-in-out;
}

.slider-web {
  padding-top: 120px !important;
}

.slider-web .swiper-button-prev:after,
.slider-web .swiper-button-next:after {
  font-size: 0px;
}

.web-second-sec p.text-white.text-center {
  font-size: 22px;
  margin: 0px;
}

.web-content-slider {
background-color: #002494;
  padding: 30px 30px;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 7px #CC0606;
  transition: 0.5s all ease-in-out;
}

.web-content-slider h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 50px;
}

.web-content-slider p {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
}

/* Seo */
.tablet-show {
  display: none !important;
}

.results-row h2 {
  max-width: 700px;
  margin: auto auto 50px auto;
}

.our-step {
  max-width: 1410px;
}

.our-step h2.text-white.same-all.text-center {
  max-width: 450px;
  margin: auto auto 100px auto;
}

.step-bg:hover {
background-color: #002494;
  transition: 0.5s all ease-in-out;
}

.step-bg:hover h2,
.step-bg:hover p {
  color: #fff;
  transition: 0.5s all ease-in-out;
}

img.trustsec {
  width: 390px;
  object-fit: contain;
}

.seo-btn.specbtn a {
  background-color: #002494 !important;
  color: #fff;
  padding: 8px 30px 0;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  display: ruby;
}

.main-dcm-bg section {
  background: unset;
}

.main-dcm-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 300px;
  background-color: #000;
}

.counter-txt {
  border-radius: 1000px;
  font-size: 60px;
  font-weight: 600;
  text-align: center;
  width: 160px;
  height: 160px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 160px;
  margin: auto;
}

.our-step hr {
  transform: rotate(90deg);
  max-width: 50px;
  margin: 40px auto;
}

.our-step .col-lg-3 {
  text-align: center;
  z-index: 1;
}

.step-bg {
  background-color: #fff;
  padding: 20px 20px 30px 20px;
  border-radius: 30px;
  transition: 0.5s all ease-in-out;
}

.step-bg h2 {
  font-size: 24px;
  font-weight: 700;
  max-width: 250px;
  margin: 20px auto;
  min-height: 63px;
  transition: 0.5s all ease-in-out;
}

.step-bg p {
  margin-bottom: 0px;
  font-size: 17px;
  line-height: 24px;
  min-height: 96px;
  transition: 0.5s all ease-in-out;
}

.second-fourth {
  margin-left: 120px;
}

.third-only {
  margin-left: 240px;
}

.our-info {
  position: relative;
}

.seo-page-card {
  background-color: #fff;
  border-radius: 100px;
  position: relative;
  padding: 10px 10px;
  margin-bottom: 70px;
  width: 100%;
  max-width: 640px;
}

.seo-page-card img.circle-icon {
  position: absolute;
  left: -10%;
  top: -40%;
}

.seo-page-card h4 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}

.seo-page-card p {
  font-size: 13px;
  line-height: 20px;
}

.info-graphic {
  padding-top: 150px;
  padding-bottom: 120px;
  max-width: 1440px;
}

.info-graphic .col-lg-6 {
  position: relative;
}

.info-graphic h2.text-white {
  font-size: 45px;
  font-weight: 600;
  background-color: #8e0baf;
  width: 300px;
  height: 300px;
  border-radius: 1000px;
  margin: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  position: relative;
  left: 20%;
}

.info-graphic h2.text-white:before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  z-index: -1;
  border-radius: 1000px;
  border: 30px solid #b830d8;
}

.info-graphic h2.text-white:after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  z-index: 0;
  border-radius: 1000px;
  box-shadow: 0px 0px 0px 10px #b732db;
}

.blurb-seo-row {
  margin-top: 20px;
}

.seo-second-sec h4.text-white {
  margin-bottom: 20px;
  max-width: 520px;
}

.blurb-seo-row .seo-blurb {
  display: flex;
  gap: 30px;
  justify-content: left;
  align-items: center;
}

.blurb-seo-row .seo-blurb h3.text-white {
  font-size: 24px;
  max-width: 180px;
}

.seo-second-sec .strategic-row .col-lg-6:last-child {
  padding-left: 60px;
}

.seo-second-sec .row.head-service {
  margin-bottom: 50px;
}

.blurb-seo-row .col-lg-6:before {
  content: unset !important;
}

.seo-btn {
  display: flex;
  gap: 20px;
  margin-top: 60px;
}

.seo-btn a {
background-color: #002494 !important;
  color: #fff;
  padding: 7px 40px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  display: ruby;
}

.seo-hero-sec {
  padding-top: 160px;
  padding-bottom: 40px;
}

.seo-hero-sec h1.text-white {
  font-size: 80px;
  font-weight: 700;
}

.seo-hero-sec h1.text-white span {
  font-weight: 700;
  font-family: "Roboto";
  color: #002494;
}

.seo-hero-sec p.text-white {
  font-size: 30px;
  font-weight: 500;
  font-family: "Roboto";
  line-height: 40px;
}

/* -- Digital Marketing -- */
.brief-sec .main-tow-btn a:hover {
  background-color: #CC0606;
}

.transform-row .digital-two-btn a:hover {
  background-color: #CC0606;
}

.service-hero-sec .col-lg-6 img.bannn,
.brif-row .col-lg-6:last-child img,
.transform-row img,
.dubai-row-mind .col-lg-4 img {
  /* animation: float 6s ease-in-out infinite; */
}

.customized-row .col-lg-3:hover {
  background-position: right;
  transition: 0.5s all ease-in-out;
}

.digit-lasrt-row .digital-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}

.digit-lasrt-row .digital-btn a {
  padding: 10px 40px;
  background-color: #002494;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 600;
  transition: 0.5s all ease-in-out;
}

.digit-lasrt-row .digital-btn a:hover {
  transition: 0.5s all ease-in-out;
  box-shadow: 0px 0px 10px 1px #00dbdb;
}

.done-four-col h4.text-white {
  font-size: 28px;
  font-weight: 600;
  max-width: 180px;
}

.done-four-col .blurb-four {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
  padding-left: 50px;
}

.done-four-col .blurb-four span {
  background-color: #fff;
  padding: 15px 20px 20px 19px;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  line-height: 20px;
  border: 5px solid #002494;
}

.done-four-col p.text-white {
  font-size: 16px;
  font-weight: 400;
  border-radius: 0px 20px;
  padding: 20px;
  transition: 0.5s all ease-in-out;
}

.done-four-col p.text-white:hover {
background-color: #002494;
  transition: 0.5s all ease-in-out;
}

.done-right-sec .container {
  max-width: 1530px;
}

.done-right-sec .container p.text-white.text-center {
  font-size: 22px;
  max-width: 1170px;
  margin: 20px auto auto auto;
}

.brief-sec {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* For ex large screen */
/* .transform-row img {
  margin-top: -90px;
} */
/* For laptop */
.transform-row img {
  margin-top: -22px;
}

.transform-row {
  max-width: 1505px;
  background-color: #002494;
  border-radius: 40px;
  margin-top: 150px !important;
}

.transform-row .digital-two-btn {
  display: flex;
  gap: 30px;
  justify-content: end;
  margin-top: 50px;
}

.transform-row .digital-two-btn a,
.global-dtb a {
  border-radius: 100px;
  color: #fff;
  border: 1px solid var(--red-color);
  text-decoration: none;
  padding: 14px 30px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}

.transform-row .digital-two-btn a:first-child,
.global-dtb a:first-child {
  padding: 14px 90px 14px 30px;
}

.done-right-sec {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.transform-row .digital-two-btn a:first-child:hover:before,
.global-dtb a:first-child:hover:before {
  right: -0%;
  transition: 0.5s all ease-in-out;
}

.transform-row .col-lg-8 {
  padding-right: 50px;
}

.customized-row {
  max-width: 1710px;
  gap: 40px;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 20px !important;
}

.customized-row .col-lg-3 {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding: 30px 30px;
  text-align: center;
  border-radius: 0px 30px;
  background-position: top left;
  transition: 0.5s all ease-in-out;
}

.customized-row h2 {
  font-size: 24px;
  color: #000;
  font-family: "Montserrat";
  font-weight: 700;
  margin-top: 20px;
}

.customized-row p.text-center {
  font-size: 18px;
  color: #707070;
  margin-top: 15px;
}

.brief-sec .main-tow-btn a {
  padding: 14px 30px;
}

.raise-row {
  padding-top: 80px;
}

.raise-row p.text-white.text-center {
  font-size: 28px;
  font-weight: 600;
}

.brief-sec .main-tow-btn a#openPopup {
  padding: 14px 90px 14px 30px;
}

.brief-sec .main-tow-btn a#openPopup:hover:before {
  right: -3%;
  transition: 0.5s all ease-in-out;
}

.brif-row .col-lg-6:last-child {
  text-align: right;
  padding-right: 50px;
}

.brif-row {
  max-width: 1810px;
  border-radius: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
  align-items: center;
}

.brif-row .col-lg-6:first-child {
  padding-left: 50px;
}

.brif-row .col-lg-6:first-child p.text-white {
  font-size: 26px;
  margin-bottom: 80px !important;
}

.digital-next-sec {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.our-excellence {
  padding-top: 80px;
  max-width: 950px;
  padding-bottom: 50px;
}

.our-excellence h2 b {
  font-size: 80px;
  font-weight: 800;
  display: block;
}

.our-excellence-check {
  max-width: 1565px;
  padding-bottom: 80px;
}

.our-excellence-check h4.text-white {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  min-height: 60px;
}

.digital-next-sec .container {
  max-width: 100%;
}

.blurb-row-digits {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 150px !important;
  max-width: 1920px;
}

.blurb-row-digits .col-lg-3 {
  width: 20%;
  text-align: center;
}

.blurb-row-digits h3.text-white {
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
  max-width: 270px;
  margin: 20px auto auto auto;
}

.strategic-row {
  max-width: 1610px;
}

.digital-next-sec .container .head-service {
  max-width: 840px;
}

.strategic-row h4.text-white {
  font-size: 22px;
  font-weight: 600;
}

.strategic-row p.text-white {
  font-size: 17px;
}

.strategic-row h2.text-white.same-all {
  max-width: 510px;
  margin-bottom: 20px;
}

.tab-content .nav-tabs .nav-link.active {
  background: transparent;
}

.tab-content .nav {
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: center;
}

.nav-link img {
  display: none;
}

.nav-link.active img {
  display: block;
  width: 50px;
  margin: 0 auto;
}

.trust-icons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

/* Popup overlay style */
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}


/* Popup content style */

/* .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 18px;
  cursor: pointer;
} */

/* -- Popup  --  */
.popup-box {
  position: relative;
  max-width: 700px;
  margin: auto;
  overflow-y: scroll;
}

/* .popup-form::-webkit-scrollbar {
  width: 3px;
}

.popup-form::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 10px;
} */

.popup-form input:focus,
.popup-form textarea:focus {
  border: 1px solid #ffff;
}

/* .popup-form {
  position: absolute;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  width: 100%;
  padding: 50px;
  background-size: cover;
  background-position: center center;
  z-index: 2;
  max-width: 700px;
} */

.popup-form button.searchClose {
  float: right;
}

.popup-form p {
  font-size: 45px;
  font-family: "Roboto";
  font-weight: 600;
  line-height: 1;
  color: white;
}

.popup-form p span {
  font-size: 100px;
  font-family: "Roboto";
}

.popup-form input,
.popup-form textarea {
  border: 1px solid #fff;
  margin-bottom: 20px;
  color: #fff;
  font-size: 20px;
}

.popup-form input::placeholder,
.popup-form textarea::placeholder {
  color: #fff;
}

.popup-form input[type="submit"] {
 background-color: #002494;
  border: 0px;
  font-size: 22px;
}

/* -- Logo Page --  */
.logo-design .web-dev .sub-contetn a {
  max-width: 200px;
  margin: auto auto auto 0;
}

.faq-logo-deisgn {
  padding-top: 100px;
}

.newslt-row {
  margin-top: 40px !important;
}

.nesw-form {
  background: #59249a;
  padding: 30px;
  border-radius: 20px;
}

.nesw-form form {
  display: flex;
  gap: 20px;
}

.nesw-form form input {
  background-color: #ffffff;
  border: 1px solid #fff;
  color: #5e5e5e;
  font-size: 20px;
  text-align: center;
  padding: 20px 20px;
  height: 70px;
  border-radius: 0px;
  font-family: "Montserrat";
}

.nesw-form form input::placeholder {
  color: #5e5e5e;
}

.newslt-row .col {
  padding: 0px;
}



.logotab-sec .main-tow-btn a {
  border: 2px solid #fff;
  color: #fff !important;
  text-decoration: none;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 20px;
  padding: 14px 90px 14px 30px;
  border-radius: 100px;
  position: relative;
  transition: 0.5s all ease-in-out;
}

.tab-delivery .unique-tab-content img {
  border-radius: 0px 20px 0px 20px;
}

.logotab-sec .main-tow-btn a:hover {
background-color: #002494;
  transition: 0.5s all ease-in-out;
}

.logotab-sec .main-tow-btn a:last-child {
  padding: 14px 30px 14px 30px;
}

.main-tow-btn {
  margin-top: 40px;
}

.main-tow-btn a {
  border: 2px solid #fff;
  color: #fff !important;
  text-decoration: none;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 24px;
  padding: 14px 90px 14px 30px;
  border-radius: 100px;
  position: relative;
  transition: 0.5s all ease-in-out;
}

.tab-delivery .unique-tab-content img {
  border-radius: 0px 20px 0px 20px;
}

.logotab-sec p {
  font-size: 20px;
  color: #fff;
  margin-bottom: 60px;
  margin-top: -40px;
}

.logotab-sec .unique-tab-container {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}

.logotab-sec .unique-tab-container button.unique-tab-button {
 background-color: #002494;
  color: #fff;
  padding: 23px 20px;
  font-size: 22px;
  font-weight: 600;
  border: 0px;
  border-radius: 10px;
  width: 24%;
}

.logotab-sec .unique-tab-container button.unique-tab-button.active-tab {
  box-shadow: 0px 0.5px 10px 4px #eb799b;
}

.tab-delivery .unique-tab-content h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}

.tab-delivery .unique-tab-content h5 {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 30px;
}

.tab-delivery .unique-tab-content p {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}

.tab-delivery {
  padding: 50px 20px 10px 20px;
  background-color: #272727;
  border-radius: 30px;
  box-shadow: 0px 0px 10px 3px #a14256;
  margin-top: 2px;
}

.slider-logo {
  max-width: 1040px;
}

.slider-logo swiper-container.mySwiper swiper-slide {
  text-align: center;
  margin-bottom: 70px;
}

.slider-logo swiper-container.mySwiper swiper-slide img {
  width: 100%;
  max-width: 420px;
  margin: auto;
  text-align: center;
  border-radius: 0px 100px 0px 100px;
  box-shadow: 0px 0px 10px 5px #CC0606;
  margin-top: 20px;
}

.slider-logo swiper-slide img {
  box-shadow: 0px 0px 10px 5px #002494;
  margin: 10px;
  width: 94%;
}

.slider-logo swiper-slide.swiper-slide-visible.swiper-slide-thumb-active img {
  box-shadow: 0px 0px 10px 5px #CC0606;
}

.slider-logo {
  padding-top: 60px;
}

.logo-h2 {
  font-size: 57px !important;
  font-weight: 600;
}

.wweb-deign-sec h2.text-white.algn-centr.logo-h2 {
  max-width: 900px;
  margin: auto auto 60px auto;
}

.logo-h2 span {
  color: #002494;
  font-weight: 700;
  font-family: "Roboto";
}

/* Logo End here */

.services {
  position: relative;
  background-color: #000;
}

.services-slider .swiper-slide {
  opacity: 0 !important;
}

.services-slider .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active {
  opacity: 1 !important;
}

/* Blog Page */
.service-hero-sec .container a:hover,
.smee-ser a:hover {
  box-shadow: 0px 0px 10px 1px #CC0606;
}

.testi-img {
  height: 300px;
  overflow: hidden;
}

.about-second-row {
  align-items: center;
}

.web-dev .sub-contetn a {
  max-width: 100%;
}

.pt-b-150 {
  padding-top: 150px;
  padding-bottom: 80px;
}

.blogs-all {
  background-position: top center;
  background-size: contain;
}

.post-row-last {
  margin-top: 60px !important;
  padding-bottom: 130px;
}

.blog-content-tab a {
  background-color: #002494;
  color: #fff;
  padding: 5px 20px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #002494;
}

.blog-content-tab a:hover {
  background-color: #CC060600;
  border-color: #fff;
}

.blogs-all .col-lg-6 {
  position: relative;
}

.blog-content-tab p {
  margin-bottom: 10px;
}

.blogs-all .col-lg-6:hover .blog-img-tab img {
  box-shadow: 0px 0px 10px 3px #CC0606;
  transition: 0.5s all ease-in-out;
}

.blogs-all .col-lg-6 .blog-img-tab img {
  border-radius: 6px;
  transition: 0.5s all ease-in-out;
}

.blog-content-tab p.post-date {
  font-weight: 300;
  font-size: 14px;
}

.blog-content-tab h4 {
  font-size: 19px;
  font-weight: 500;
}

.blog-content-tab p.post-except {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}

.blog-content-tab p.post-minute {
  font-size: 14px;
  font-weight: 300;
  text-align: right;
  padding-right: 30px;
}

.blogs-all .col {
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid #002494;
  margin-bottom: 30px;
  align-items: center;
}

.blogs-all .col h2 {
  font-size: 18px;
  margin: 0;
  background-color: #002494;
  padding: 8px 15px;
  font-weight: 600;
  border-radius: 0px 10px 0px 0px;
}

.blogs-all .col a {
  text-decoration: none;
  font-weight: 200;
}

.blog-img-tab {
  width: 40%;
}

.blog-content-tab {
  width: 60%;
}

.blog-slide-sec .blog-slidrrr {
  padding-bottom: 80px;
}

.blog-slide-sec .blog-slidrrr .swiper-pagination span.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #fff;
}

.blog-slide-sec .blog-slidrrr .swiper-pagination .swiper-pagination-bullet-active {
  box-shadow: 0px 0px 10px 5px #CC0606  ;
}

.blog-slidrrr .swiper-button-prev:after,
.blog-slidrrr .swiper-button-next:after {
  font-size: 0px;
}

.blog-slide-sec p.algn-centr.text-white {
  margin-bottom: 50px;
}

.blog-slidrrr img {
  border-radius: 10px;
  min-height: 400px;
  object-fit: cover;
  object-position: center left;
}

.horrific-content h2 {
  font-weight: 600;
  font-size: 24px;
}

.horrific-content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}

.horrific-content p.post-date {
  font-weight: 100;
}

.horrific-content {
  background-color: #00000080;
  position: absolute;
  bottom: 0%;
  padding: 30px 30px;
  width: 90%;
  border-radius: 0px 30px 0px 10px;
  transition: 0.5s all ease-in-out;
}

.blog-slidrrr .swiper-slide {
  position: relative;
}

.blog-slidrrr .swiper-slide:hover .horrific-content {
  width: 100%;
  border-radius: 0px;
  transition: 0.5s all ease-in-out;
}

.blog-hero-sec {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-hero-sec h1 {
  font-size: 80px;
  font-weight: 900;
  line-height: 85px;
  margin-bottom: 60px;
}

.blog-hero-sec h1 span {
  color: #002494;
  font-weight: 800;
  font-family: "Roboto";
}

.blog-hero-sec a {
background-color: #002494;
  font-family: "Montserrat";
  color: #fff;
  border-radius: 6px;
  padding: 12px 40px;
  font-size: 26px;
  font-weight: 600;
  text-decoration: none;
}

/* End here */

/* Portfolio page */
.port-last-sec {
  padding-bottom: 100px;
}

.mobile-slider-sec {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.mobile-slider-sec h2 {
  font-size: 90px;
  color: #ffffff00;
  font-weight: bold;
  -webkit-text-stroke-width: 3px;
  stroke-width: 3px;
  -webkit-text-stroke-color: #CC0606;
  font-family: "Roboto";
  stroke: #CC0606;
  position: absolute;
  transform: rotate(-90deg);
  left: -20%;
  top: 50%;
}

.mortal-col img {
  animation: float 6s ease-in-out infinite;
}

.port-gallery {
  overflow: hidden;
  padding: 10px 0px;
}

.port-gallery .container {
  max-width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  box-shadow: 0px 0px 10px 4px #CC0606;
}

.port-gallery .container .col {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.mortal-com-sec .container {
  max-width: 1610px;
  overflow: overlay;
  height: 2400px;
}

.motal-main-img:hover img {
  box-shadow: 0px 0px 20px 10px #CC0606;
  transition: 0.5s all ease-in-out;
}

.motal-main-img img {
  transition: 0.5s all ease-in-out;
}

.row-two-mortal {
  margin-top: 100px !important;
  margin-bottom: 100px;
}

.p-portfolio {
  font-size: 20px;
  line-height: 27px;
}

.mortal-com-sec a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
}

.mortal-col img {
  min-width: 700px;
  z-index: 1;
  position: relative;
  margin-top: 50px;
}

.port-slide-sec .container {
  max-width: 1640px;
}

.port-slide-sec .container .swiper-button-prev:after,
.port-slide-sec .container .swiper-button-next:after {
  font-size: 0px;
}

.port-slid-mine {
  padding-bottom: 70px !important;
}

.port-slid-mine .swiper-pagination span.swiper-pagination-bullet,
.mobile-slider-sec .swiper-pagination-horizontal span.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #fff;
}

.port-slid-mine .swiper-pagination .swiper-pagination-bullet-active,
.mobile-slider-sec .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  box-shadow: 0px 0px 10px 7px #002494;
}

.port-slid-mine a.slid-imgss {
  width: 400px;
  margin: auto;
  cursor: n-resize;

  img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 400px;
    transition: 8s all ease;
    cursor: pointer;

    &:hover {
      object-position: bottom;
    }
  }
}

button#toggle-button {
  text-align: center;
background-color: #002494;
  color: #fff;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 600;
  border: 0px;
  margin-top: 30px;
}

.hover-image-cont .tabs-roww {
  text-align: center;
}

.mar-bot {
  margin-bottom: 24px !important;
}

.screen:hover {
  box-shadow: 0px 0px 20px 3px #9749e9;
}

.screen {
  display: block;
  height: 350px;
  overflow: hidden;
  position: relative;
  /*    border: 2px solid #b3b3b3;*/
  border-radius: 10px;
  margin: 0 auto;
}

.screen img {
  max-width: 100%;
  height: auto;
  position: absolute;
  z-index: 0;
  margin: auto;
  left: 0;
  right: 0;
  padding: 0;
}

.port-slide-sec p {
  font-size: 19px;
  font-family: "Manrope";
  margin-bottom: 50px;
}

#portfolio-hero h1 {
  font-size: 89px;
  margin-bottom: 10px;
}

.service-hero-sec p {
  font-weight: 300;
  font-family: "Manrope";
  margin-bottom: 40px;
}

#portfolio-hero .container img {
  position: relative;
  width: 100%;
  top: unset;
  right: unset;
}

/* Portfolio end */

/* Service Main Page */
footer.footer-wrapper p {
  font-size: 14px;
}

.faqs-service .row {
  margin-top: 100px;
}

.have-server .project-in-mind {
  padding: 0px 50px;
}

.service-main-review .our-reviews {
  padding-top: 0px;
}

.blurb-row {
  margin-top: 100px !important;
}

.blurb-row .col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: baseline;
  text-align: center;
}

.blurb-mod {
  margin: 10px;
}

.blurb-mod p {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 26px;
}

hr {
  color: #fff !important;
  opacity: 1 !important;
}

.counter-sec .row {
  transition: 0.5s all ease-in-out;
  align-items: center;
}

.counter-sec .row:hover .bor-coutn {
  border-color: #002494;
  transition: 0.5s all ease-in-out;
}

.counter-sec .row:hover .bor-coutn h3 {
  background-color: #002494;
  transition: 0.5s all ease-in-out;
}

.counter-sec h3 {
  text-align: center;
 background-color: #002494;
  padding: 50px 26px;
  font-size: 130px;
  font-weight: 900;
  border-radius: 1000px;
  height: 270px;
  line-height: 165px;
  margin: 10px;
}

.bor-coutn {
  border: 6px solid #002494;
  border-radius: 1000px;
}

.counter-sec h2 {
  font-size: 44px;
  font-family: "Roboto";
  font-weight: 600;
}

.counter-sec p {
  font-size: 20px;
  font-weight: 400;
}

.counter-sec h5 {
  font-size: 28px;
  font-weight: 600;
}

.blog-service .col {
  padding: 0;
}

.blog-service .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-service p {
  font-size: 18px;
  line-height: 26px;
  min-height: 131px;
}

.blog-service img {
  min-height: 296px;
  border-radius: 10px;
  object-fit: cover;
}

.blog-service {
  background-color: #161616;
  padding-top: 80px;
  /* padding-bottom: 80px; */
}

.blog-service p.date-post {
  min-height: unset;
  font-size: 14px;
  font-weight: 200;
  margin-bottom: 30px;
}

.blog-service a {
  background-color: #002494;
  color: #fff;
  padding: 12px 30px;
  text-decoration: none;
  font-size: 14px;
  font-family: "Roboto";
  border-radius: 5px;
  border: 1px solid #002494;
}

.blog-service a:hover {
  background-color: transparent;
  border-color: #fff;
}

.blog-service h6 {
  color: #fff;
  background-color: #cc4611;
  max-width: 145px;
  margin-top: 20px;
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}

.blog-service h6 span {
  font-weight: 100;
}

.blog-service h4 {
  font-size: 24px;
  font-family: "Manrope";
  font-weight: 700;
  min-height: 62px;
}

.blog-service p {
  font-size: 18px;
  line-height: 26px;
  min-height: 131px;
}

.blog-service .container {
  max-width: 100%;
  padding: 0;
}

.blog-service h2.text-white.same-all.algn-centr {
  max-width: 1160px;
  margin: auto auto 50px auto;
}

.marwuee-row .col {
  padding: 0;
}

.same-all span {
  color: #002494;
  font-weight: 900;
  font-family: "Roboto";
}

.container.smee-ser {
  max-width: 1600px;
}

.container.smee-ser .col-lg-7 {
  width: 48%;
}

.container.smee-ser .col-lg-5 {
  width: 52%;
}

.blog-service .swiper-wrapper {
  align-items: baseline;
}

#right-smee-ser .col-lg-7 {
  height: 502px;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 0px;
  direction: rtl;
  padding-left: 50px;
}

#right-smee-ser .col-lg-5 {
  padding-left: 0px !important;
  padding-right: 100px;
}

#right-smee-ser .col-lg-7::before {
  right: -4% !important;
  left: unset;
}

.smee-ser .col-lg-7.hide-before:before {
  opacity: 0;
  transition: opacity 0.5s ease;
}

img.scrol-img {
  z-index: 1;
  position: relative;
}

.smee-ser {
  max-width: 1440px;
}

.smee-ser .col-lg-7 {
  height: 502px;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 50px;
}

.smee-ser .col-lg-5 {
  padding-left: 168px;
  padding-right: 40px;
}

.smee-ser img {
  margin-bottom: 40px;
}

.smee-ser {
  margin-bottom: 150px;
}

.slid-row {
  margin-bottom: 100px;
}

.slid-row {
  margin-bottom: 100px;
}

.smee-ser .same-all {
  margin-bottom: 30px;
}

.smee-ser p.text-white {
  font-size: 22px;
}

.smee-ser a {
  background-color: #002494;
  padding: 12px 20px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  font-size: 20px;
  margin-top: 35px !important;
  display: block;
  width: 170px;
  text-align: center;
  font-weight: 500;
}

.pro-ser-slider .swiper-slide {
  background-color: #002494;
  border-radius: 40px;
  padding-bottom: 170px !important;
}

.best-service-sec .container .col {
  padding: 0px;
}

.head-service p.text-white.algn-centr {
  max-width: 1410px;
  margin: auto auto 100px auto;
  font-size: 20px;
  line-height: 26px;
}

.pro-ser-slider .swiper-slide:before {
  content: "";
  position: absolute;
  background: url(assests/images/service/side-corner.png);
  background-repeat: no-repeat;
  width: 166px;
  height: 176px;
  background-position: center center;
  background-size: 100%;
}

.pro-ser-slider .swiper-pagination {
  bottom: 0px;
}

.centered-mode-slider {
  padding-bottom: 100px !important;
}

.pro-ser-slider .swiper-pagination span.swiper-pagination-bullet,
.centered-mode-slider .swiper-pagination span.swiper-pagination-bullet {
  background-color: #8b8084;
  width: 18px;
  height: 18px;
}

.pro-ser-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.centered-mode-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  box-shadow: 0px 0px 10px 4px #e40aff;
}

.pro-ser-slider {
  padding-bottom: 80px !important;
}

.pro-ser-slider .swiper-slide h4 {
  font-size: 30px;
  font-weight: 600;
  padding-left: 30px;
  margin-top: 60px;
}

.pro-ser-slider .swiper-slide p {
  font-size: 16px;
  line-height: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

.pro-ser-slider .swiper-slide img {
  width: 110px;
  height: 110px;
  object-fit: contain;
  margin-top: 20px;
  margin-left: 20px;
  z-index: 1;
  position: relative;
}

.same-all {
  font-size: 60px;
  font-weight: 600;
}

.service-hero-sec {
  padding-top: 150px;
  padding-bottom: 200px;
}

.service-hero-sec .container {
  max-width: 1440px;
}

.service-hero-sec .container h1.text-white {
  font-size: 80px;
  font-weight: 900;
  line-height: 90px;
  margin-bottom: 100px;
}

.service-hero-sec .container h1.text-white span {
  color: #002494;
  font-weight: 800;
  font-family: "Roboto";
}

.service-hero-sec .container a {
  background-color: #002494;
  font-family: "Montserrat";
  color: #fff;
  border-radius: 6px;
  padding: 12px 40px;
  font-size: 26px;
  font-weight: 600;
  text-decoration: none;
}

.algn-centr {
  text-align: center;
}

.service-hero-sec .container img {
  position: absolute;
  width: 690px;
  object-fit: cover;
  /* top: -15%; */
  right: 0%;
}

.service-hero-sec .container .col-lg-7 {
  position: relative;
}

/* Service End here */

/* Logo Desgign */
.logo-design .container {
  display: block;
}

.logo-design .our-idea h2:before {
  content: unset !important;
}

.logo-design .web-dev a {
  margin: auto auto auto 30px;
}

.logo-design .testimonial-area-1 {
  margin-top: 90px !important;
}

.logo-design .web-dev p.feature-card-text {
  margin-bottom: 40px;
}

/* About */
.contact-sec .row.justify-content-space-between.project-in-mind h2.text-white {
  margin-bottom: 0px;
}

.ctn-btns {
  display: flex;
  gap: 20px;
}

.ctn-btns a:before {
  content: unset !important;
}

.ctn-btns a {
  padding: 7px 30px !important;
  border-radius: 6px !important;
}

.mein-cont h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}

.about-main-content .row p {
  font-size: 20px;
  line-height: 36px;
}

.blurb-ctn {
  display: flex;
  justify-content: left;
  gap: 20px;
  margin-bottom: 30px;
  align-items: center;
}

.blurb-ctn a {
  color: #fff;
  text-decoration: none;
  font-size: 30px;
  line-height: 1.3;
}

.blurb-ctn a:hover {
  color: #a450dc;
}

.blurb-ctn .img-blurb img {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #002494 !important;
  padding: 20px;
  border-radius: 100px;
}

.firt-blurb {
  margin-top: 40px;
}

.contact-second-row {
  align-items: center;
}

.global-dtb {
  margin-top: 40px;
  text-align: right;
}

.global-dtb a:first-child {
  margin-right: 20px;
}

/* Animations */
.service-thumb__head h2 a {
  cursor: pointer;
}

.project-in-mind a:hover {
background-color: #002494;
  transition: 0.5s all ease-in-out;
}

.tab-again button span:hover {
  background-color: #fff !important;
  color: #CC0606;
}

.three-colss .d-flex:hover {
  box-shadow: 0px 0px 10px 10px #CC0606;
  transition: 0.5s all ease-in-out;
}

.three-colss .col-lg-3:hover:nth-child(3) {
  box-shadow: 0px 0px 10px 10px #CC0606;
}

.servicess-row-one img {
  /* animation: float 6s ease-in-out infinite; */
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }

  50% {
    transform: translatey(-20px);
  }

  100% {
    transform: translatey(0px);
  }
}

.project-in-mind img {
  animation: float 6s ease-in-out infinite;
}

.log-bef:before,
.seo-hero-sec .col-lg-3 img {
  box-sizing: border-box;
  overflow: hidden;
  animation: float 6s ease-in-out infinite;
}


.tab-col .tab button:hover {
  background-color: #CC0606 !important;
}

.sub-contetn a:hover,
.live-chat-btns a:hover {
  box-shadow: 0px 0px 10px 1px #CC0606;
}


@keyframes float {
  0% {
    transform: translatey(0px);
  }

  50% {
    transform: translatey(-20px);
  }

  100% {
    transform: translatey(0px);
  }
}

/* Responsive */

@media (max-width: 1450px) and (min-width: 1300px) {
  .industries-slider .swiper-pagination span.swiper-pagination-bullet {
    width: 200px !important;
  }

  .live-chat-btns a {
    padding: 10px 40px !important;
  }

  section.fixed-scroll-sec .container {
    max-width: 1300px !important;
  }

  .col-main.active .img-with-txt h3 {
    font-size: 24px !important;
    padding-top: 30px;
  }

  .project-in-mind h2.text-white {
    font-size: 50px !important;
  }

  .hero-section .container {
    max-width: 1250px;
  }
}

@media (max-width: 1220px) and (min-width: 1152px) {
  .industries-section h2 {
    font-size: 70px !important;
  }

  .img-sliderr {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .industries-section h2:after {
    margin-top: 80px !important;
  }

  .industries-section h2 {
    font-size: 70px !important;
    margin-bottom: -80px !important;
  }

  .txt-indu-slider .paly-apple img {
    width: 220px;
  }

  .industries-slider .swiper-button-prev:after {
    width: 50px !important;
    height: 39px !important;
    background-size: 100% !important;
  }

  .industries-slider .swiper-button-next:after {
    width: 50px !important;
    height: 39px !important;
    background-size: 100% !important;
  }

  section#industrysss .swiper-pagination {
    bottom: 9% !important;
  }

  section#industrysss .industries-slider .swiper-button-next {
    right: 6% !important;
  }

  #industrysss .swiper-button-prev {
    bottom: 17% !important;
  }

  #industrysss .swiper-button-next {
    bottom: 17%;
  }

  .live-chat-btns a {
    padding: 10px 30px !important;
  }

  .project-in-mind h2.text-white {
    font-size: 50px !important;
  }

  .b.banner-heading h1,
  .section-heading h1 {
    font-size: 50px !important;
  }

  .heigt-wise {
    padding-left: 40px !important;
  }

  .col-main.active .img-with-txt h3 {
    font-size: 24px !important;
    padding-top: 30px !important;
  }

  .project-in-mind a {
    font-size: 20px !important;
  }

  section#industrysss {
    padding-bottom: 0px !important;
  }

  .tab-again button span {
    font-size: 50px !important;
    width: 100px !important;
    height: 98px !important;
  }

  .tab-again .tab-view {
    padding: 100px 30px 30px 30px !important;
  }

  .tab-again .tab .txt-dep {
    font-size: 16px !important;
  }

  .our-reviews p.text-white.text-center {
    font-size: 18px !important;
  }
}

@media (max-width: 1440px) and (min-width: 1152px) {
  .log-bef:before {
    width: 480px !important;
    height: 580px !important;
    margin-top: -27px !important;
    left: 30% !important;
    background-repeat: no-repeat !important;
  }

  .three-colss .col-lg-3:nth-child(2) {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .servicess-section h2 {
    font-size: 60px !important;
  }

  .our-case-section h2 {
    font-size: 60px !important;
  }

  .why-choose h2,
  .proce-tab h2 {
    font-size: 60px !important;
  }

  .offer-box-head .heading-six {
    font-size: 19px !important;
  }

  .tab-col .tab button {
    font-size: 30px !important;
    padding: 11px 25px !important;
  }

  .header-logo {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .hero-style7 {
    padding: 180px 0 70px !important;
  }

  .hero-title {
    font-size: 60px !important;
  }

  #hero-sec .testimonial-area-1 {
    margin-top: 40px !important;
    margin-bottom: 60px;
  }

  .our-idea h2:before {
    width: 155px !important;
  }

  /* .our-idea {
    padding-top: 110px !important;
  } */
  #hero-sec .hero-row h1.hero-title.wow.img-custom-anim-top.text-smoke.text-end {
    text-align: center !important;
  }

  .web-dev .sub-contetn h2.robo-font.text-start {
    font-size: 38px !important;
    line-height: 40px !important;
  }

  .web-dev .sub-contetn h2.robo-font.text-start span {
    font-size: 38px !important;
  }

  .web-dev p.text-end.feature-card-text {
    font-size: 18px !important;
    margin-bottom: 30px !important;
  }

  .industries-section .container {
    max-width: 1250px !important;
  }

  .industries-section h2 {
    font-size: 70px !important;
  }

  .industries-section h2:after {
    right: 0.2% !important;
    margin-top: 80px !important;
  }

  .img-sliderr {
    height: 600px !important;
    justify-content: flex-end;
    align-items: center;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  .img-sliderr img {
    padding-top: 20px !important;
  }

  .txt-indu-slider h3 {
    font-size: 40px !important;
  }

  .txt-indu-slider .paly-apple img {
    width: 200px !important;
  }

  #industrysss .industries-slider .swiper-pagination {
    bottom: 33% !important;
  }

  #industrysss .industries-slider .swiper-button-prev {
    bottom: 13% !important;
  }

  .industries-slider .swiper-button-next {
    bottom: 14% !important;
    right: 1% !important;
  }

  section.servicess-section.section-bg.pt-b-80 {
    /* padding-top: 0px !important; */
  }

  .service-offer-box img.img-fluid {
    width: 95px !important;
    height: 141px !important;
    object-fit: scale-down;
    object-position: top;
  }

  .tabs-roww h2 {
    margin: 20px 0px !important;
  }

  .cont-coluns p.text-white {
    font-size: 16px !important;
  }

  .cont-coluns .tab-section {
    min-height: 500px !important;
  }

  .tesi-roww .testi-txt h4.text-white {
    font-size: 36px !important;
  }

  .project-in-mind {
    padding: 30px !important;
  }

  section#project-in-minds .container {
    max-width: 1190px !important;
  }

  section.fixed-scroll-sec .container {
    max-width: 1200px !important;
  }

  .section-heading h1 span {
    font-size: 30px !important;
  }

  .fixed-scroll-area-link li {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }

  .why-choose .container {
    max-width: 1200px !important;
  }

  .proce-tab {
    padding-bottom: 30px !important;
    padding-top: 0px !important;
  }

  .faq-home h2.text-white {
    margin-bottom: 30px !important;
  }

  .tab-again button span {
    font-size: 50px !important;
    width: 100px !important;
    height: 98px !important;
  }

  .tab-again .tab-view {
    padding: 100px 30px 30px 30px !important;
  }

  .tab-again .tab .txt-dep {
    font-size: 16px !important;
  }

  .our-reviews p.text-white.text-center {
    font-size: 18px !important;
  }

  .popup-form p {
    font-size: 40px;
    text-align: center;
  }

  .popup-form p span {
    font-size: 45px;
  }

  .popup-content form input {
    /* height: 40px; */
    font-size: 16px;
  }

  .popup-content form textarea {
    height: 100px !important;
    font-size: 16px;
  }

  div#hero-sec.logo-design .testimonial-area-1 .web-dev .sub-contetn {
    margin: auto -150px auto auto;
  }

  .logo-design .testimonial-area-1 .col-lg-6:first-child {
    padding-left: 60px;
  }

  .logotab-sec .main-tow-btn a {
    padding: 14px 70px 14px 30px;
  }

  .tab-delivery .unique-tab-content h3 {
    font-size: 26px;
  }

  .tab-delivery .unique-tab-content h5 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .counter-sec h2 {
    font-size: 40px;
  }

  .counter-sec p {
    font-size: 16px;
  }

  .digital-main .container {
    max-width: 1200px !important;
  }

  .strategic-row {
    max-width: 1160px;
  }

  .digital-main {
    padding-bottom: 80px;
  }

  .blurb-row-digits h3.text-white {
    font-size: 21px;
    line-height: 30px;
    max-width: 100%;
  }

  .our-excellence h2 b {
    font-size: 60px;
  }

  .our-excellence-check h4.text-white {
    font-size: 22px;
  }

  .brif-row {
    max-width: 1150px;
  }

  .brif-row .col-lg-6:first-child p.text-white {
    font-size: 18px;
    margin-bottom: 40px !important;
  }

  .main-tow-btn a {
    font-size: 18px;
  }

  .brief-sec .main-tow-btn a#openPopup:before {
    right: -2% !important;
    top: -10% !important;
  }

  .customized-row {
    max-width: 1160px;
    gap: 10px;
  }

  .customized-row h2 {
    font-size: 22px;
  }

  .customized-row p.text-center {
    font-size: 16px;
  }

  .transform-row {
    max-width: 1100px;
  }

  .transform-row h2.text-white.same-all.text-end {
    margin-top: 30px;
  }

  .transform-row .digital-two-btn {
    gap: 30px;
    margin-bottom: 50px;
  }

  .strategic-row h2.text-white.same-all {
    max-width: 100%;
  }

  .blurb-row-digits {
    margin-top: 100px !important;
    max-width: 100%;
  }

  .done-right-sec .container {
    max-width: 1180px;
  }

  .done-four-col h4.text-white {
    font-size: 24px;
    max-width: 100%;
  }

  .done-four-col .blurb-four {
    padding-left: 20px;
  }

  .done-row img {
    max-width: 900px !important;
    margin-bottom: 20px;
  }

  .seo-hero-sec h1.text-white {
    font-size: 46px;
  }

  .seo-hero-sec p.text-white {
    font-size: 18px;
    line-height: 1.7;
    font-family: 'Montserrat';
  }

  .strategic-row .col-lg-6:first-child:before {
    top: -10.5% !important;
  }

  .blurb-seo-row .seo-blurb {
    gap: 10px;
  }

  .seo-icon {
    width: 30%;
  }

  .seo-text {
    width: 70%;
  }

  .blurb-seo-row .seo-blurb h3.text-white {
    font-size: 16px;
    max-width: 100%;
    font-family: 'Montserrat';
  }

  .seo-second-sec h4.text-white {
    max-width: 100%;
  }

  .second-fourth {
    margin-left: 50px;
  }

  .third-only {
    margin-left: 90px;
  }

  .seo-page-card.second-icon .col-lg-3:before {
    left: -32% !important;
    margin-top: 40px !important;
  }

  .seo-page-card.third-icon .col-lg-3:before {
    width: 180px !important;
    height: 50px !important;
    left: -31% !important;
    z-index: 0 !important;
    margin-top: -20px !important;
  }

  .seo-page-card.fourth-icon .col-lg-3:before {
    left: -27% !important;
    z-index: 0 !important;
    margin-top: -100px !important;
  }

  .seo-page-card.fifth-icon .col-lg-3:before {
    left: -31% !important;
  }

  .our-step {
    max-width: 1180px;
  }

  .row.align-items-center.results-row.pt-b-80 {
    max-width: 1160px;
  }

  .our-step .row:before {
    width: 1000px !important;
    left: 7% !important;
    top: -8% !important;
  }

  .seo-page-card {
    max-width: 580px;
  }

  .web-second-sec .container {
    max-width: 1180px;
  }

  .slid-inrr .swiper-slide-active {
    margin-top: -60px;
  }

  .serive-slider-row .slid-inrr .port-slid-mine {
    padding-top: 140px;
  }

  .port-web .container {
    max-width: 100%;
  }

  .port-web .container .row.slider-logo {
    max-width: 900px;
  }

  .port-web .col:before {
    font-size: 70px;
    left: -25%;
  }

  .port-web .col:after {
    font-size: 70px;
    right: -26%;
  }

  #port-web .transform-row {
    max-width: 95%;
  }

  .matter-three-col {
    margin-top: 280px !important;
  }

  .tab-buttons button.tab-btn {
    padding: 16px 20px;
    margin-bottom: 30px;
    font-size: 20px;
  }

  .branding-hero-sec .seo-btn a {
    padding: 7px 20px;
  }

  .service-hero-sec {
    padding-bottom: 100px;
  }

  .dubai-slider-sec .container,
  .dubai-reviews .slider-reviews {
    max-width: 1180px;
    padding: 0;
  }

  .cont-dubai-slider p {
    font-size: 12px;
    line-height: 13px;
  }

  .dubai-blurb-sec .blrb-dubi h4 {
    font-size: 20px;
  }

  .marketing-dubai-sec .container h1.text-white {
    font-size: 38px;
    margin-bottom: 10px;
  }

  .marketing-dubai-sec p.text-white {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: -30px;
  }

  .success-dubai-sec {
    padding-top: 200px !important;
    background-size: contain;
    background-position-y: top;
    background-position-x: 187%;
  }

  .dubai-all {
    font-size: 36px;
    text-transform: uppercase;
  }

  .social-media-marketing-dubai-page .dubai-all {
    font-size: 46px;
    text-transform: uppercase;
  }

  .dubai-all-para {
    font-size: 18px;
  }

  .success-slider-main .suces-content h3.text-center {
    font-size: 26px;
    line-height: 40px;
  }

  .success-slider-main .suces-content .suces-date {
    font-size: 16px;
  }

  .success-slider-main .suces-content {
    padding: 30px 20px;
  }

  .success-pagination .pagi-content h3 {
    font-size: 20px;
  }

  .success-pagination .pagi-content {
    padding: 61px 30px;
  }

  .success-slider-inner .swiper-button-prev {
    bottom: 5%;
  }

  .success-slider-inner .swiper-button-next {
    bottom: 17%;
  }

  .process-dubai-sec {
    padding-top: 0px;
  }

  .dub-exper-cont .dubai-expertise h3.text-end.text-white:before {
    right: -10%;
  }

  .dub-exper-cont .dubai-expertise-two h3.text-end.text-white:before {
    left: -10%;
  }

  .matters-anchor {
    margin-top: 50px;
  }

  .dubai-matters-row ul {
    margin-top: 15px;
  }

  .section-image-overlab img {
    margin-top: -180px;
  }

  .video-animation-page .branding-hero-sec .col-lg-4 img {
    min-width: 400px;
  }

  .video-all-headings {
    font-size: 50px;
  }

  .video-all-para {
    font-size: 20px;
    line-height: 32px;
  }

  .video-animation-page .seo-hero-sec {
    padding-top: 150px;
  }

  .video-data-content p.text-white {
    font-size: 14px;
  }

  .conecpt-data p {
    font-size: 18px;
    line-height: 30px;
  }

  .process-thumbs-slider .swiper-wrapper {
    height: 590px;
  }

  .video-tabs-row {
    max-width: 1180px;
  }

  .consultancy-hero-sec h1.text-white {
    font-size: 44px;
  }

  .consultancy-hero-sec .col-lg-4 img {
    min-width: 100%;
 
  }

  .consultancy-blog-card .col-lg-9 p {
    font-size: 13px;
    line-height: 16px;
  }

  .consultancy-blog-card .col-lg-9 h4.text-black {
    font-size: 24px;
    margin: 0;
  }

  .consultancy-blog-card .horizontal-blog-content {
    padding: 30px 40px;
  }

  .consultancy-sec .services-thumb-slider-wrapper {
    padding: 7em 5em 0em 0%;
  }

  .consultancy-sec .service-item__img .img-wrapper p {
    font-size: 14px;
  }

  .fifth-consultancy-row,
  .fifth-inner-row {
    max-width: 1100px;
  }

  .steps-consultancy:not(:last-child) {
    margin-bottom: 40px;
  }

  /* .cont-dubai-slider p {
    min-height: 240px;
  } */

  .about-slaman .container {
    max-width: 100%;
  }

  .main-menu ul.sub-menu {
    left: -350px !important;
  }
}

@media (max-width: 981px) {

  .dubai-reviews .dubai-tabs h2.text-white.same-all.text-center,
  .dubai-reviews .our-case-section h2.text-center.text-white {
    max-width: 100%;
    margin: auto;
  }

  .wweb-deign-sec h2.text-white.algn-centr.logo-h2 {
    max-width: 100%;
    margin: auto auto 30px auto;
  }

  .log-bef:before {
    width: 300px !important;
    height: 374px !important;
    background-size: 100% !important;
    margin-top: unset !important;
    background-repeat: no-repeat !important;
    top: 10% !important;
  }

  .hero-title {
    text-align: center !important;
  }

  div#hero-sec .log-bef h1.hero-title {
    text-align: left !important;
  }

  .robo-font {
    font-size: 24px !important;
  }

  .web-dev .sub-contetn h2.robo-font.text-start {
    font-size: 28px !important;
  }

  .web-dev h2.robo-font.text-start {
    margin-left: 48px !important;
  }

  .our-idea h2:before {
    width: 30px !important;
    height: 2px;
    margin-left: 138px !important;
  }

  .our-idea .px-5 {
    padding-left: 0px !important;
    margin-top: 120px !important;
  }

  .web-dev p.text-end.feature-card-text {
    font-size: 18px !important;
    margin-bottom: 70px !important;
  }

  .web-dev .sub-contetn h2.robo-font.text-start span {
    font-size: 28px !important;
  }

  /* .our-idea {
    padding-top: 0px !important;
  } */
  div#hero-sec .testimonial-area-1 {
    margin-top: 90px !important;
  }

  .hero-section .row.three-colss {
    display: block !important;
    margin-top: 30px !important;
  }

  div#hero-sec .three-colss .col-lg-6:first-child {
    width: 100% !important;
  }

  div#hero-sec .three-colss .col-lg-3:nth-child(2) {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0 !important;
    padding-top: 50px !important;
    padding-right: 80px !important;
    padding-left: 80px !important;
    padding-bottom: 20px !important;
  }

  div#hero-sec .three-colss .col-lg-3:nth-child(3) {
    width: 100% !important;
    height: 210px !important;
  }

  div#hero-sec .three-colss .col-lg-3:nth-child(3) h2.text-start.text-white,
  div#hero-sec .three-colss .col-lg-3:nth-child(3) h3.text-start.text-white {
    text-align: center !important;
  }

  .sub-contetn a {
    font-size: 18px;
  }

  .service-item__img .img-wrapper img {
    max-width: 60%;
    margin: auto 0 auto auto;
  }

  .services .line-heading {
    top: 2em !important;
    left: -19% !important;
  }

  .industries-section h2 {
    font-size: 60px !important;
  }

  .industries-section h2:after {
    width: 32% !important;
    margin-top: 70px !important;
  }

  .txt-indu-slider h3 {
    font-size: 50px !important;
    margin-top: 50px !important;
  }

  .industries-slider .swiper-button-next:after {
    width: 45px !important;
    height: 33px !important;
    background-size: 100% !important;
  }

  .industries-slider .swiper-button-next {
    top: unset !important;
    bottom: 6% !important;
    right: 0% !important;
  }

  .industries-slider .swiper-button-prev {
    bottom: 6% !important;
    top: unset !important;
  }

  #industrysss .industries-slider .swiper-pagination {
    bottom: 1% !important;
    left: unset !important;
    text-align: center !important;
  }

  .industries-slider .swiper-pagination span.swiper-pagination-bullet {
    height: 200px !important;
    width: 140px !important;
  }

  .industries-slider .row.justify-content-space-between {
    padding-bottom: 260px !important;
  }

  .industries-slider .swiper-pagination span.swiper-pagination-bullet {
    height: 200px !important;
    width: 140px !important;
    background-size: 190px !important;
  }

  .industries-slider .swiper-button-prev:after {
    width: 45px !important;
    height: 43px !important;
    background-size: 100% !important;
  }

  .industries-slider .swiper-pagination span.swiper-pagination-bullet:before {
    font-size: 18px !important;
  }

  .servicess-section {
    padding-top: 0px !important;
  }

  .servicess-section h2 {
    font-size: 50px !important;
  }

  .live-chat-btns a {
    padding: 10px 25px !important;
    font-size: 16px !important;
  }

  .tabs-roww .tab {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    align-items: center;
    justify-content: center;
  }

  .tab-imgss {
    grid-template-columns: 1fr 1fr !important;
  }

  .our-case-section h2 {
    font-size: 60px !important;
  }

  .our-case-section {
    padding-top: 0px !important;
  }

  .our-case-sec .row .col-md-6 .tab {
    text-align: center;
    margin-bottom: 30px !important;
  }

  .tab-col .tab button {
    margin: auto auto auto auto !important;
  }

  .our-case-sec .row .col-md-6 {
    width: 100% !important;
  }

  .slider-reviews {
    display: block !important;
  }

  .slider-reviews .col-lg-5.col-md-6 {
    width: 100% !important;
  }

  .slider-reviews .col-lg-7.col-md-6 {
    width: 100% !important;
    margin-top: 50px;
  }

  .testi-mainn .tesi-roww .testi-img {
    width: 40% !important;
  }

  .testi-mainn {
    padding-right: 20px !important;
  }

  .tesi-roww .testi-txt {
    width: 60% !important;
  }

  .tesi-roww .testi-txt h4.text-white {
    font-size: 34px !important;
  }

  .project-in-mind img {
    margin-top: 20px !important;
    width: 100%;
  }

  #project-in-minds .project-in-mind .col-md-6 {
    width: 100% !important;
  }

  .project-in-mind h2.text-white {
    font-size: 60px !important;
  }

  .fixed-scroll-sec .container {
    max-width: 100% !important;
  }

  .fixed-scroll-area .section-heading,
  .fixed-scroll-area-link {
    width: 50% !important;
  }

  .fixed-scroll-sec .col-lg-6.col-md-7 {
    width: 50% !important;
  }

  .fixed-scroll-sec .col-lg-6.col-md-5.heigt-wise {
    width: 50% !important;
  }

  .b.banner-heading h1,
  .section-heading h1 {
    font-size: 50px !important;
  }

  .why-choose h2,
  .proce-tab h2 {
    font-size: 60px !important;
  }

  .col-main.active .txt-columns {
    width: 100% !important;
  }

  .why-choose .columns-container {
    display: block !important;
  }

  .why-choose .col-main {
    height: 450px !important;
    margin-bottom: 20px;
  }

  .col-main.active .img-with-txt {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  .col-main.active .img-columns img {
    height: 130px;
    object-fit: contain !important;
  }

  .journey-sec {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .tab-again .tab .txt-dep {
    display: none;
  }

  .tab-again button span {
    font-size: 40px !important;
    width: 80px !important;
    height: 80px !important;
    border: 5px solid !important;
  }

  .tab-again .tab-view {
    padding: 100px 30px 30px 30px !important;
  }

  .faq-home h2.text-white {
    font-size: 60px !important;
    margin-bottom: 80px !important;
    text-align: center;
  }

  .new-york-hire .row.white-bg-heading-custom-row h2 {
    font-size: 60px !important;
  }

  footer.footer-wrapper .row:last-child ul.main-footer-socialss {
    justify-content: left !important;
  }

  .sticky-wrapper.header-sticky .col-auto.ms-auto button.menu-toggle.sidebar-btn {
    border-color: #fff;
  }

  .sticky-wrapper.header-sticky .col-auto.ms-auto button.menu-toggle.sidebar-btn span.line {
    background-color: #fff;
  }

  .contact-sec .row.justify-content-space-between.project-in-mind h2.text-white {
    margin-bottom: 20px;
  }

  .service-hero-sec .container h1.text-white {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 50px;
  }

  .service-hero-sec .container img {
    position: relative;
    width: 100%;
    top: 0;
    right: 0%;
  }

  .service-hero-sec .container .col-lg-7:before {
    width: 70px !important;
    height: 153px !important;
    right: 10% !important;
    top: 40% !important;
  }

  .service-hero-sec .col-lg-7 {
    text-align: center;
  }

  .service-hero-sec .col-lg-5 {
    margin-top: 50px;
  }

  .service-hero-sec {
    padding-top: 200px !important;
    padding-bottom: 60px !important;
  }

  .slid-row .pro-ser-slider .swiper-slide {
    width: 50% !important;
  }

  .head-service p.text-white.algn-centr {
    max-width: 100%;
    margin: auto auto 50px auto;
  }

  .container.smee-ser {
    max-width: 100%;
  }

  .same-all {
    font-size: 40px !important;
  }

  .container.smee-ser .col-lg-5 {
    width: 100%;
  }

  .container.smee-ser .col-lg-7 {
    width: 100%;
  }

  .container.smee-ser .row {
    display: block;
  }

  .smee-ser .col-lg-7:before {
    left: -1% !important;
    top: -4% !important;
  }

  .container.smee-ser .col-lg-7 h2,
  .container.smee-ser .col-lg-7 p {
    display: none;
  }

  .smee-ser .col-lg-7 {
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    padding-right: 0;
  }

  .smee-ser .col-lg-5 {
    padding-left: 0px;
    padding-right: 0px;
  }

  #right-smee-ser .row {
    display: flex;
    flex-direction: column-reverse;
  }

  #right-smee-ser .col-lg-7 {
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    padding-right: 0px;
    direction: rtl;
    padding-left: 0px;
  }

  #right-smee-ser .col-lg-5 {
    padding-right: 0px !important;
  }

  .smee-ser {
    margin-bottom: 100px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .blog-service h2.text-white.same-all.algn-centr {
    max-width: 100%;
    margin: auto auto 10px auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-service .swiper-wrapper .swiper-slide {
    width: 50% !important;
  }

  .counter-sec .col-lg-3 {
    margin-bottom: 50px;
    margin-top: 50px;
  }

  .bor-coutn {
    max-width: 320px;
    margin: auto;
  }

  .counter-sec h5 {
    text-align: left !important;
  }

  .counter-sec p {
    text-align: left !important;
  }

  .blurb-row {
    margin-top: 30px !important;
  }

  .blurb-row .col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .blurb-mod p.text-white {
    text-align: center !important;
  }

  .counter-sec {
    padding-bottom: 0px !important;
  }

  .have-server .project-in-mind {
    padding: 50px 50px 0px 50px !important;
  }

  #portfolio-hero h1 {
    font-size: 50px;
  }

  .service-hero-sec p {
    font-size: 16px;
  }

  .service-hero-sec .row img {
    margin-top: 50px;
  }

  .service-hero-sec .row {
    text-align: center;
  }

  .mortal-col img {
    min-width: 100% !important;
  }

  .mortal-com-sec {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mortal-com-sec .container {
    max-width: 100%;
    overflow: hidden !important;
    height: 100% !important;
  }

  .mortal-com-sec .container .row:nth-child(1),
  .mortal-com-sec .container .row:nth-child(3) {
    display: flex;
    flex-direction: column-reverse;
  }

  .mortal-col {
    margin-top: 30px !important;
  }

  .row-two-mortal {
    margin-top: 50px !important;
    margin-bottom: 50px;
  }

  .port-gallery .container .col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 60px;
  }

  .mobile-slider-sec h2 {
    font-size: 50px;
    position: relative;
    transform: unset;
    left: unset;
    top: unset;
    text-align: center;
    margin-bottom: 30px;
  }

  .mobile-slider .row .col-lg-4 {
    display: none;
  }

  .mob-slidrr {
    padding-bottom: 40px !important;
  }

  .blog-hero-sec h1 {
    font-size: 50px;
    line-height: 60px;
  }

  .blogs-all .row .col-lg-6:last-child {
    margin-top: 50px;
  }

  .mein-cont {
    text-align: left;
    padding-left: 0px !important;
    padding-top: 50px;
  }

  .logotab-sec .unique-tab-container button.unique-tab-button {
    padding: 20px 10px;
    font-size: 15px;
  }

  .logo-h2 {
    font-size: 50px !important;
  }

  .logotab-sec .unique-tab-container .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .logotab-sec .unique-tab-container .row .col-lg-6:first-child {
    margin-top: 20px;
  }

  div#hero-sec.logo-design .web-dev .sub-contetn {
    margin: auto -100px auto auto;
  }

  div#hero-sec.logo-design .web-dev .sub-contetn h2.robo-font.text-start {
    margin-left: 0px !important;
  }

  div#hero-sec.logo-design .testimonial-area-1 {
    margin-top: 130px !important;
  }

  .row.justify-content-space-between.project-in-mind img {
    width: 400px;
    margin: 80px auto 0 !important;
    display: block;
  }

  div#hero-sec.logo-design .testimonial-area-1 .sub-contetn.our-idea {
    margin-left: 40px;
  }

  div#hero-sec.logo-design .testimonial-area-1 .sub-contetn.our-idea .px-5 {
    margin-top: 40px !important;
  }

  #portfolio-hero h1 {
    font-size: 50px !important;
  }

  .dubai-row-mind .col-lg-4 img {
    width: 0;
  }

  .digital-main .live-chat-btns {
    justify-content: center;
  }

  .strategic-row {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .strategic-row .col-lg-6:first-child:before {
    left: -4.8% !important;
    top: -9% !important;
  }

  .digital-next-sec {
    overflow: hidden;
  }

  .strategic-row h2.text-white.same-all {
    max-width: 100%;
  }

  .strategic-row .col-lg-6:last-child {
    margin-top: 30px;
  }

  .blurb-row-digits {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 100px !important;
    max-width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
    justify-content: center;
    align-items: center;
  }

  .digital-next-sec .container .head-service {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blurb-row-digits .col-lg-3 {
    width: 100%;
    text-align: center;
  }

  .our-excellence {
    max-width: 100%;
  }

  .our-excellence h2 b {
    font-size: 60px;
  }

  .our-excellence-check .col-lg-4 {
    text-align: center;
  }

  .our-excellence-check {
    max-width: 100%;
    padding-bottom: 80px;
  }

  .brif-row {
    max-width: 90%;
    border-radius: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .brif-row .col-lg-6:last-child {
    text-align: right;
    padding-right: 10px;
  }

  .brif-row .col-lg-6:first-child p.text-white {
    font-size: 20px;
    margin-bottom: 40px !important;
  }

  .customized-row {
    max-width: 100%;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .transform-row {
    max-width: 95%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }

  .done-row img {
    display: none;
  }

  .done-right-sec .container {
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .done-four-col h4.text-white {
    max-width: 100%;
  }

  .done-four-col .blurb-four {
    margin-bottom: 20px;
    padding-left: 22px;
  }

  .done-four-col {
    margin-top: 40px !important;
  }

  .blurb-seo-row .seo-blurb h3.text-white {
    font-size: 16px;
    max-width: 100%;
  }

  .seo-second-sec h4.text-white {
    max-width: 100%;
  }

  .mobile-menu-wrapper .menu-toggle {
    border: 2px solid #000000 !important;
    color: #000000 !important;
  }

  .seo-hero-sec h1.text-white {
    font-size: 40px;
  }

  .seo-hero-sec p.text-white {
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
  }

  .seo-hero-sec .col-lg-3 {
    text-align: center;
  }

  .seo-second-sec .col-lg-6:first-child:before {
    top: -4% !important;
  }

  .seo-second-sec .strategic-row .col-lg-6:last-child {
    padding-left: 12px;
  }

  .info-graphic,
  .our-step .row:before {
    display: none !important;
  }

  .tablet-show {
    display: block !important;
  }

  .blurb-seo-row .col-lg-6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .row.tablet-show {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .our-step {
    max-width: 100%;
  }

  .our-step .row .col-lg-3 {
    margin-bottom: 30px;
  }

  .slid-inrr .swiper-slide-active {
    margin-top: -60px;
  }

  .serive-slider-row .slid-inrr .port-slid-mine {
    padding-top: 150px;
  }

  .slid-inrr .swiper-button-prev {
    right: 16% !important;
  }

  .port-web .col:before,
  .port-web .col:after {
    content: unset !important;
  }

  .port-web .container .row.slider-logo {
    max-width: 100%;
    padding-top: 0px;
  }

  .matter-three-col {
    margin-top: 200px !important;
  }

  .wweb-deign-sec .unique-tab-container button.unique-tab-button {
    font-size: 12px !important;
    padding: 10px 4px;
  }

  .matters-row h2 {
    max-width: 100%;
  }

  .matters-row p.text-white {
    font-size: 21px;
    max-width: 100%;
    line-height: 27px;
  }

  .app-slider-sec {
    padding-top: 0px !important;
  }

  .app-slider-sec h2 {
    max-width: 100%;
  }

  .app-slider .swiper-button-prev {
    right: 16% !important;
  }

  .tab-app ul.tabs {
    width: 25%;
  }

  .tab-app .tab-content {
    width: 75%;
    margin-left: 0px;
  }

  .tab-app .tab-content .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .app-anima-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }

  .app-anima-row .col-lg-3 {
    width: 100%;
  }

  .app-port-sec .app-portfolio-img {
    padding-right: 0px;
    margin-bottom: 50px;
  }

  .app-port-sec {
    padding-bottom: 60px;
  }

  .branding-hero-sec .seo-btn a {
    padding: 7px 20px;
    font-size: 16px;
  }

  .branding-main-sec {
    padding-top: 0px;
  }

  .branding-main-sec h2.text-center.text-white.same-all {
    max-width: 100%;
    margin: auto;
  }

  .branding-main-sec p.text-center.text-white.app-txt {
    max-width: 100%;
    margin: auto auto 50px auto;
  }

  .branding-row .col-lg-4 {
    width: 47%;
  }

  .branding-row .col-lg-4:last-child {
    margin-top: 30px !important;
  }

  .tab-app-row {
    margin-top: 0px !important;
  }

  .tab-app .tab-content .row .col-lg-3 {
    display: none;
  }

  .brand-build .row.align-items-center {
    padding-top: 10px;
  }

  .brand-build p.text-white,
  .brand-build .brand-dev-img {
    text-align: center;
  }

  .tab-buttons button.tab-btn {
    width: 100%;
    max-width: 300px;
    margin: auto auto 30px auto;
  }

  .brand-build .tab-content .row .col-lg-12 .tab-cotnt p.text-white {
    text-align: left;
  }

  .dubai-second-sec .row .col-lg-5 {
    text-align: center;
    margin-bottom: 30px;
  }

  .dubai-row-mind {
    padding: 50px 20px 0px 20px;
  }

  .dubai-row-mind h2 {
    margin-bottom: 50px;
    text-align: left;
    margin-top: 20px;
  }

  .cont-dubai-slider p {
    font-size: 12px;
    line-height: 13px;
  }

  .dubai-reviews .transform-row img {
    width: 0;
  }

  section.section-bg.pt-b-80.dubai-reviews {
    padding-top: 1px;
  }

  .cont-dubai-slider h3 {
    font-size: 14px;
  }

  .main-tow-dubai {
    margin-bottom: 50px;
  }

  .work-dubai .row .col-lg-5 img {
    width: 100%;
  }

  .dubai-blurb-sec .blrb-dubi h4 {
    font-size: 22px;
  }

  .dubai-tabs-main {
    max-width: 100%;
    flex-direction: column-reverse;
  }

  .dubai-tabs-main .custom-tab-content-dubai h2 {
    margin-top: 30px;
  }

  .marketing-dubai-sec .container h1.text-white {
    font-size: 50px;
    margin-bottom: 10px;
  }

  .marketing-dubai-sec p.text-white {
    font-size: 16px;
  }

  .seo-btn {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .section-image-overlab img {
    margin-top: -220px;
  }

  .all-main .all-main-hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .dubai-all {
    font-size: 50px;
  }

  .dubai-all-para {
    font-size: 20px;
  }

  .success-slider .col-lg-9.success-slider-inner {
    width: 100%;
  }

  .success-slider .success-pagination-col {
    width: 100%;
  }

  .success-pagination .pagi-content {
    padding: 20px 10px 13px 10px;
  }

  .success-pagination .pagi-content h3 {
    font-size: 16px;
  }

  .success-slider-main .row .col-lg-8 {
    width: 50%;
  }

  .success-slider-main .row .col-lg-4 {
    width: 50%;
  }

  .success-slider-inner .swiper-button-next,
  .success-slider-inner .swiper-button-next {
    display: none !important;
  }

  .success-dubai-sec {
    padding-left: 10px;
    padding-right: 10px;
  }

  .success-pagination .swiper-wrapper .swiper-slide {
    width: 32.3% !important;
    margin-bottom: 0px;
  }

  .success-slider .col-lg-9.success-slider-inner .col-lg-4 {
    padding-right: 0px;
  }

  .success-pagination .success-pagination-main .swiper-wrapper {
    display: flex;
  }

  .process-dubai-sec {
    padding-top: 70px;
    padding-bottom: 0px;
  }

  .dub-exper-cont .dubai-expertise h3.text-end.text-white:before,
  .dub-exper-cont .dubai-expertise:before {
    content: unset;
  }

  .dubai-expertise .col-lg-6:first-child {
    padding-right: 10px;
  }

  .dubai-expertise .col-lg-6:last-child {
    padding-left: 0px;
    padding-right: 0px;
  }

  .dubai-expertise .col-lg-6 .col-lg-5 {
    width: 40%;
  }

  .dubai-expertise .col-lg-6 .col-lg-7 {
    width: 60%;
  }

  .dubai-expertise-two {
    display: flex;
    flex-direction: column-reverse;
  }

  .dubai-matters-row h4.text-white {
    margin-top: 50px;
  }

  .social-media-marketing-dubai-page .our-case-section {
    padding-top: 80px !important;
  }

  .video-animation-page .seo-hero-sec {
    padding-top: 180px;
    padding-bottom: 30px;
  }

  .video-animation-page .branding-hero-sec .col-lg-4 img {
    min-width: 100%;
  }

  .video-animation-page .seo-hero-sec .row .col-lg-8 {
    padding-top: 30px;
  }

  .video-animation-page .seo-hero-sec .row,
  .video-process-slider .row,
  .video-works-row {
    display: flex;
    flex-direction: inherit;
  }

  .video-all-headings {
    font-size: 40px;
  }

  .video-all-para {
    font-size: 16px;
  }

  .process-thumbs-slider .swiper-wrapper {
    display: flex !important;
    height: 100%;
    overflow: hidden;
  }

  .process-thumbs-slider .swiper-wrapper .swiper-slide {
    width: 150px !important;
    margin-bottom: 0px;
    height: 150px;
    background-size: 150px;
    padding: 20px 30px 15px 30px;
  }

  .video-process-slider .row .col-md-3 {
    width: 100%;
    margin-top: 30px;
  }

  .video-process-slider .row .col-md-9 {
    width: 100%;
  }

  .conecpt-data p {
    font-size: 18px;
    line-height: 30px;
  }

  .video-tabs-row {
    max-width: 100%;
  }

  .video-excellence-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px 0px;
  }

  .video-works-row h5.text-white {
    font-size: 24px;
  }

  .video-works-row .col-lg-6:last-child {
    margin-bottom: 30px;
  }

  .video-benefit-sec {
    padding-bottom: 0px !important;
  }

  .video-animation-page .faq-home {
    padding-top: 80px;
  }

  .consultancy-hero-sec h1.text-white {
    font-size: 50px;
  }

  .consultancy-hero-sec p.text-white {
    font-size: 20px;
  }

  .consultancy-hero-sec .col-lg-4 img {
    min-width: 100%;
  }

  .section-marquee .marwuee-row:before {
    content: unset;
  }

  .consultancy-hero-sec .row.align-items-center,
  .consultancy-work-inner {
    display: flex;
    flex-direction: column-reverse;
  }

  .consultancy-blog-card .col-lg-9 {
    width: 70%;
  }

  .consultancy-blog-card .col-lg-3 {
    width: 30%;
  }

  .consultancy-work-inner .col-lg-6:last-child {
    margin-bottom: 20px;
  }

  .consultancy-sec {
    display: none;
  }

  .fifth-consultancy-sec .fifth-consultancy-row p.text-white {
    max-width: 100%;
  }

  .fifth-consultancy-row,
  .fifth-inner-row {
    max-width: 95%;
  }

  .fifth-inner-row .col-lg-1 {
    width: 15%;
    order: 2;
  }

  .fifth-inner-row .col-lg-5 {
    width: 85%;
    order: 3;
  }

  .fifth-inner-row .col-lg-6 {
    text-align: center !important;
    margin-top: 30px;
    order: 1;
    margin-bottom: 30px;
  }

  .six-consultancy-sec .unique-tab-container button.unique-tab-button {
    font-size: 16px;
  }

  .six-consultancy-sec .tabs-consultancy {
    gap: 0px;
    max-width: 100%;
  }

  .consultancy-tab-content .col-lg-7 {
    padding: 0px;
  }

  .consultancy-tab-content .col-lg-5 {
    padding: 40px 20px 0px 20px;
  }

  .web-second-sec h2.text-center.text-white.same-all {
    max-width: 100%;
    margin: auto auto 0px auto;
  }

  .cont-dubai-slider p {
    min-height: 240px;
  }
}

@media (max-width: 600px) {
  .cont-dubai-slider p {
    min-height: 100%;
  }

  .blurb-ctn .img-blurb {
    width: 20%;
    margin-bottom: 15px;
  }

  .blurb-ctn {
    display: block;
  }

  .blurb-ctn a {
    font-size: 20px;
  }

  body {
    overflow-x: hidden;
  }

  .three-colss .d-flex {
    display: block !important;
  }

  .txt-main {
    width: 100% !important;
  }

  .img-main {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .txt-main h3.text-start.text-white {
    font-size: 30px !important;
  }

  .txt-main h4.text-start.text-white {
    font-size: 24px !important;
  }

  .three-colss p {
    font-size: 16px !important;
  }

  .img-main img {
    width: 100%;
  }

  .three-colss .col-lg-3:nth-child(2) h4.text-start.text-white {
    font-size: 30px !important;
  }

  .three-colss .col-lg-3:nth-child(3) h2.text-start.text-white {
    font-size: 30px !important;
  }

  .three-colss .col-lg-3:nth-child(3) h3.text-start.text-white {
    font-size: 24px !important;
  }

  div#hero-sec .three-colss .col-lg-3:nth-child(3) {
    width: 100% !important;
    height: auto !important;
  }

  .web-dev h2.robo-font.text-start {
    margin-left: 0px !important;
  }

  .web-dev p.text-end.feature-card-text {
    font-size: 16px !important;
    margin-bottom: 20px !important;
    text-align: left !important;
  }

  .sub-contetn a {
    font-size: 16px !important;
  }

  .web-dev a {
    margin: auto auto 20px 0 !important;
  }

  #hero-sec .three-colss div#ar-main {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 5px !important;
  }

  .log-bef:before {
    content: unset !important;
  }

  #hero-sec .hero-row .col-lg-6 {
    width: 50% !important;
  }

  #hero-sec .hero-row .col-lg-6 h1.hero-title {
    text-align: center !important;
  }

  .hero-style7 .hero-title {
    margin-bottom: 0px !important;
    margin-top: 10px;
  }

  div#hero-sec .testimonial-area-1 {
    margin-top: 20px !important;
  }

  .our-idea .px-5 {
    padding-left: 0px !important;
    margin-top: 20px !important;
  }

  .hero-section .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .hero-section .row {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .services.animate {
    display: none;
  }

  #industrysss h2 {
    font-size: 30px !important;
    text-align: center !important;
    margin-bottom: 20px;
  }

  .img-sliderr {
    height: 100% !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    justify-content: center !important;
  }

  #industrysss {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
  }

  .pt-b-80 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .industries-section h2:after {
    content: unset !important;
  }

  .txt-indu-slider h3 {
    font-size: 28px !important;
    margin-top: 20px !important;
  }

  .txt-indu-slider p {
    font-size: 16px !important;
    max-width: 100% !important;
  }

  #industrysss .industries-slider .swiper-pagination {
    display: none;
  }

  .txt-indu-slider a {
    font-size: 16px !important;
    margin-bottom: 30px !important;
    margin-top: 0px !important;
  }

  .txt-indu-slider .paly-apple img {
    margin-bottom: 10px;
  }

  .txt-indu-slider .paly-apple {
    display: block !important;
    gap: unset;
  }

  .section-bg .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .industries-slider .swiper-button-next {
    top: unset !important;
    bottom: 0.3% !important;
    right: 15% !important;
  }

  #industrysss .industries-slider .swiper-button-prev {
    bottom: 0% !important;
    top: unset !important;
    left: 15% !important;
  }

  .industries-slider .row.justify-content-space-between {
    padding-bottom: 80px !important;
  }

  .servicess-section h2 {
    font-size: 30px !important;
  }

  .live-chat-btns a {
    display: block !important;
    width: 200px;
    text-align: center;
  }

  .live-chat-btns a:first-child {
    margin-bottom: 10px !important;
  }

  .live-chat-btns {
    display: block !important;
    margin-top: 40px !important;
    margin-bottom: 0px !important;
  }

  .servicess-section .service-offer-inner .col-xxl-4:hover .service-offer-box img {
    margin-top: -50px !important;
  }

  .servicess-row-one .col-lg-8:first-child {
    margin-top: 0px !important;
  }

  .tabs-roww h2 {
    margin: 20px 0px !important;
  }

  .tabs-roww .tab {
    display: block !important;
    margin-bottom: 30px !important;
  }

  .tabs-roww .tab button.tablinks {
    width: 70%;
    margin-bottom: 10px !important;
  }

  .tab-imgss {
    grid-template-columns: 1fr !important;
  }

  .our-case-section h2 {
    font-size: 30px !important;
    margin-bottom: 30px !important;
  }

  .tab-col .tab .tab-button.active {
    width: 100% !important;
    background: #ed778c;
  }

  .tab-col .tab button {
    font-size: 18px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .cont-coluns .tab-section {
    min-height: 100% !important;
    padding: 30px 20px !important;
  }

  .cont-coluns h3.text-white {
    font-size: 28px !important;
    margin-bottom: 10px !important;
  }

  .cont-coluns p.text-white {
    font-size: 16px !important;
    max-width: 100% !important;
  }

  .our-reviews {
    padding-top: 40px !important;
  }

  .our-reviews p.text-white.text-center {
    font-size: 16px !important;
  }

  .slider-reviews .reive-images {
    margin-bottom: 50px !important;
  }

  .slider-reviews .reive-images img {
    width: 80% !important;
    margin: auto auto 30px auto !important;
  }

  .slider-reviews .live-chat-btns a {
    margin: auto auto 20px auto !important;
  }

  .tesi-roww .testi-txt {
    width: 100% !important;
  }

  .testi-mainn .tesi-roww .testi-img {
    width: 100% !important;
  }

  .tesi-roww .testi-txt h4.text-white {
    font-size: 26px !important;
    margin-bottom: 10px !important;
  }

  .tesi-roww {
    display: block !important;
  }

  #project-in-minds {
    padding-left: 10px;
    padding-right: 10px;
  }

  .project-in-mind {
    padding: 15px !important;
  }

  .project-in-mind h2.text-white {
    font-size: 30px !important;
    margin-bottom: 40px !important;
  }

  .project-in-mind a {
    font-size: 16px !important;
  }

  .project-in-mind a:before {
    width: 60px !important;
    height: 60px !important;
    margin-top: -17px !important;
    background-size: 100% !important;
  }

  .project-in-mind img {
    margin-top: 40px !important;
  }

  .fixed-scroll-sec .col-lg-6.col-md-7 {
    width: 100% !important;
  }

  .fixed-scroll-sec .col-lg-6.col-md-5.heigt-wise {
    width: 100% !important;
  }

  .fixed-scroll-sec .col-lg-6.col-md-7 div:last-child {
    height: auto !important;
    overflow: hidden;
  }

  .fixed-scroll-sec .col-lg-6.col-md-7 {
    width: 100% !important;
    overflow: hidden;
  }

  .fixed-scroll-sec .col-lg-6.col-md-5.heigt-wise {
    width: 100% !important;
  }

  .b.banner-heading h1,
  .section-heading h1 {
    font-size: 30px !important;
  }

  .section-heading p {
    margin-bottom: 30px !important;
  }

  .why-choose h4 {
    font-size: 20px !important;
  }

  .why-choose h2,
  .proce-tab h2 {
    font-size: 30px !important;
  }

  .why-choose p,
  .proce-tab p.text-white.text-center {
    font-size: 16px !important;
  }

  .sticky-wrapper {
    background-color: #000000;
  }

  .fixed-right-item:last-child {
    padding-bottom: 0px !important;
  }

  .why-choose .columns-container {
    margin-top: 30px !important;
  }

  .col-main p.text-white.text-start {
    display: block !important;
    text-align: center !important;
  }

  .col-main.active .img-with-txt {
    text-align: center !important;
    display: block !important;
  }

  .why-choose .col-main {
    height: 100% !important;
    margin-bottom: 20px;
    padding: 20px !important;
  }

  .col-main.active .txt-columns {
    width: 100% !important;
  }

  .main-hov p {
    margin-top: 10px !important;
  }

  #choose-why .col-main.active .txt-columns {
    width: 100% !important;
    text-align: center;
  }

  #choose-why .col-main.active .img-columns {
    width: 100% !important;
    text-align: center;
  }

  .col-main.active .img-with-txt h3 {
    font-size: 20px !important;
  }

  .main-tow-btn a {
    margin-bottom: 30px !important;
    display: block !important;
  }

  .main-tow-btn {
    display: block !important;
  }

  .journey-sec {
    padding-top: 0px !important;
  }

  .tab-again .tab {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }

  .tab-again .tab-view {
    padding: 90px 15px 20px 15px !important;
  }

  .faq-home h2.text-white {
    font-size: 30px !important;
    margin-bottom: 30px !important;
  }

  .faqss button {
    font-size: 16px !important;
  }

  .faqss .panel p {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .quwstion button.accordions:before {
    right: 6% !important;
  }

  .new-york-hire .row.white-bg-heading-custom-row h2 {
    font-size: 30px !important;
    text-align: center !important;
  }

  .new-york-hire .sidenavcustomnavccnav ul {
    padding: 0 !important;
  }

  .new-york-hire nav ul a {
    font-size: 22px !important;
    margin: 20px 0px !important;
  }

  .new-york-hire section h2,
  .new-york-hire section h3 {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .about-main-sec {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .about-second-row {
    padding-top: 0px;
  }

  .hero-section .row .col-lg-6,
  .hero-section .row .col-lg-3 {
    opacity: 1;
  }

  [data-aos^="fade"][data-aos^="fade"] {
    opacity: 1 !important;
    transition-property: unset !important;
  }

  .servicess-row-one img {
    margin-top: 100px;
  }

  .testi-img img {
    width: 100%;
  }

  .project-in-mind h2.text-white {
    text-align: center;
  }

  .about-main-content .row p {
    font-size: 16px;
    line-height: 30px;
  }

  .ctn-btns a {
    display: block;
    text-align: center;
  }

  .ctn-btns a:first-child {
    margin-bottom: 20px;
  }

  .ctn-btns {
    display: block;
  }

  .service-hero-sec .container h1.text-white {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .service-hero-sec .container a {
    padding: 10px 30px;
    font-size: 18px;
  }

  .service-hero-sec .container .col-lg-7:before {
    width: 50px !important;
    height: 113px !important;
    right: 5% !important;
    top: 46% !important;
  }

  .same-all {
    font-size: 30px !important;
  }

  .head-service p.text-white.algn-centr {
    font-size: 16px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slid-row .pro-ser-slider .swiper-slide {
    width: 100% !important;
  }

  .best-service-sec {
    padding-left: 10px;
    padding-right: 10px;
  }

  .smee-ser .col-lg-7:before {
    width: 100px !important;
    height: 100px !important;
    left: 1% !important;
    top: 1%;
    background-size: 100% !important;
  }

  .smee-ser .same-all {
    margin-bottom: 10px;
  }

  .smee-ser p.text-white {
    font-size: 16px;
  }

  .marquee__item {
    padding: 20px !important;
  }

  .marquee__text {
    font-size: 26px !important;
    letter-spacing: 3px;
  }

  .blog-service {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .blog-service .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }

  .pro-ser-slider .swiper-pagination span.swiper-pagination-bullet,
  .centered-mode-slider .swiper-pagination span.swiper-pagination-bullet {
    background-color: #8b8084;
    width: 10px;
    height: 10px;
  }

  .counter-sec h2 {
    font-size: 26px;
  }

  .counter-sec p {
    font-size: 16px;
  }

  .counter-sec .col-lg-3 {
    margin-bottom: 40px;
    margin-top: 20px;
  }

  .blurb-row .col {
    grid-template-columns: 1fr;
  }

  .have-server .project-in-mind {
    padding: 20px 10px 0px 10px !important;
  }

  .service-main-review .our-reviews {
    padding-top: 0px !important;
  }

  #portfolio-hero h1 {
    font-size: 28px;
  }

  .port-slide-sec .container .swiper-button-next {
    display: none;
  }

  .port-slide-sec .container .swiper-button-prev {
    display: none;
  }

  .port-slide-sec .swiper-slide {
    width: 100% !important;
  }

  .mortal-com-sec {
    padding-left: 0px;
    padding-right: 0px;
  }

  .p-portfolio {
    font-size: 16px;
    line-height: 26px;
  }

  .port-gallery .container .col {
    grid-template-columns: 1fr;
  }

  .mobile-slider-sec h2 {
    font-size: 30px;
  }

  .blog-hero-sec h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .blog-hero-sec a {
    font-size: 16px;
  }

  .blog-slidrrr .swiper-slide {
    width: 100% !important;
  }

  .horrific-content {
    width: 100%;
  }

  .blogs-all .col a {
    display: none;
  }

  .blog-content-tab {
    width: 100%;
  }

  .blog-img-tab {
    width: 100%;
    margin-bottom: 20px;
  }

  .blogs-all .col-lg-6 {
    position: relative;
    display: block !important;
  }

  .blogs-all .col {
    justify-content: center;
  }

  .blog-slidrrr .swiper-button-next {
    opacity: 0 !important;
  }

  .blog-slidrrr .swiper-button-prev {
    opacity: 0 !important;
  }

  p.post-date:before {
    top: unset !important;
    margin-top: 6px !important;
  }

  .post-row-last {
    padding-bottom: 70px;
  }

  .mein-cont {
    padding-top: 20px;
  }

  .hover-image-cont .screen {
    margin-bottom: 20px;
  }

  .mar-bot {
    margin-bottom: 0px !important;
  }

  .fixed-scroll-area-link a {
    font-size: 17px !important;
    padding-left: 15px !important;
  }

  .fixed-scroll-area-link li a.active {
    padding-left: 30px !important;
  }

  .fixed-scroll-area-link li a.active:before {
    left: 0px !important;
  }

  .testi-img {
    height: 100%;
  }

  div#hero-sec.logo-design .testimonial-area-1 {
    margin-top: 30px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  div#hero-sec.logo-design .testimonial-area-1 .sub-contetn.our-idea {
    margin-left: 0px !important;
  }

  div#hero-sec.logo-design .testimonial-area-1 .sub-contetn.our-idea .px-5 {
    margin-top: 30px !important;
    padding-right: 0px !important;
  }

  div#hero-sec.logo-design .testimonial-area-1 .sub-contetn.our-idea h2.robo-font.text-start {
    text-align: center !important;
  }

  .sub-contetn a {
    margin: auto;
  }

  div#hero-sec.logo-design .web-dev .sub-contetn {
    margin: auto 0px 60px auto;
  }

  .logo-h2 {
    font-size: 28px !important;
  }

  .logotab-sec .unique-tab-container button.unique-tab-button {
    width: 100%;
    margin-bottom: 10px;
  }

  .logotab-sec .unique-tab-container {
    display: block;
    margin-bottom: 20px;
  }

  .logotab-sec p {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0px;
  }

  .tab-delivery {
    padding: 20px 0px 10px 0px;
    margin-top: 2px;
  }

  .tab-delivery .unique-tab-content h3 {
    font-size: 24px;
  }

  .tab-delivery .unique-tab-content h5 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .tab-delivery .unique-tab-content p {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .logotab-sec .main-tow-btn a {
    font-size: 16px;
    padding: 14px 30px 14px 30px;
  }

  .nesw-form form {
    display: block;
  }

  .nesw-form form input {
    margin-bottom: 20px;
    height: 40px;
    font-size: 16px;
  }

  .faq-logo-deisgn {
    padding-top: 40px;
  }

  .slider-logo swiper-container.mySwiper swiper-slide {
    margin-bottom: 40px;
  }

  .our-idea .px-5 {
    padding-right: 0px !important;
  }

  .our-idea h2.robo-font.text-start {
    text-align: center !important;
  }

  #portfolio-hero h1 {
    font-size: 28px !important;
    margin-bottom: 10px !important;
  }

  .digital-main .live-chat-btns a {
    margin: auto;
  }

  .digital-main {
    padding-top: 150px !important;
    padding-bottom: 30px !important;
  }

  .digital-next-sec .container .head-service {
    padding-left: 0px;
    padding-right: 0px;
  }

  .head-service p.text-white.algn-centr {
    margin: 30px auto 40px auto !important;
    font-size: 18px !important;
  }

  .strategic-row .col-lg-6:first-child:before {
    content: unset !important;
  }

  .strategic-row {
    padding-left: 0px;
    padding-right: 0px;
  }

  .strategic-row h4.text-white {
    font-size: 16px;
  }

  .strategic-row p.text-white {
    font-size: 16px;
  }

  .blurb-row-digits {
    margin-top: 0px !important;
    max-width: 100%;
    display: block !important;
  }

  .blurb-row-digits h3.text-white {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    max-width: 100%;
    margin: 20px auto auto auto;
  }

  .our-excellence h2 b {
    font-size: 28px;
  }

  .our-excellence {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .our-excellence-check h4.text-white {
    font-size: 18px;
    min-height: 0px;
  }

  .our-excellence-check {
    padding-bottom: 20px;
  }

  .brif-row .col-lg-6:first-child {
    padding-left: 10px;
    padding-top: 20px;
    padding-right: 10px;
  }

  .brif-row .col-lg-6:first-child p.text-white {
    font-size: 16px;
    margin-bottom: 20px !important;
  }

  .main-tow-btn a {
    font-size: 16px;
    padding: 14px 30px 14px 30px !important;
  }

  .brief-sec .main-tow-btn a#openPopup:before {
    content: unset !important;
  }

  .brif-row {
    padding-bottom: 20px;
  }

  .raise-row {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .raise-row p.text-white.text-center {
    font-size: 16px;
  }

  .customized-row {
    max-width: 100%;
    grid-template-columns: 1fr;
    margin-top: 20px !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .transform-row {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .transform-row .col-lg-8 {
    padding-right: 0px;
  }

  .transform-row .digital-two-btn {
    display: block;
  }

  .transform-row .digital-two-btn a#openPopup,
  .global-dtb a#openPopup {
    margin-top: 20px;
  }

  .transform-row .digital-two-btn a,
  .global-dtb a {
    width: 90%;
    display: block;
    margin: auto;
  }

  .customized-row .col-lg-3 {
    padding: 20px 20px;
  }

  .done-right-sec .container p.text-white.text-center {
    font-size: 16px;
    max-width: 100%;
  }

  .done-four-col .blurb-four {
    flex-direction: column-reverse;
    padding-left: 0px !important;
  }

  .done-four-col h4.text-white {
    font-size: 24px;
  }

  .digit-lasrt-row .digital-btn {
    display: block;
    margin-top: 0px;
  }

  .digit-lasrt-row .digital-btn a {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  .seo-hero-sec {
    padding-top: 180px;
    padding-bottom: 40px;
  }

  .seo-hero-sec h1.text-white {
    font-size: 32px;
  }

  .seo-hero-sec p.text-white {
    font-size: 16px;
  }

  .seo-btn {
    display: block;
    margin-top: 30px;
  }

  .seo-btn a {
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }

  .blurb-seo-row .col-lg-6 {
    grid-template-columns: 1fr;
  }

  .blurb-seo-row .seo-blurb {
    display: block;
  }

  .blurb-seo-row .seo-blurb .seo-text {
    margin-top: 20px;
  }

  .row.tablet-show {
    width: 90%;
    margin-top: 0px;
    margin-bottom: 40px;
  }

  .our-step h2.text-white.same-all.text-center {
    max-width: 100%;
    margin: auto auto 30px auto;
  }

  .our-step .row .col-lg-3 {
    transform: translate3d(0px, 0, 0) !important;
  }

  .step-bg h2 {
    max-width: 100%;
    min-height: 0px;
  }

  .step-bg {
    padding: 20px 20px 20px 20px;
  }

  .step-bg p {
    font-size: 16px;
    min-height: 0px;
  }

  .web-second-sec .serive-slider-row {
    display: none;
  }

  #port-web .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .transform-row .digital-two-btn a,
  .global-dtb a {
    text-align: center;
  }

  .matter-three-col {
    margin-top: 10px !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .wweb-deign-sec .tab-delivery {
    border: 0px solid #fff;
  }

  .new-york-hire .sidenavcustomnavccnav ul {
    height: 300px !important;
  }

  .app-txt {
    font-size: 16px;
  }

  .app-slider .swiper-button-prev,
  .app-slider .swiper-button-next,
  .branding-main-sec .serive-slider-row {
    display: none;
  }

  .app-slider-sec p.text-white.text-center {
    margin-bottom: 10px;
  }

  .tab-app {
    display: block;
    margin-top: 30px;
  }

  .tab-app ul.tabs {
    width: 100%;
  }

  .tab-app .tab-content {
    width: 100%;
  }

  .tab-app .tab-content .row .col-lg-6 {
    padding: 0px;
  }

  .tab-app .tab-content h2 {
    font-size: 20px;
    margin-top: 20px;
  }

  .tab-app-row {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .app-anima-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .app-slider .swiper-slide .app-content h4.text-white {
    font-size: 20px;
    min-height: 0px;
  }

  .web-dev-pag .container {
    padding-top: 180px;
  }

  .app-port-sec .app-portfolio-img {
    display: block;
  }

  .app-port-sec .app-portfolio-img {
    padding-right: 0px;
    margin-bottom: 0px;
  }

  .app-port-sec .app-portfolio-img img {
    margin-bottom: 20px;
  }

  .app-port-sec h2.text-white.text-center.same-all {
    max-width: 100%;
    margin: 10px auto 20px auto;
  }

  .app-port-sec {
    padding-bottom: 0px;
  }

  .branding-row .col-lg-4 {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .branding-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .branding-main-sec p.text-center.text-white.app-txt {
    margin: auto auto 20px auto;
  }

  .branding-row .col-lg-4:last-child {
    margin-top: 0px !important;
  }

  .btn-brand p {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .tab-app-row {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .tab-app .tab-content .col-lg-9 {
    padding: 0;
  }

  .brand-build p.text-white {
    font-size: 16px;
    line-height: 26px;
  }

  .brand-build .row.align-items-center {
    padding-bottom: 20px;
  }

  .brand-tab-row {
    padding-top: 20px;
  }

  .tab-buttons button.tab-btn {
    width: 100%;
    max-width: 100%;
    margin: auto auto 15px auto;
    font-size: 16px;
    padding: 10px 20px;
  }

  .brand-build .tab-content .row .col-lg-12 .tab-cotnt {
    padding: 15px;
  }

  .dubai-form-container form {
    padding: 20px 10px 10px 10px;
  }

  .dubai-form-container form .row {
    display: block;
    padding-bottom: 0;
  }

  .dubai-form-container form input {
    margin-bottom: 20px;
  }

  .dubai-form-container form .row .col-6 {
    width: 100%;
  }

  .dubai-second-sec h3 {
    font-size: 16px;
  }

  .blurb-dubai {
    display: block;
  }

  .blurb-dubai h5 {
    text-align: center !important;
    margin-bottom: 20px;
  }

  .dubai-second-sec .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .dubai-row-mind {
    padding: 10px 10px 0px 10px;
  }

  .dubai-row-mind a {
    font-size: 16px;
  }

  .dubai-row-mind a:before {
    width: 50px;
    height: 50px;
    right: 0%;
    margin-top: -12px;
    background-size: 100%;
  }

  .dubai-second-sec {
    padding-bottom: 50px;
  }

  .slider-card {
    padding-top: 10px;
  }

  .cont-dubai-slider {
    background-size: cover;
  }

  .work-dubai {
    padding-left: 10px;
    padding-right: 10px;
  }

  .work-dubai .row {
    padding: 20px 10px 20px 10px;
  }

  .main-tow-dubai {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
  }

  .work-dubai p {
    font-size: 16px;
  }

  .main-tow-dubai a {
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 10px 20px;
  }

  .main-tow-dubai a:last-child {
    margin-top: 20px;
  }

  .main-tow-dubai a:last-child:before {
    width: 50px;
    height: 50px;
    background-size: cover;
  }

  .dubai-blurb-sec .blrb-dubi {
    display: block;
  }

  .dubai-blurb-sec .lai-dubai {
    width: 100%;
  }

  .dubai-blurb-sec .row:last-child {
    padding-top: 0px;
  }

  .dubai-tabs {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .custom-tabs-dubai {
    display: block;
  }

  .custom-tabs-dubai .custom-tab-dubai {
    padding: 10px 10px;
    margin-bottom: 15px;
  }

  .cont-dubai-slider p {
    font-size: 14px;
    line-height: 19px;
  }

  .cont-dubai-slider h3 {
    font-size: 20px;
  }

  .cont-dubai-slider {
    background-size: cover;
    height: 420px;
  }

  .our-idea p {
    max-width: 100%;
    margin-bottom: 20px !important;
    text-align: center !important;
  }

  .col-main p.text-white.text-start {
    height: 100% !important;
    overflow: hidden !important;
    padding-right: 0px !important;
  }

  .tab-again .tab-view h3 {
    font-size: 24px;
  }

  .fixed-scroll-area {
    position: relative !important;
    top: 0px !important;
    width: 100% !important;
    left: 0px !important;
  }

  .fixed-scroll-area .section-heading,
  .fixed-scroll-area-link {
    width: 100% !important;
  }

  .fixed-right-item {
    padding-top: 20px !important;
  }

  .fixed-scroll-area-link li a span {
    margin-right: 10px !important;
  }

  .fixed-scroll-area-link li {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }

  .marketing-dubai-sec .container h1.text-white {
    font-size: 24px;
  }

  .section-image-overlab img {
    margin-top: -100px;
  }

  .all-main .all-main-hero {
    padding-top: 160px;
    padding-bottom: 40px;
  }

  .dubai-all {
    font-size: 26px;
  }

  .dubai-all-para {
    font-size: 16px;
  }

  .pb-50 {
    padding-bottom: 20px !important;
  }

  .success-slider-main .row .col-lg-8 {
    display: none;
  }

  .success-slider-main .row .col-lg-4 {
    width: 100%;
  }

  .success-slider-main .suces-content .suces-date {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .success-slider-main .suces-content h3.text-center {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 30px;
  }

  .success-pagination .success-pagination-main .swiper-wrapper {
    display: block;
  }

  .success-pagination .swiper-wrapper .swiper-slide {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .success-slider-main .suces-content {
    padding: 20px 15px;
    margin-left: 0px;
  }

  .process-dubai-row h3.text-white {
    max-width: 100%;
  }

  .dubai-expertise h3 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left !important;
  }

  .dubai-expertise p {
    text-align: left !important;
  }

  .dubai-expertise .col-lg-6 .col-lg-5 {
    width: 100%;
  }

  .dubai-expertise .col-lg-6 .col-lg-7 {
    width: 100%;
    padding: 0px;
  }

  .dubai-expertise .col-lg-6 .row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dubai-expertise .col-lg-6:first-child {
    padding-right: 0px;
    padding-left: 0px;
  }

  .pb-60 {
    padding-bottom: 10px !important;
  }

  .dubai-matters-row h4.text-white {
    margin-top: 30px;
  }

  .matters-anchor {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .social-media-marketing-dubai-page .our-case-section {
    padding-top: 40px !important;
  }

  .testi-mainn {
    padding-right: 10px !important;
  }

  .dubai-experr-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-york-hire .sidenavcustomnavccnav ul {
    margin-bottom: 10px !important;
  }

  .col-lg-6.col-md-6.col-stick {
    margin-right: 12px;
    padding-left: 25px;
  }

  .video-animation-page .seo-hero-sec {
    padding-top: 150px;
    padding-bottom: 0px;
  }

  .video-all-headings {
    font-size: 26px;
  }

  .py-50 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .video-all-para {
    font-size: 16px;
    line-height: 28px;
  }

  .video-data-content {
    padding: 20px 15px;
  }

  .video-data-content h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .srivce-slidr .swiper-button-prev,
  .srivce-slidr .swiper-button-next {
    display: none;
  }

  .conecpt-data {
    padding: 20px 15px;
  }

  .conecpt-data h4 {
    font-size: 24px;
  }

  .conecpt-data p {
    font-size: 16px;
    line-height: 24px;
  }

  .video-matters {
    padding-bottom: 40px;
  }

  .video-tabs-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .video-excellence-row {
    grid-template-columns: 1fr;
    padding-top: 0px !important;
  }

  .video-works-row h5.text-white {
    font-size: 18px;
  }

  .video-animation-page #project-in-minds .our-reviews {
    padding-top: 0px !important;
  }

  .video-benefit-sec {
    padding-bottom: 0px !important;
  }

  .video-animation-page .faq-home {
    padding-top: 50px;
  }

  .video-matters .row.align-items-center.py-50 {
    padding: 10px 0 10px 0 !important;
  }

  .video-matters .row.align-items-center.py-50 .col-lg-6 p.text-white.video-all-para {
    padding-top: 20px;
  }

  .consultancy-hero-sec {
    padding-top: 150px;
  }

  .consultancy-hero-sec h1.text-white {
    font-size: 26px;
    margin-top: 20px;
  }

  .consultancy-hero-sec p.text-white {
    font-size: 16px;
  }

  .consultancy-blog-card .horizontal-blog-content {
    padding: 15px 10px;
  }

  .consultancy-blog-card .col-lg-3 {
    width: 100%;
  }

  .consultancy-blog-card .col-lg-9 {
    width: 100%;
    padding: 10px 10px;
    text-align: left;
  }

  .consultancy-blog-card .col-lg-9 h4.text-black {
    font-size: 22px;
  }

  .fifth-consultancy-sec .fifth-consultancy-row h2.text-white {
    font-size: 26px;
  }

  .fifth-consultancy-sec .fifth-consultancy-row h4.text-white {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .fifth-consultancy-sec .fifth-consultancy-row p.text-white {
    font-size: 16px;
  }

  .fifth-inner-row .col-lg-1 {
    display: none;
  }

  .fifth-inner-row .col-lg-5 {
    width: 100%;
  }

  .steps-consultancy:not(:last-child) {
    margin-bottom: 20px;
  }

  .six-consultancy-sec .tabs-consultancy {
    display: block;
    text-align: center;
    margin: auto auto 30px auto;
  }

  .six-consultancy-sec .unique-tab-container button.unique-tab-button {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .six-consultancy-sec p.text-white.dubai-all-para.text-center {
    margin-bottom: 20px;
  }

  .tab-data-consultancy {
    padding-left: 0px;
  }

  .consultancy-tab-content .col-lg-5 {
    padding: 20px 0px 0px 0px;
  }

  .tab-data-consultancy h2.text-white {
    font-size: 24px;
  }

  .mobile-menu ul .submenu-item-has-children>a .mean-expand-class:before {
    color: #000;
  }

  .mobile-menu .submenu-item-has-children.active-class a {
    color: #000000;
  }

  .mobile-menu .submenu-item-has-children ul.sub-menu a {
    font-weight: 700;
    text-decoration: none;
  }

  .mobile-menu .submenu-item-has-children ul.sub-menu li {
    padding-left: 5px;
  }

  .popup-form {
    width: 100%;
    padding: 15px;
    max-width: 90%;
  }

  .btn-owner a {
    margin-bottom: 10px;
    text-align: center;
    display: block;
  }

  .btn-owner {
    display: block;
    margin-top: 0px;
  }

  .about-ali {
    padding-top: 0px;
    padding-bottom: 40px;
  }

  .about-slaman .row.justify-content-space-between.servicess-row-one.align-items-center {
    flex-direction: column-reverse;
  }

  .about-slaman .row.justify-content-space-between.servicess-row-one.align-items-center img {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .about-slaman .about-ali {
    flex-direction: column !important;
  }
}


@media (min-width: 601px) {
  img.for-mobe {
    display: none !important;
  }
}

/* End Here Responsive */

/* Scrolling Section */
/*.heigt-wise {
    height: 800px;
    overflow: scroll;
    overflow-x: hidden;
    padding-left: 70px;
    padding-right: 20px;
}*/

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #CC0606 ;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #CC0606;
}

.heigt-wise::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.heigt-wise::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
.heigt-wise::-webkit-scrollbar-thumb {
  background: #903cf2;
}

/* Handle on hover */
.heigt-wise::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.fixed-scroll-area-link li a.active {
  padding-left: 80px;
}

.fixed-scroll-area-link li a span {
  margin-right: 20px;
}

.header-sticky nav.main-menu ul li a {
  color: var(--white-color);
}

.header-sticky nav.main-menu ul li.active a {
  color: var(--white-color);
}

/* Industires Slider */
.industries-slider .swiper-button-next {
  width: 73px;
  height: 54px;
  top: unset !important;
  bottom: 8%;
  right: 25%;
  z-index: 19;
}

.industries-slider .swiper-button-prev {
  width: 73px;
  height: 54px;
  bottom: 8% !important;
  top: unset !important;
}

/* .industries-slider .swiper-pagination span.swiper-pagination-bullet {
  height: 220px;
  width: 230px;
  border-radius: 15px;
  opacity: 0.8;
  background-size: 100%;
  background-color: #fff !important;
  position: relative;
  text-align: center;
} */

.industries-slider .swiper-pagination span.swiper-pagination-bullet:nth-child(1):before {
  content: "Health";


}

.industries-slider .swiper-pagination span.swiper-pagination-bullet:before {
  color: white;
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;

}

.industries-slider .swiper-pagination span.swiper-pagination-bullet:nth-child(2):before {
  content: "Technology";

}

.industries-slider .swiper-pagination span.swiper-pagination-bullet:nth-child(3):before {
  content: "Education";

}

.industries-slider .swiper-pagination span.swiper-pagination-bullet:nth-child(4):before {
  content: "Travel & Transport";

}

.industries-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  box-shadow: 0px 0px 10px 5px #5adef7;
}

.industries-slider .swiper-pagination {
  bottom: 1% !important;
  left: 11% !important;
  text-align: left !important;
}

.industries-slider .row.justify-content-space-between {
  padding-bottom: 160px;
}

.industries-section h2 {
  font-size: 110px;
  font-family: "Roboto";
  font-weight: 900;
  margin-bottom: -140px;
}

.industries-section h2:after {
  content: "";
  position: absolute;
  background: #8e3df2;
  width: 25%;
  height: 4px;
  right: 1.2%;
  margin-top: 120px;
}

.txt-indu-slider h3 {
  font-size: 60px;
  font-weight: 900;
  text-transform: uppercase;
}

.txt-indu-slider p {
  font-size: 16px;
  font-weight: 300;
}

.txt-indu-slider a {
  color: #002494;
  text-decoration: none;
  font-size: 17px;
  font-weight: 900;
  margin-bottom: 20px !important;
  display: block;
  margin-top: 30px;
}

.txt-indu-slider .paly-apple {
  display: flex;
  gap: 40px;
}

.txt-indu-slider a:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background: #8e3df2;
  margin-top: 18px;
  margin-left: 3px;
}

.industries-slider .row {
  align-items: center;
}

.img-sliderr {
  height: 727px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.img-sliderr img {
  max-width: 80% !important;
  padding-top: 50px;
}

.industries-section .container {
  max-width: 1550px;
  overflow: hidden;
}

/* Testimonial Section */
.testi-mainn::-webkit-scrollbar {
  width: 5px;
}

.testi-mainn::-webkit-scrollbar-track {
  background: #fff;
}

.testi-mainn::-webkit-scrollbar-thumb {
  background: #f57c83;
  width: 30px;
}

.testi-mainn::-webkit-scrollbar-thumb:hover {
  background: #903cf2;
}

.testi-mainn {
  height: 750px;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 80px;
  width: 100%;
}

.testi-mainn .tesi-roww {
  margin-bottom: 30px;
}

.tesi-roww {
  display: flex;
}

.tesi-roww .testi-txt {
  padding: 15px;
  background-color: #272727;
}

.tesi-roww .testi-txt h4.text-white {
  font-size: 42px;
  font-family: "Montserrat";
  font-weight: 800;
  margin-bottom: 0px;
}

.tesi-roww .testi-txt h4.text-white h6 {
  color: #fff !important;
}

.tesi-roww .testi-txt h6 {
  font-size: 18px;
  margin-bottom: 15px;
}

.tesi-roww .testi-txt img {
  margin-bottom: 20px;
}

.tesi-roww .testi-txt p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

/* header */
header ul li a {
  text-decoration: none;
  font-size: 18px !important;
  font-weight: 400 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

header ul li.active {
  background: #903cf2;
  border-radius: 30px;
  box-shadow: -1px 0px 10px 1px #00ffff;
}

header .header-button a.btn.bg-theme.text-title {
  background-color: #002494 !important;
  color: #fff !important;
  padding: 10px 20px;
  font-size: 18px !important;
  font-weight: 500;
  border: none;
}

/* Footer */

footer.footer-wrapper {
  background-color: #010101 !important;
}

footer.footer-wrapper .container {
  display: block;
}

footer.footer-wrapper .row:last-child ul.footer-menu-list {
  display: flex;
  gap: 50px;
}

footer.footer-wrapper .col-lg-6:first-child p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  max-width: 470px;
}

footer.footer-wrapper .col-lg-6:first-child img {
  margin-bottom: 20px;
}

footer.footer-wrapper h4.text-white {
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: 600;
  margin-bottom: 15px;
}

footer.footer-wrapper ul.footer-menu-list {
  list-style: none;
  padding: 0px;
}

footer.footer-wrapper .row:last-child ul.main-footer-socialss {
  display: flex;
  padding: 0;
  list-style-type: none;
  gap: 18px;
  justify-content: end;
}

footer.footer-wrapper ul.footer-menu-list li a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

footer.footer-wrapper ul.footer-menu-list li {
  margin-bottom: 15px;
}

footer.footer-wrapper p,
footer.footer-wrapper p a {
  color: #fff;
  text-decoration: none;
}

footer.footer-wrapper .row:first-child .col-lg-2,
footer.footer-wrapper .row:first-child .col-lg-4 {
  padding-top: 27px;
}

/* Last Section Home */
.servicess-section .service-offer-inner .col-xxl-4:hover .service-offer-box img {
  margin-top: -130px;
  transition: 0.5s all ease-in-out;
}

.servicess-section .service-offer-inner .col-xxl-4:hover h4.heading-six {
  margin-top: -70px;
  transition: 0.5s all ease-in-out;
}

.tab-again .custom-tab-btn.active span {
  background-image: unset;
 background-color: #002494;
  border-color: #CC0606;
  color: #CC0606;
}

.col-lg-6.col-md-6.col-stick {
  position: sticky;
  height: 499px;
  overflow: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.constructionpage_custom_faqs_section {
  padding-top: 0;
}

.new-york-hire ul.faq_section {
  border: 0 !important;
}

.new-york-hire ::-webkit-scrollbar {
  width: 5px !important;
  background: #fff;
}

.new-york-hire ::-webkit-scrollbar-thumb {
  background: #57249a !important;
  border-radius: 10px !important;
}

.new-york-hire ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray !important;
  border-radius: 10px !important;
}

.new-york-hire nav ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 24px;
  border-left: 7px solid #fff;
}

.new-york-hire .custombottomsidebarbox ul.newyork-hiring-socialicons {
  border: none;
}

.new-york-hire .sidenavcustomnavccnav .newyork-hiring-socialicons {
  display: flex;
  list-style: none;
  justify-content: center;
}

.new-york-hire section {
  padding: 0rem;
  margin: 0 0 2rem;
  /* background: #fff; */
  border-radius: 10px;
}

.new-york-hire section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.new-york-hire section h2,
.new-york-hire section h3 {
  font-size: 38px;
  line-height: 45px;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 20px;
  font-weight: 600;
  font-family: "Roboto";
}

.new-york-hire .sidenavcustomnavccnav ul {
  position: sticky;
  top: 150px;
  height: 500px;
  overflow-y: scroll;
  margin-bottom: 100px;
}

.new-york-hire section ul p,
.new-york-hire section ul li {
  color: #fff;
  font-size: 18px;
  font-family: 'Montserrat';
  line-height: 25px;
}

.new-york-hire .sidenavcustomnavccnav .custombottomsidebarbox h3.sidenavcustomnavccnavhead {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 25px;
}

.new-york-hire nav ul a.current {
  position: relative;
}

.new-york-hire nav ul a {
  font-size: 32px;
  line-height: 34px;
  color: #fff;
  text-decoration: none;
  margin: 35px 0;
  display: block;
  font-weight: 700;
  font-family: "Roboto";
}

.new-york-hire ul.faq_section:before {
  content: "";
  height: 650px;
  width: 7px;
  /* background: #fff; */
  position: absolute;
  left: 2px;
  border-radius: 10px;
}

section#hireobserverID .row {
  flex-direction: row-reverse;
}

.new-york-hire .custombottomsidebarbox {
  position: sticky;
  top: 670px;
  height: 120px;
  overflow-y: hidden;
  margin: 0 0 -30px;
}

.new-york-hire .row.white-bg-heading-custom-row h2 {
  color: #8d3ef2;
  text-align: right;
  font-size: 70px;
  font-weight: 900;
  font-family: "Roboto";
}

.new-york-hire .row.white-bg-heading-custom-row h2 span {
  color: #fff;
}

.new-york-hire .sidenavcustomnavccnav ul {
  position: sticky;
  top: 150px;
  height: 500px;
  overflow-y: scroll;
  margin-bottom: 100px;
}

.constructionpage_custom_faqs_section .bg-white-heading-custom {
  margin: 0;
  padding: 0px 0 20px;
}

.new-york-hire nav {
  height: 98%;
}

section#hireobserverID {
  position: relative;
  padding-top: 5%;
  padding-bottom: 0%;
}

/* Faq's Section  */
.faqss .panel p {
  color: #fff;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
}

.faq-home h2.text-white {
  font-size: 70px;
  font-weight: 800;
  margin-bottom: 90px;

}

.faqss .panel {
  display: none;
}

.quwstion .panel ul {
  list-style-type: none;
  padding: 0;
}

.quwstion .panel ul li {
  color: #cfcfcf;
}

.quwstion button.accordions.active:before {
  content: "-";
  color: var(--blue-color);
}

.quwstion .panel ul li {
  padding-left: 20px;
  margin-bottom: 5px;
}

.faqss button {
  text-align: left;
  background-color: transparent;
  border: 0;
  color: #fff;
  font-family: "Roboto";
  font-weight: 100;
  font-size: 22px;
  padding: 0;
  width: 100%;
}

.quwstion button.accordions:before {
  content: "+";
  position: absolute;
  right: 3%;
  color: var(--blue-color);
  font-weight: 700;
}

.faqss .faq-home {
  padding-top: 0px;
}

.quwstion {
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 12px 20px;
  margin-bottom: 25px;
}

.quwstion .panel {
  padding: 15px 3px;
}

.faq-home h2.text-white span {
  color: #002494;
}

/* -- Last Tab Section --  */
.tab-again button {
  background-color: transparent;
  border: 0;
  color: #fff;
  width: 16.66%;
}

.tab-again .tab {
  display: flex;
  justify-content: center;
}

.tab-again .tab .txt-dep {
  font-size: 18px;
  margin-bottom: 20px;
  min-height: 80px;
}

.tab-again button span {
  font-size: 70px;
  font-weight: 800;
background-color: #002494;
  width: 130px;
  display: block;
  height: 128px;
  border-radius: 100px;
  text-align: center;
  margin: auto;
  border: 10px solid;
  padding: 0px;
}

.tab-again .tab-view {
  background-color: #272727;
  padding: 150px 30px 30px 30px;
  margin-top: -50px;
  box-shadow: 0px 0px 8px 2px #CC0606;
}

.tab-again .tab-view h3 {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}

.tab-again .tab-view p {
  font-size: 18px;
  color: #fff;
}

/*Why Choose us*/
.col-main.active p.text-white.text-start::-webkit-scrollbar-thumb {
  background: #002494 !important;
}

.why-choose .col-main {
  transition: all 0.5s ease-in-out;
  flex: 1;
  height: 400px;
  background-color: var(--light-blue);
  border-radius: 30px;
  padding: 50px;
}

.why-choose .columns-container {
  display: flex;
  margin-top: 70px;
  gap: 20px;
}

.why-choose h4 {
  font-size: 48px;
}

section#project-in-minds .row {
  align-items: center;
}

.why-choose h2,
.proce-tab h2 {
  font-size: 70px;
  font-weight: 600;
}

.why-choose p,
.proce-tab p.text-white.text-center {
  font-size: 20px;
  line-height: 30px;
  color: var(--blue-color) !important;
}

.main-hov .img-with-txt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}

.main-hov .img-with-txt h3 {
  font-weight: 900;
  font-size: 20px;
  transition: all 0.3s ease;
  color: var(--blue-color) !important;
}

.col-main.active .img-with-txt h3 {
  font-size: 38px;
  transition: all 0.3s ease;
  padding-top: 40px;
}

.four-hovr {
  margin-top: 60px;
  position: relative;
}

.col-main.active .img-with-txt {
  text-align: left !important;
  display: flex;
  flex-direction: row;
  margin-left: -60px;
  margin-top: -70px;
  align-items: center;
  gap: 10px;
}

.main-hov p {
  margin-top: 40px;
}

.col-main .img-with-txt {
  flex-direction: column-reverse;
  text-align: center !important;
}

.col-main .img-with-txt .img-columns {
  width: 100%;
}

.col-main .img-with-txt .txt-columns {
  width: 100%;
}

.col-main.active .img-columns {
  width: 25% !important;
}

.col-main.active .txt-columns {
  width: 75% !important;
}

.col-main.active p.text-white.text-start {
  display: block !important;
  /* transition: all 0.5s ease; */
}

.col-main p.text-white.text-start {
  display: none;
  transition: all 0.5s ease;
  height: 150px;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 10px;
}

.main-tow-btn {
  display: flex;
  gap: 30px;
}

.main-tow-btn a:last-child:before {
  content: unset;
}

.journey-sec h2.text-white {
  font-size: 50px;
}

.main-tow-btn a:last-child {
  padding: 14px 30px;
  font-weight: 600;
}

/* --- Tabs Section Css ---  */

section.fixed-scroll-sec {
  width: 100%;
  position: relative;
}

.fixed-scroll-area-link li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f77c81;
}

@media (min-width: 1800px) {
  .fixed-scroll-area-link a {
    font-size: 24px;
  }
}

.fixed-scroll-area .section-heading,
.fixed-scroll-area-link {
  width: 90%;
}

.fixed-scroll-area .section-heading,
.fixed-scroll-area-link {
  width: 90%;
}

.fixed-right-item {
  padding-top: 80px;
}

.fixed-right-item img {
  position: relative;
  /*    right: -15%;*/
  width: 100%;
}

@media (min-width: 1800px) {
  .fixed-right-item h5 {
    font-size: 24px;
  }
}

.fixed-right-item h5 {
  margin-top: 45px;
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
}

.fixed-right-item:last-child {
  padding-bottom: 80px;
}

.fixed-right-item p {
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.fixed-scroll-area-link a {
  position: relative;
  width: 100%;
  font-size: 21px;
  color: #c8c9cb;
  font-weight: 500;
  transition: all 0.3s;
  padding-left: 40px;
  display: flex;
  text-decoration: none;
}

section.fixed-scroll-sec ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.banner-heading h1 span,
.section-heading h1 span {
  color: #771d8a;
}

.banner-heading p,
.section-heading p,
.banner-small-text p {
  margin: 0;
}

.b.banner-heading h1,
.section-heading h1 {
  font-size: 60px;
  font-weight: 700;
}

.section-heading h1 {
  color: #002494;
}

.section-heading h1 span {
  color: #f77c81;
  display: block;
  font-weight: 600;
}

.section-heading p {
  color: #fff;
  margin-bottom: 80px;
  font-size: 16px;
}

.fixed-right-item p {
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}

/* -- End here -- */

.swiper {
  width: 100%;
  height: 77%;
}

/*.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }*/

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1920px) and (min-width: 1366px) {
  section#project-in-minds .container {
    max-width: 1560px;
  }

  .why-choose .container {
    max-width: 1490px;
  }
}

section.fixed-scroll-sec {
  background-color: #010101;
}

.project-in-mind {
  padding: 50px;
}

.project-in-mind h2.text-white {
  margin-bottom: 100px;
  font-size: 70px;
  font-weight: 600;
}

.project-in-mind h2.text-white span {
  font-weight: 200;
  color: #fff;
}

.project-in-mind a {
  border: 2px solid var(--red-color);
  color: #fff !important;
  text-decoration: none;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 22px;
  padding: 14px 90px 14px 30px;
  border-radius: 100px;
  position: relative;
  transition: 0.5s all ease-in-out;
}

section.servicess-section .service-offer-inner .col-xxl-4:hover .service-offer-box {
  box-shadow: 0px 0px 20px 0px var(--blue-color) !important;
  border: 2px solid var(--blue-color) !important;
}

.project-in-mind a:hover:before {
  right: 0%;
}

.project-in-mind img {
  margin-top: -150px;
  width: 100%;
}

/* industries Slider */
.main-slider {
  background: url(../images/background-portfolio.png);
  background-size: cover;
  width: 100%;
}

.mainportfolio {
  padding: 0 0 50px 0;
}

.alhersh {
  position: relative;
}

.alhersh .imagebox-portfolio::before {
  background: #006837;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.alhersh::before {
  background: #006837;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.imagebox-portfolio img {
  position: relative;
  z-index: 999;
}

.hokey {
  position: relative;
}

.hokey .imagebox-portfolio::before {
  background: #ec472b;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.hokey::before {
  background: #ec472b;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.songmatch {
  position: relative;
}

.songmatch .imagebox-portfolio::before {
  background: #7427ac;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.songmatch::before {
  background: #7427ac;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.odanta {
  position: relative;
}

.odanta .imagebox-portfolio::before {
  background: #0073d0;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.odanta::before {
  background: #0073d0;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.communitter {
  position: relative;
}

.communitter .imagebox-portfolio::before {
  background: #2ea8fe;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.communitter::before {
  background: #2ea8fe;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.switch-poker {
  position: relative;
}

.switch-poker .imagebox-portfolio::before {
  background: #ed1c24;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.switch-poker::before {
  background: #ed1c24;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99;
}

.spaceing-mm {
  padding-bottom: 80px;
  margin-top: 60px;
}

.headingbottomline h3 {
  font-size: 33px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-family: Raleway, sans-serif;
}

.headingbottomline h3::after {
  height: 1px;
  width: 100px;
  position: absolute;
  content: "";
  display: block;
  background: #1ca7ce;
  bottom: -15px;
  right: -25px;
}

.conportfolio p {
  font-size: 15px;
  color: #6d7583;
  line-height: 1.8;
}

.conportfolio h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 18px;
}

.conportfolio {
  width: 95%;
}

.justifyend {
  justify-content: flex-end;
}

.positionsliders {
  position: absolute;
  width: 100%;
  display: block;
  top: -106px;
  left: 0;
}

.marginstb {
  margin: 24px 0 24px 0 !important;
  display: block;
}

a.ourbtnline {
  font-size: 12px;
  font-weight: 700;
  color: #3c6bb3;
  text-transform: initial;
  text-decoration: none;
  cursor: pointer !important;
}

a.ourbtnline::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 38px;
  background: #3c6bb3;
  top: 8px;
  height: 1px;
  margin: 0 0 0 14px;
}

a.ourbtnline {
  position: relative;
}

.positionsliders .slick-center img {
  transition: transform 0.2s;
  transform: scale(1) !important;
  opacity: 1 !important;
  -webkit-box-shadow: 0 10px 32px 3px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 10px 32px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 32px 3px rgb(0 0 0 / 20%);
  border-radius: 30px !important;
  width: 95% !important;
}

.positionsliders .slick-list {
  padding: 40px 0 40px 0 !important;
}

.positionsliders .slick-slide img {
  opacity: 1;
  transition: transform 0.2s;
  margin: 0 auto;
  width: 85%;
}

.positionsliders button.slick-arrow:hover {
  background: #1ba4cd;
  color: #fff !important;
}

.positionsliders button.slick-arrow {
  background: #bec8d8;
  border: 0;
  font-size: 0;
  padding: 14px;
  background-position: center;
  position: absolute;
  z-index: 99;
  outline: 0 !important;
  transform: translateY(-43%);
  top: 47%;
}

.positionsliders button.slick-prev {
  background-image: url(../images/leftarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  left: -30px;
  background-size: 45%;
  outline: 0 !important;
}

.positionsliders button.slick-prev:hover {
  background-image: url(../images/leftarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  left: -30px;
  background-size: 45%;
  outline: 0 !important;
  background-position: center;
}

.positionsliders button.slick-next:hover {
  background-image: url(../images/rightarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  right: -30px;
  background-size: 45%;
  outline: 0 !important;
  background-position: center;
}

.positionsliders button.slick-next {
  background-image: url(../images/rightarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  right: -30px;
  background-size: 45%;
  outline: 0 !important;
}

.positionsliders .slick-next {
  right: 0;
}

.sectionslider-free {
  padding: 190px 0 250px 0;
  overflow-x: hidden;
}

.imageboxcontainer {
  position: relative;
  width: 100%;
}

.image_boxed {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_boxed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  border-radius: 9px !important;
  background: -moz-linear-gradient(top,
      rgba(0, 0, 0, 0.7) 0,
      rgba(0, 0, 0, 0.8) 1%,
      #000 100%);
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0.7) 0,
      rgba(0, 0, 0, 0.8) 1%,
      #000 100%);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.7) 0,
      rgba(0, 0, 0, 0.8) 1%,
      #000 100%);
}

.imageboxcontainer:hover .overlay_boxed {
  opacity: 1;
}

.text_boxed {
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  text-align: left;
  padding: 15px;
  bottom: 0;
}

.text_boxed p {
  font-size: 11px !important;
  line-height: 1.8;
  margin-bottom: 0;
}

.text_boxed span {
  font-size: 13px;
  color: #ccc;
  padding-bottom: 5px;
  display: block;
}

.boxcontent-hover {
  position: absolute;
  bottom: 0;
  padding: 16px;
  background: -moz-linear-gradient(top,
      rgba(255, 255, 255, 0) 0,
      rgb(0 0 0 / 80%) 70%);
  background: -webkit-linear-gradient(top,
      rgba(255, 255, 255, 0) 0,
      rgb(0 0 0 / 80%) 70%);
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0) 0,
      rgba(0 0 0 / 80%) 70%);
  width: 100%;
  height: 50%;
  border-radius: 12px;
}

.boxcontent-hover h2 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5px;
  position: absolute;
  bottom: 10px;
}

.text_boxed h2 {
  font-size: 14px !important;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}

.boxcontent-hover p {
  font-size: 14px;
  color: #b9b9b9;
  margin-bottom: 0;
}

.readmore span {
  display: inline-block;
  font-size: 12px;
}

.text_boxed .readmore {
  border-top: 0.5px solid #ffffff85;
  margin-top: 10px;
  border-bottom: 0;
}

.imageicon-p img {
  width: 100%;
}

.imageicon-p {
  margin: 5px;
}

.imagebox-portfolio img {
  width: 68%;
  margin: 0 auto;
  display: block;
  margin-bottom: 14px;
}

.positionsliders .slick-center img {
  border-radius: 18px;
  position: relative;
  top: -10px;
}

.mainportfolio .headingbottomline h3 {
  font-size: 22px;
  margin-bottom: 30px;
}

.contact-tabs {
  transition: transform 0.2s;
  background-color: #f0f1f3 !important;
}

.mainportfolio .headingbottomline h3::after {
  bottom: -10px;
}

.contact-tabs .dubai {
  background-image: url(../images/tab-contact-dubai-bg.jpg);
  background-size: cover;
  transition: transform 0.2s;
  background-color: #f0f1f3;
}

.slick-slide {
  outline: 0 !important;
}

.contact-tabs .london {
  background-image: url(../images/tab-contact-london-bg.jpg);
  background-size: cover;
  transition: transform 0.2s;
  background-color: #f0f1f3;
}

.contact-tabs .newyork {
  background-image: url(../images/tab-contact-newyork-bg.jpg);
  background-size: cover;
  transition: transform 0.2s;
  background-color: #f0f1f3;
}

.dubaibox {
  width: 259px;
  height: 260px;
  background-size: contain;
  background-image: url(../images/dubai-non-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  border-radius: 12px;
  transition: transform 0.2s;
  background-color: #f0f1f3;
}

.posab-nav a.active .dubaibox {
  background-image: url(../images/dubai-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  border-radius: 12px;
  background-color: #f0f1f3;
}

.londonbox {
  width: 259px;
  height: 260px;
  background-size: contain;
  background-image: url(../images/london-non-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  border-radius: 12px;
  transition: transform 0.2s;
  background-color: #f0f1f3;
}

.posab-nav a.active .londonbox {
  background-image: url(../images/london-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  border-radius: 12px;
  background-color: #f0f1f3;
}

.newyorkbox {
  width: 259px;
  height: 260px;
  background-size: contain;
  background-image: url(../images/newyork-non-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  border-radius: 12px;
  transition: transform 0.2s;
  background-color: #f0f1f3;
}

.posab-nav a.active .newyorkbox {
  background-image: url(../images/newyork-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, 0.22);
  border-radius: 12px;
  background-color: #f0f1f3;
}

.active .ownzooms {
  transform: scale(1.1);
  transition: transform 0.2s;
}

.boxcalls a {
  margin-bottom: 10px !important;
  display: block;
}

.contact-tabs .tab-content a {
  text-decoration: none;
}

.posab-nav a {
  text-decoration: none !important;
}

.boxcalls a {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.boxcalls img {
  margin-right: 10px;
}

.box-for-select-country span::before {
  background-color: #4d4d4e;
  content: "";
  height: 2px;
  width: 12px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px;
}

.box-for-select-country span {
  position: relative;
  left: 20px;
  padding-left: 15px;
  color: #4d4d4e;
  font-size: 17px;
  font-weight: 500;
  margin-top: 10px !important;
  display: block;
}

.contact-tabs .tab-pane {
  height: 650px;
  padding: 70px 0 0 0;
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}

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

  100% {
    opacity: 1;
  }
}

.posab-nav a.active .box-for-select-country span {
  color: #1dafd1;
}

.posab-nav a.active .box-for-select-country span::before {
  background-color: #3c6bb3;
}

.pos1tab {
  position: relative;
}

.contact-tabs {
  position: relative;
}

.pos2tab {
  position: absolute;
  bottom: 50px;
  display: initial;
  align-items: center;
  justify-content: center;
  height: auto;
  width: 100% !important;
}

.hrd {
  display: none;
}

.contact-tabs .nav-tabs {
  border: 0 !important;
  display: flex;
  justify-content: space-around;
}

.boxcontenttabs h3 {
  font-size: 22px;
  color: #3c6bb3;
  font-weight: 700;
}

.boxcontenttabs p {
  font-size: 18px;
  font-weight: 500;
}

.testimonailsection {
  padding: 120px 0 60px 0;
  background-size: cover;
  background-image: url(../images/testimonials-backgroundbg.png);
  background-position: bottom center;
  background-size: 100% 80%;
  background-repeat: no-repeat;
}

.testimonailscontent h3 {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}

.testimonailscontent h3::after {
  height: 1px;
  width: 117px;
  position: absolute;
  content: "";
  background: #3c6bb3;
  display: block;
  right: -30px;
  bottom: -10px;
}

.testimonailscontent h4 {
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  color: #3c6bb3;
}

.testimonailscontent h4 span {
  font-size: 48px;
}

.testimonailsbox-home p {
  font-size: 15px;
  width: 90%;
  line-height: 1.8;
  font-weight: 500;
}

.client-details p {
  font-size: 17px;
  color: #3c6bb3;
  line-height: 1.2;
  width: auto;
  text-align: right;
  padding-right: 15px;
  margin-bottom: 0;
}

.client-details p span {
  font-size: 14px !important;
  color: #9fa0a2;
  display: block !important;
  font-weight: 500;
}

.client-details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
}

.testimonailsbox-home {
  background-color: #f9fbfe;
  border: 1px solid #e3e9f2;
  padding: 25px;
  margin: 0 10px;
  border-radius: 13px !important;
}

.testimonailsbox-home img.icon-tops {
  margin-bottom: 20px;
  filter: invert(40%) sepia(73%) saturate(1108%) hue-rotate(160deg) brightness(73%) contrast(101%);
}

.testimonails-home-slider .slick-arrow {
  position: absolute;
  bottom: 0;
  outline: 0 !important;
}

.testimonails-home-slider .slick-arrow {
  left: -70px;
}

.testimonails-home-slider button.slick-prev {
  left: -120px;
}

.testimonails-home-slider .slick-next {
  width: 42px;
  height: 42px;
  font-size: 0;
  border: 0;
  background: url(../images/next-slide-hover.png);
}

.testimonails-home-slider .slick-prev {
  width: 42px;
  height: 42px;
  font-size: 0;
  border: 0;
  background: url(../images/prevarrow-btn-hover.png);
}

.boxcontent-bedge p {
  font-size: 16px !important;
  color: #797d7f;
}

.boxbedgefooter {
  display: flex;
  align-items: center;
}

.boxcontent-bedge h5 {
  font-weight: 600;
}

.boxcontent-bedge {
  margin-left: 20px;
  border-left: 1px solid #c0c8cc;
  padding-left: 20px;
}

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

.boxcontent-bedge p {
  margin-bottom: 0;
}

.footersection {
  padding: 70px 0 30px 0;
  background-image: url(../images/footer-background-image.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.footerbox-details h3 {
  position: relative;
  display: inline-block;
}

.footerbox-details h3::after {
  height: 1px;
  width: 117px;
  display: block;
  position: absolute;
  content: "";
  background: #3c6bb3;
  right: -20px;
  bottom: -10px;
}

.contact-footer a img {
  margin-right: 20px;
  filter: invert(40%) sepia(73%) saturate(1108%) hue-rotate(160deg) brightness(73%) contrast(101%);
}

.contact-footer a span {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.contact-footer {
  margin: 30px 0 0 0;
  display: block;
}

.contact-footer a {
  margin: 0 0 30px 0;
  display: block;
}

.contact-footer p span {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.contact-footer p img {
  margin-right: 20px;
  filter: invert(40%) sepia(73%) saturate(1108%) hue-rotate(160deg) brightness(73%) contrast(101%);
}

.footerbox-details p {
  display: flex;
  align-items: flex-start;
}

span.blockdiv {
  display: block;
}

.footerbox-details h3 {
  font-size: 15px;
  font-weight: 700;
}

.footerbox-details.linksheading h3::after {
  width: 98px;
  left: 0;
}

.footerlinks {
  margin-top: 22px;
}

.footerlinks ul {
  margin: 0;
  padding-left: 0;
}

.footerlinks ul li {
  margin: 0;
  list-style: none;
}

.footerlinks ul li a {
  font-size: 13px;
  color: #636466;
  text-decoration: none;
  font-weight: 500;
}

.footerlinks ul li a:hover {
  color: #3c6bb3;
}

.request-a-quote h3 {
  font-size: 14px;
  font-weight: 700;
}

.request-a-quote p {
  font-size: 13px;
  color: #636466;
  margin: 15px 0 10px 0;
}

.request-a-quote a {
  color: #3c6bb3;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}

.request-a-quote a::after {
  width: 25px;
  height: 1px;
  background: #3c6bb3;
  display: block;
  position: absolute;
  content: "";
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
}

.request-a-quote {
  width: 100%;
}

.footerright-text {
  display: flex;
  justify-content: flex-end;
}

.ourspcbt-footer {
  justify-content: space-between;
}

.powerdby p {
  font-size: 13px;
  color: #979898;
  margin-bottom: 0;
}

hr.customhr-footer {
  border: 0;
  border-bottom: 1px solid #d5dce7;
  width: 100%;
  margin: 30px 0 30px 0;
}

.social-icons {
  text-align: right;
}

.android-bn img {
  z-index: 2;
  width: 70% !important;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.android-bn {
  position: relative;
  top: -20px;
}

.android-bn::after {
  background-size: 100% 100%;
  background-image: url(../images/services/android/shaddow-android.png);
  height: 32px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  left: 0;
  bottom: -20px;
  left: -20px;
  z-index: 1;
  transform: translateX(0);
}

.section-services .flickity-page-dots .dot {
  margin: 0 2px;
}

.bedgelogobox img {
  width: 100% !important;
}

.contact-form-page {
  background-image: url(../images/contact-page-background.jpg);
  background-size: cover;
  padding: 50px 0;
}

.heading-contact-homepage {
  text-align: center;
  margin: 0 auto;
}

.flickity-page-dots .dot {
  background: #3c6bb3 !important;
}

.contact-form-page input {
  height: 50px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #3c6bb3;
  background: #ffffff8f;
  padding-left: 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.contact-form-page textarea {
  height: 118px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #3c6bb3;
  background: #ffffff8f;
  padding-left: 20px;
  padding-top: 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1);
}

.contact-form-page select {
  padding-left: 20px;
  background: #ffffff8f;
  height: 50px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #3c6bb3;
  color: #000;
  color: #c3c4cb !important;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/down-arrow-select.png);
  background-repeat: no-repeat;
  background-position: 96% 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1);
}

.contact-form-page input.form-control.submitbtn {
  width: 180px;
  margin: 0 auto;
  background: #3c6bb3;
  background: -moz-linear-gradient(144deg, #3c6bb3 0, #3c6bb3 100%);
  background: -webkit-linear-gradient(144deg, #3c6bb3 0, #3c6bb3 100%);
  background: linear-gradient(315deg, #0a5383 0%, #3c6bb3 74%);
  color: #fff;
  font-size: 13px;
  font-weight: 600 !important;
  text-transform: uppercase;
  border-radius: 50px;
  height: 50px;
}

.ourdownicon {
  position: relative;
}

.heading-contact-homepage h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
}

.heading-contact-homepage h4 {
  font-size: 28px;
  color: #3c6bb3;
  margin-bottom: 45px;
}

select::-ms-expand {
  display: none !important;
}

.form-control::-webkit-input-placeholder {
  color: #c3c4cb !important;
  font-size: 14px;
}

.form-control:-ms-input-placeholder {
  color: #c3c4cb !important;
  font-size: 14px;
}

.form-control::placeholder {
  color: #c3c4cb !important;
  font-size: 14px;
}

.nav-two a.nav-link.active::before {
  display: none !important;
}

.nav-two a.nav-link.active {
  color: #3c6bb3 !important;
}

.banner-about {
  background-image: url(../images/about/about-banner.jpg);
}

.banner-contents h1 {
  font-size: 85px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}

.banner-contents h1 span {
  color: #3c6bb3;
}

.banner-contents p {
  color: #989797;
  line-height: 1.8;
}

.ournav-about {
  text-align: center;
}

/* end here */

.tabs-roww .tab {
  text-align: center;
  margin-bottom: 60px;
}

.tabs-roww .tab button {
  background-color: transparent;
  color: #fff;
  font-size: 19px;
  border: 0px;
  font-family: "Roboto";
  text-align: center;
  padding: 5px 15px;
  border-radius: 100px;
}

.tabs-roww .tab button.tablinks.active {
 background-color: #002494;
  box-shadow: 1px 1px 13px 3px #29ffff;
}

.tab-imgss {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px 20px;
  justify-content: center;
  align-items: start;
  text-align: center;
}

.tab-imgss img {
  border-radius: 0px 100px 0px 100px;
  min-height: 291px;
  object-fit: fill;
  box-shadow: 1px -1px 13px 3px #8e3df2;
  transition: 0.5s all ease-in-out;
}

.our-case-section h2 {
  font-size: 70px;
  font-weight: 900;
  margin-bottom: 50px;
}

.tab-col .tab button {
  display: block;
  font-size: 40px;
  background: #002494;
  color: #fff;
  padding: 7px 25px;
  width: 270px;
  margin-bottom: 15px;
  border-radius: 0px 0px 40px 0px;
  text-align: left;
  font-family: "Roboto";
  font-weight: 700;
}

.tab-col .tab .tab-button.active {
  width: 300px;
  background: #CC0606;
}

.cont-coluns h3.text-white {
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 20px;
}

.cont-coluns p.text-white {
  font-size: 18px;
  font-weight: 400;
  max-width: 330px;
}

.tab-imgss img:hover {
  transform: scale(1.02);
  transition: 0.5s all ease-in-out;
  box-shadow: 1px -1px 13px 3px #CC0606;
}

.offer-box-img img {
  object-fit: contain;
}

.service-offer-box ::-webkit-scrollbar {
  width: 10px;
}

.cont-coluns .tab-section {
  background-position: center center;
  background-size: cover;
  min-height: 540px;
  background-repeat: no-repeat;
  padding: 50px 30px;
  box-shadow: 0px 0px 20px 1px #ff9000;
  border-radius: 60px 0px 0px 0px;
}

.our-case-section .container {
  position: relative;
  display: block;
}

.our-case-section .container {
  position: relative;
  display: block;
}

.our-reviews {
  padding-top: 100px;
}

.our-reviews h2.text-center.text-white {
  margin-bottom: 15px;
}

.our-case-section h2 span {
  font-family: "Roboto";
  font-size: 72px;
  background: -webkit-linear-gradient(left, #8e3df2, #F77C81);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.our-reviews p.text-white.text-center {
  font-size: 24px;
  font-weight: 400;
}

/* .slider-reviews .reive-images {
  display: block;
  margin-bottom: 100px;
} */
.slider-reviews .reive-images {
  display: flex;
  flex-wrap: wrap;
  justify-self: center;
}

/* .slider-reviews .reive-images img {
  display: block;
  margin-bottom: 30px;
} */
.slider-reviews .reive-images img {
  display: inline;
  margin-bottom: 30px;
  margin-left: 30px;
  width: 200px;
  /* margin-right: 40px; */
  object-fit: contain;
  object-position: center center;
  height: 100px;
}

.slider-reviews {
  margin-top: 50px !important;
}

/* Track */
.service-offer-box ::-webkit-scrollbar-track {
  background: #5c5c5c;
}

/* Handle */
.service-offer-box ::-webkit-scrollbar-thumb {
  background: #ffffff;
}

/* Handle on hover */
.service-offer-box ::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.service-offer-box:hover .offer-box-content {
  min-height: 130px;
  max-height: 100px;
  visibility: visible;
  opacity: 1;
}

.offer-box-head .heading-six {
  color: #002494;
  margin: 0;
  font-family: "Montserrat";
  font-weight: 700;
}

.offer-box-content p {
  color: #002494;
  font-size: 13px;
}

.service-offer-box .offer-box-content {
  min-height: 0px;
  max-height: 0px;
  overflow-y: auto;
  padding: 0 5px;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.service-offer-inner .service-offer-box {
  background-color: #ebf8ff;
  padding: 46px 20px 30px 20px;
  margin: 0 0 20px;
  border-radius: 30px 30px;
  transition: all 0.5s ease-in-out;
}

.offer-box-head .offer-box-img {
  background: transparent;
  width: 95px;
  height: 95px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px 0 0;
}

.service-offer-box .offer-box-head {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}

.offer-box-head .offer-box-img {
  background: transparent;
  width: 95px;
  height: 95px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px 0 0;
}

.offer-box-head a {
  text-decoration: none;
}

.service-offer-inner {
  margin-top: 50px !important;
}

.live-chat-btns {
  display: flex;
  justify-content: left;
  gap: 20px;
  margin-top: 40px !important;
}

.ct-btn {
  justify-content: center;

}

.live-chat-btns a {
  background-color: #002494;
  padding: 10px 50px;
  color: #fff;
  text-decoration: none;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 18px;
  border-radius: 10px;
}

.row {
  position: relative;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 100%;
}

.conportfolio h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 18px;
}

.section-bg {
  background-color: #010101;
}

.service-item__img .img-wrapper {
  text-align: center;
}

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

section#choose-why {
  padding-top: 0;
}

section.contact-main-content.section-bg.pt-b-80 {
  padding: 0;
}

html {
  width: 100%;
  overflow-x: hidden;
}

.hero-section {
  background-color: #010101;
}

.menu-area .container {
  width: 100% !important;
}

.menu-area .container .row {
  width: 1000%;
}

.hero-section .row {
  width: 100% !important;
  position: relative;
}

.servicess-row-one .col-lg-8:first-child {
  margin-top: 50px;
}

.tabs-roww h2 {
  color: #fff;
  margin: 70px 0px;
}

.tabs-roww h2 span {
  color: #002494;
  font-weight: 900;
  font-family: "Roboto";
}

.servicess-section h2 {
  font-size: 70px;
  font-weight: 800;
  font-family: "Roboto";
}

.servicess-section p {
  color: var(--blue-color);
  font-size: 16px;
}

.servicess-section img {
  width: 100%;
  text-align: right;
  cursor: pointer;
}

.quwstion {
  border: 1px solid var(--red-color);
  margin-bottom: 10px;
}

.row.justify-content-space-between.project-in-mind img {
  transform: none !important;
  margin-bottom: -30px;
}

.accordions {
  background-color: #f1f1f1;
  color: #444;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: background-color 0.2s ease;
}

/*test*/

.three-colss .col-lg-3:nth-child(2) h4.text-start.text-white {
  font-size: 36px;
  font-weight: 400;
}

.three-colss .col-lg-3:nth-child(3) {
  background-color: #0a0a0a;
  border-radius: 15px;
  box-shadow: 0px 0px 10px 10px #00ffff;
  padding: 20px 30px;
  width: 20% !important;
  height: 240px;
  margin-top: 30px;
  transition: 0.5s all ease-in-out;
}

.three-colss .col-lg-3:nth-child(3) h2.text-start.text-white {
  font-size: 83px;
  font-family: "Montserrat";
  font-weight: 600;
  background: -webkit-linear-gradient(#ffffff, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.three-colss .col-lg-3:nth-child(3) h3.text-start.text-white {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  font-family: 'Montserrat';
}

.services-thumb-slider-wrapper .services-thumb-slider .swiper-slide .service-thumb__head h2 a {
  font-family: 'Montserrat';
}

.three-colss .col-lg-6:first-child {
  width: 46% !important;
}

.three-colss .col-lg-3:nth-child(2) {
  width: 21% !important;
  margin-left: 80px;
  margin-right: 80px;
  padding-top: 50px;
}

.three-colss .d-flex {
  background-color: #0a0a0a;
  padding: 20px;
  box-shadow: 0px 0px 10px 10px #f77c81;
  border-radius: 15px;
  gap: 40px;
  align-items: center;
  transition: 0.5s all ease-in-out;
}

.three-colss .col-lg-5:first-child {
  margin-right: 80px;
}

.img-main {
  width: 35%;
}

.txt-main {
  width: 65%;
}

.three-colss .col-lg-5:first-child .d-flex {
  gap: 30px;
}

.txt-main h3.text-start.text-white {
  font-size: 58px;
  font-family: "Montserrat";
  font-weight: 500;
}

.txt-main h4.text-start.text-white {
  font-size: 28px;
  font-family: "Montserrat";
  font-weight: 400;
}

.three-colss p {
  font-size: 18px;
}

.three-colss p {
  color: #dedede;
  font-weight: 400;
}

/* .our-idea h2:before {
  content: "";
  position: absolute;
  background: #e1360a;
  width: 95px;
  height: 2px;
  margin-left: 225px;
  margin-top: 25px;
} */

.web-dev a {
  margin: auto 0 auto auto;
}

/* .our-idea {
  padding-top: 130px;
} */
.web-dev h2.robo-font.text-start {
  margin-left: 30px;
}

.web-dev .sub-contetn {
  max-width: 390px;
  margin: auto 0 auto auto;
}

.web-dev .sub-contetn h2.robo-font.text-start {
  font-family: "Roboto";
  font-weight: 900;
  font-size: 42px;
}

.web-dev .sub-contetn h2.robo-font.text-start span {
  font-weight: 300;
  font-size: 42px;
}

.web-dev p.feature-card-text,
.our-idea p {
  font-size: 20px;
  margin-bottom: 100px;
  color: #dfdfdf;
}

.web-dev a.text-end {
  margin: auto 0 auto auto;
}

.robo-font {
  font-size: 40px;
  color: #fff;
  font-family: "Montserrat";
  font-weight: 500;
}

.color-main h2.sec-title {
  color: #fff;
}

.trust-icons img {
  width: 160px !important;
  height: 45px !important;
  object-fit: contain !important;
  margin-top: 20px;
}

.trust-icons a {
  all: unset !important;
  cursor: pointer !important;
}

.sub-contetn a {
  display: block;
  background-color: #002494;
  margin-bottom: 20px;
  max-width: 200px;
  font-family: "Montserrat";
  color: #fff;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}

.sub-contetn h2.sec-title.text-start {
  margin-bottom: 0px;
}

p {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/*html,
body {
  scroll-behavior: smooth !important;
}*/

body {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
  line-height: 26px;
  /*overflow-x: hidden;*/
  -webkit-font-smoothing: antialiased;
  /***scroll-bar***/
}

iframe {
  border: none;
  width: 100%;
}

.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  outline: none;
}

input:focus {
  outline: none;
  box-shadow: none;
}

/* img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: auto;
} */

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--border-color);
}

th {
  font-weight: 700;
  color: var(--title-color);
}

td,
th {
  border: 1px solid var(--border-color);
  padding: 9px 12px;
}

a {
  color: var(--theme-color);
  text-decoration: none;
  outline: 0;
  transition: all ease 0.4s;
}

a:hover {
  color: var(--title-color);
}

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

button {
  transition: all ease 0.4s;
}

img {
  border: none;
  max-width: 100%;
}

ins {
  text-decoration: none;
}

pre {
  font-family: var(--body-font);
  background: #f5f5f5;
  color: #666;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

span.ajax-loader:empty,
p:empty {
  display: none;
}

p {
  font-family: var(--body-font);
  margin: 0 0 18px 0;
  color: var(--body-color);
  line-height: 1.75;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px 0;
}

.h1,
h1 {
  font-size: 100px;
  line-height: 1.167;
}

.h2,
h2 {
  font-size: 60px;
  line-height: 1.133;
}

.h3,
h3 {
  font-size: 36px;
  line-height: 1.278;
}

.h4,
h4 {
  font-size: 24px;
  line-height: 1.333;
}

.h5,
h5 {
  font-size: 20px;
  line-height: 1.417;
}

.h6,
h6 {
  font-size: 18px;
  line-height: 1.5;
}

/* Medium Large devices */
@media (max-width: 1399px) {

  .h1,
  h1 {
    font-size: 48px;
  }
}

/* Large devices */
@media (max-width: 1199px) {

  .h1,
  h1 {
    font-size: 44px;
    line-height: 1.3;
  }

  .h2,
  h2 {
    font-size: 40px;
    line-height: 1.25;
  }

  .h3,
  h3 {
    font-size: 30px;
  }

  .h4,
  h4 {
    font-size: 24px;
  }

  .h5,
  h5 {
    font-size: 20px;
  }

  .h6,
  h6 {
    font-size: 16px;
  }
}

/* Small devices */
@media (max-width: 767px) {

  .h1,
  h1 {
    font-size: 40px;
  }

  .h2,
  h2 {
    font-size: 34px;
    line-height: 1.3;
  }

  .h3,
  h3 {
    font-size: 26px;
  }

  .h4,
  h4 {
    font-size: 22px;
  }

  .h5,
  h5 {
    font-size: 18px;
  }

  .h6,
  h6 {
    font-size: 16px;
  }
  .matter-three-col .col-lg-4 {
    margin-top: 10px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {

  .h1,
  h1 {
    font-size: 34px;
    line-height: 1.35;
  }

  .h2,
  h2 {
    font-size: 30px;
  }
   .transform-row .digital-two-btn a,
  .global-dtb a {
   margin-top: 20px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {

  .h1,
  h1 {
    font-size: 32px;
  }
}

/*------------------- 1.6. Extend -------------------*/
/*=================================
    02. Reset
==================================*/
/*------------------- 2.1. Container -------------------*/
/* Medium Large devices */
@media (max-width: 1399px) {
  :root {
    --main-container: 1250px;
  }
}

.container2 {
  max-width: 1330px;
  margin: auto;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: calc(var(--main-container) + var(--container-gutters));
  }

  .container2 {
    max-width: 1330px;
  }
}

@media only screen and (min-width: 1300px) {

  .container2.px-0,
  .container-xxl.px-0,
  .container-xl.px-0,
  .container-lg.px-0,
  .container-md.px-0,
  .container-sm.px-0,
  .container.px-0 {
    max-width: var(--main-container);
  }

  .container2 {
    max-width: 1330px;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .container2 {
    max-width: 1140px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .container2 {
    max-width: 960px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .container2 {
    max-width: 720px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .container2 {
    max-width: 540px;
  }
}

@media only screen and (max-width: 1600px) {
  .container-fluid.px-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .container-fluid.px-0 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .container2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/*------------------- 2.2. Grid -------------------*/
.slick-track>[class*="col"] {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.gy-20 {
  --bs-gutter-y: 20px;
}

.gy-30 {
  --bs-gutter-y: 30px;
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.gy-50 {
  --bs-gutter-y: 50px;
}

.gy-60 {
  --bs-gutter-y: 60px;
}

.gy-80 {
  --bs-gutter-y: 80px;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-60 {
  --bs-gutter-x: 60px;
  /* Medium Large devices */
  /* Extra small devices */
}

@media (max-width: 1399px) {
  .gx-60 {
    --bs-gutter-x: 40px;
  }
}

@media (max-width: 575px) {
  .gx-60 {
    --bs-gutter-x: 1.5rem;
  }
}

.gx-90 {
  --bs-gutter-x: 90px;
  /* Medium Large devices */
}

@media (max-width: 1399px) {
  .gx-90 {
    --bs-gutter-x: 24px;
  }
}

@media (min-width: 1399px) {
  .gx-30 {
    --bs-gutter-x: 30px;
  }

  .gx-25 {
    --bs-gutter-x: 25px;
  }

  .gx-40 {
    --bs-gutter-x: 40px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .gy-80 {
    --bs-gutter-y: 40px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .gy-50 {
    --bs-gutter-y: 40px;
  }
}

/*------------------- 2.3. Input -------------------*/
select,
.single-select,
.form-control,
.form-select,
textarea,
input {
  height: 55px;
  padding: 15px 20px 15px;
  border: 1px solid transparent;
  color: var(--body-color);
  background-color: transparent;
  font-size: 16px !important;
  font-weight: 300;
  width: 100%;
  font-family: var(--body-font);
  transition: 0.4s ease-in-out;
  padding-right: 45px;
  border-radius: 5px;
}

select:focus,
.single-select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  outline: 0;
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
}

select::-moz-placeholder,
.single-select::-moz-placeholder,
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
  color: var(--body-color);
}

select::-webkit-input-placeholder,
.single-select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--body-color);
}

select:-ms-input-placeholder,
.single-select:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: var(--body-color);
}

select::placeholder,
.single-select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
  color: var(--body-color);
}

select.style2,
.single-select.style2,
.form-control.style2,
.form-select.style2,
textarea.style2,
input.style2 {
  height: auto;
  border: none;
  padding: 14.5px 30px;
  background-color: transparent;
  line-height: initial;
}

select.style2 option,
.single-select.style2 option,
.form-control.style2 option,
.form-select.style2 option,
textarea.style2 option,
input.style2 option {
  background-color: var(--title-color);
  color: var(--body-color);
  padding: 2px 15px;
}

select.style2::-moz-placeholder,
.single-select.style2::-moz-placeholder,
.form-control.style2::-moz-placeholder,
.form-select.style2::-moz-placeholder,
textarea.style2::-moz-placeholder,
input.style2::-moz-placeholder {
  color: var(--body-color);
}

select.style2::-webkit-input-placeholder,
.single-select.style2::-webkit-input-placeholder,
.form-control.style2::-webkit-input-placeholder,
.form-select.style2::-webkit-input-placeholder,
textarea.style2::-webkit-input-placeholder,
input.style2::-webkit-input-placeholder {
  color: var(--body-color);
}

select.style2:-ms-input-placeholder,
.single-select.style2:-ms-input-placeholder,
.form-control.style2:-ms-input-placeholder,
.form-select.style2:-ms-input-placeholder,
textarea.style2:-ms-input-placeholder,
input.style2:-ms-input-placeholder {
  color: var(--body-color);
}

select.style2::placeholder,
.single-select.style2::placeholder,
.form-control.style2::placeholder,
.form-select.style2::placeholder,
textarea.style2::placeholder,
input.style2::placeholder {
  color: var(--body-color);
}

select.style-white,
.single-select.style-white,
.form-control.style-white,
.form-select.style-white,
textarea.style-white,
input.style-white {
  background: var(--white-color);
}

select.style-border,
.single-select.style-border,
.form-control.style-border,
.form-select.style-border,
textarea.style-border,
input.style-border {
  background: transparent;
  border-bottom: 2px solid var(--title-color);
  border-radius: 0;
  color: var(--title-color);
  font-size: 18px;
  font-weight: 400;
  padding: 0;
}

select.style-border::placeholder,
.single-select.style-border::placeholder,
.form-control.style-border::placeholder,
.form-select.style-border::placeholder,
textarea.style-border::placeholder,
input.style-border::placeholder {
  color: var(--title-color);
}

select.style-border2,
.single-select.style-border2,
.form-control.style-border2,
.form-select.style-border2,
textarea.style-border2,
input.style-border2 {
  background: transparent;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  color: var(--title-color);
}

select.style3,
.single-select.style3,
.form-control.style3,
.form-select.style3,
textarea.style3,
input.style3 {
  background: var(--smoke-color3);
}

.form-text {
  font-size: 16px;
}

.form-text a {
  color: var(--title-color);
  font-weight: 500;
}

.single-select,
.form-select,
select {
  display: block;
  width: 100%;
  line-height: 60px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 26px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.single-select:after,
.form-select:after,
select:after {
  right: 30px;
  height: 8px;
  width: 8px;
}

.single-select .list,
.form-select .list,
select .list {
  width: 100%;
}

textarea.form-control,
textarea {
  min-height: 100px;
  padding-top: 16px;
  padding-bottom: 17px;
}

textarea.form-control.style2,
textarea.style2 {
  min-height: 200px;
}

textarea.form-control.style-border,
textarea.style-border {
  padding-top: 12px;
}

.form-group {
  margin-bottom: 20px;
  position: relative;
}

.form-group>i {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 21px;
  font-size: 16px;
  color: var(--body-color);
}

.form-group>i.fa-envelope {
  padding-top: 1px;
}

.form-group>i.fa-comment {
  margin-top: -2px;
}

.form-group>i.fa-chevron-down {
  width: 17px;
  background-color: var(--smoke-color);
}

.form-group.form-icon-left>i {
  display: inline-block;
  position: absolute;
  left: 25px;
  right: auto;
  top: 20px;
  font-size: 16px;
  color: var(--body-color);
  line-height: 1;
}

.form-group.form-icon-left>i.fa-envelope {
  padding-top: 0px;
}

.form-group.form-icon-left>i.fa-comment {
  margin-top: -2px;
}

.form-group.form-icon-left>i.fa-chevron-down {
  width: 17px;
  background-color: var(--smoke-color);
}

.form-group.form-icon-left input {
  padding: 0 30px 0 55px;
}

.form-group.has-label>i {
  top: 50px;
}

.form-group.has-icon .form-control {
  padding-left: 70px;
}

.form-group.has-icon .input-icon {
  display: inline-block;
  position: absolute;
  left: 40px;
  top: 18px;
  font-size: 16px;
  color: var(--body-color);
}

.form-group.has-icon .input-icon:hover {
  color: var(--theme-color);
}

.form-group.radius-group input {
  border-radius: 100px;
}

.form-group.style-2 .form-control {
  padding: 0 30px 0 55px;
}

.form-group.style-2 textarea.form-control {
  padding: 16px 30px 30px 55px;
}

.form-group.style-3 .form-control {
  padding: 0 60px 0 30px;
}

.form-group.style-4 i {
  color: var(--theme-color);
}

.form-group.style-4 .form-control {
  padding: 0 30px 0 60px;
  border: 1px solid #e3e1dc;
  height: 60px;
  line-height: 60px;
  color: var(--body-color);
}

.form-group.style-4 .form-control::placeholder {
  color: var(--body-color);
  font-size: 14px;
  font-weight: 300;
}

.form-group.style-4 textarea.form-control {
  line-height: normal;
  padding: 15px 30px 30px 60px;
}

input[type="date"] {
  padding: 0 25px 0 25px;
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  position: absolute;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}

[class*="col-"].form-group>i {
  right: calc(var(--bs-gutter-x) / 2 + 25px);
}

[class*="col-"].form-group .form-icon-left {
  left: calc(var(--bs-gutter-x) / 2 + 30px);
  right: auto;
}

option:checked,
option:focus,
option:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.branding-main-sec {
  padding: 0px;
  margin-bottom: -120px;
}

.app-txt {
  font-size: 18px;
}

.serive-slider-row p {
  font-size: 16px;
}

.branding-row h3 {
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

.tab-app-row .col:after {
  /* content: "PORTFOLIO"; */
  font-size: 70px;
  color: #fff;
  position: absolute;
  right: -20%;
  top: 46%;
  transform: rotate(-90deg);
  font-weight: 700;
}

.tab-app-row .col:before {
  /* content: "PORTFOLIO"; */
  font-size: 70px;
  color: #ffffff00;
  font-weight: bold;
  -webkit-text-stroke-width: 3px;
  stroke-width: 3px;
  -webkit-text-stroke-color: #ffffff;
  font-family: "Roboto";
  stroke: #ffffff;
  position: absolute;
  transform: rotate(-90deg);
  left: -20%;
  top: 46%;
}

input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
  border-radius: 10px;
}

/* input[type="checkbox"]:checked~label:before {
  content: "\f00c";
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
} */
 
input[type="checkbox"]:checked~label:before {
  content: "\f00c";
  color: var(--white-color);
  background-color: black;
  border-color: #8E3DF2;
}

input[type="checkbox"]~label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  display: block;
}

input[type="checkbox"]~label:before {
  content: "";
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 3.5px;
  background-color: var(--white-color);
  border: 1px solid var(--theme-color);
  height: 15px;
  width: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
}

input[type="checkbox"].style2~label {
  color: #8b929c;
  padding-left: 23px;
  margin-bottom: -0.5em;
}

input[type="checkbox"].style2~label:before {
  background-color: white;
  border: 1px solid rgb(247, 204, 215);
  height: 14px;
  width: 14px;
  line-height: 14px;
  border-radius: 3px;
  top: 6px;
}

input[type="checkbox"].style2:checked~label:before {
  color: var(--theme-color);
}

input[type="radio"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}

input[type="radio"]~label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 1;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}

input[type="radio"]~label::before {
  content: "\f111";
  position: absolute;
  font-family: var(--icon-font);
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  padding-left: 0;
  font-size: 0.6em;
  line-height: 19px;
  text-align: center;
  border: 1px solid var(--theme-color);
  border-radius: 100%;
  font-weight: 700;
  background: var(--white-color);
  color: transparent;
  transition: all 0.2s ease;
}

input[type="radio"]:checked~label::before {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  color: var(--white-color);
}

label {
  margin-bottom: 0.5em;
  margin-top: -0.3em;
  display: block;
  color: var(--title-color);
  font-family: var(--body-font);
  font-size: 16px;
}

textarea.is-invalid,
select.is-invalid,
input.is-invalid,
.was-validated input:invalid {
  border: 1px solid var(--error-color) !important;
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}

textarea.is-invalid:focus,
select.is-invalid:focus,
input.is-invalid:focus,
.was-validated input:invalid:focus {
  outline: 0;
  box-shadow: none;
}

textarea.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}

.row.no-gutters>.form-group {
  margin-bottom: 0;
}

.form-messages {
  display: none;
}

.form-messages.mb-0 * {
  margin-bottom: 0;
}

.form-messages.success {
  color: var(--success-color);
  display: block;
}

.form-messages.error {
  color: var(--error-color);
  display: block;
}

.form-messages pre {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

/*------------------- 2.4. Slick Slider -------------------*/
.slick-track>[class*="col"] {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.slick-track {
  min-width: 100%;
}

.slick-list {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.slick-slide img {
  display: inline-block;
}

.slick-dots {
  list-style-type: none;
  padding: 0;
  margin: 54px 0 0px 0;
  line-height: 0;
  text-align: center;
  height: max-content;
}

.slick-dots li {
  display: inline-block;
  margin-right: 12px;
}

.slick-dots li:last-child {
  margin-right: 0;
}

.slick-dots button {
  font-size: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  line-height: 0;
  border-radius: 9999px;
  border: 1px solid var(--title-color);
  background-color: transparent;
  transition: all ease 0.4s;
  position: relative;
}

.slick-dots .slick-active button {
  background-color: var(--title-color);
}

.dot-style2 .slick-dots button {
  border: 1px solid var(--smoke-color);
}

.dot-style2 .slick-dots .slick-active button {
  background-color: var(--smoke-color);
}

.slick-arrow {
  display: inline-block;
  padding: 0;
  background-color: var(--white-color);
  color: var(--title-color);
  position: absolute;
  top: 50%;
  border: none;
  border-radius: 50%;
  right: var(--pos-x, 58px);
  width: var(--icon-size, 80px);
  height: var(--icon-size, 80px);
  line-height: var(--icon-size, 80px);
  font-size: var(--icon-font-size, 18px);
  margin-top: calc(var(--icon-size, 80px) / -1);
  z-index: 2;
  opacity: 1;
}

.slick-arrow.default {
  position: relative;
  --pos-x: 0;
  margin-top: 0;
}

.slick-arrow.slick-prev {
  right: auto;
  left: var(--pos-x, 58px);
}

.slick-arrow:hover {
  opacity: 1;
}

.arrow-margin .slick-arrow {
  top: calc(50% - 30px);
}

@media (max-width: 1200px) {
  .slick-arrow {
    --pos-x: 42px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .slick-arrow {
    --icon-size: 60px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .slick-dots {
    margin: 40px 0 0 0;
  }

  .icon-box .slick-arrow {
    margin-right: 0;
  }
}

.slick-3d-active {
  margin-left: -12%;
  margin-right: -12%;
}

.slick-3d-active .slick-list {
  padding-left: 30% !important;
  padding-right: 30% !important;
}

.slick-3d-active .slick-track {
  max-width: 100% !important;
  transform: translate3d(0, 0, 0) !important;
  perspective: 100px;
}

.slick-3d-active .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100% !important;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
}

.slick-3d-active .slick-3d-next,
.slick-3d-active .slick-3d-prev,
.slick-3d-active .slick-3d-next2,
.slick-3d-active .slick-3d-prev2 {
  display: block;
}

.slick-3d-active .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  z-index: 2;
}

.slick-3d-active .slick-3d-next {
  opacity: 1;
  transform: translate3d(50%, 0, -21px);
  z-index: 1;
  perspective: 1000px;
}

.slick-3d-active .slick-3d-next2 {
  opacity: 1;
  transform: translate3d(40%, 0, -23px);
  z-index: 0;
  perspective: 1000px;
}

.slick-3d-active .slick-3d-prev {
  opacity: 1;
  transform: translate3d(-50%, 0, -21px);
}

.slick-3d-active .slick-3d-prev .testi-card {
  box-shadow: none;
}

.slick-3d-active .slick-3d-prev2 {
  opacity: 1;
  transform: translate3d(-40%, 0, -23px);
}

/*------------------- 2.5. Mobile Menu -------------------*/
.mobile-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  opacity: 0;
  visibility: hidden;
}

.mobile-menu-wrapper .mobile-logo {
  padding: 35px 0px 50px;
  display: block;
  text-align: start;
  background-color: var(--white-color);
}

.mobile-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}

.mobile-menu-wrapper .menu-toggle {
  border: 2px solid var(--title-color);
  font-size: 22px;
  position: absolute;
  right: 20px;
  top: 23px;
  padding: 0;
  line-height: 1;
  width: 50px;
  height: 50px;
  line-height: 48px;
  font-size: 14px;
  z-index: 1;
  color: var(--title-color);
  background-color: transparent;
  border-radius: 50%;
}

.mobile-menu-wrapper .menu-toggle:hover {
  transform: rotate(90deg);
}

.mobile-menu-wrapper .mobile-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: var(--white-color);
  height: 100%;
  position: relative;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  z-index: 1;
  padding: 0 20px;
}

.mobile-menu-wrapper.body-visible {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.mobile-menu-wrapper.body-visible .mobile-menu-area {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.mobile-menu-wrapper .sidebar-wrap {
  margin-bottom: 23px;
}

.mobile-menu-wrapper .sidebar-wrap h6 {
  font-size: 14px;
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 0;
  line-height: 24px;
}

.mobile-menu-wrapper .sidebar-wrap a {
  color: #000;
}

.mobile-menu-wrapper .sidebar-wrap a:hover {
  color: var(--title-color);
}

.mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 25px;
  margin-bottom: 40px;
  text-align: left;
  border-bottom: 2px solid var(--title-color);
}

.mobile-menu::-webkit-scrollbar {
  display: none;
}

.mobile-menu ul {
  margin: 0;
  padding: 5px 0;
}

.mobile-menu ul li {
  list-style-type: none;
}

.mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 8px 0;
  line-height: 1.4;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--title-font);
  color: #000;
  letter-spacing: normal;
  text-transform: capitalize;
}

.mobile-menu ul li.active a {
  font-weight: 600;
}

.mobile-menu ul li.active-class>a {
  color: var(--title-color);
}

.mobile-menu ul li.active-class>a:before {
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.mobile-menu ul li ul li {
  padding-left: 20px;
}

.mobile-menu ul li ul li a {
  font-weight: 400;
  font-family: var(--body-font);
  letter-spacing: normal;
  text-transform: capitalize;
  font-size: 16px;
  padding: 6px 0;
}

.mobile-menu ul li ul li a .mean-expand-class:before {
  font-size: 14px;
}

.mobile-menu ul li ul li:last-child {
  border-bottom: none;
}

.mobile-menu ul .submenu-item-has-children>a .mean-expand-class {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 20px;
  width: 100%;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: end;
  background-color: transparent;
  color: var(--title-color);
  border-radius: 50%;
}

.mobile-menu ul .submenu-item-has-children>a .mean-expand-class:before {
  content: "\f107";
  font-family: var(--icon-font);
  font-weight: 700;
}

.mobile-menu ul .submenu-item-has-children.active-class>a .mean-expand-class:before {
  content: "\f106";
}

.mobile-menu>ul>li:last-child {
  border-bottom: none;
}

@media (max-width: 400px) {
  .mobile-menu-wrapper .mobile-menu-area {
    width: 100%;
    max-width: 270px;
  }
}

/*------------------- 2.5. Desk Menu -------------------*/
.desk-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}

.desk-menu-wrapper .desk-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: var(--white-color);
  border-bottom: 2px solid var(--title-color);
}

.desk-menu-wrapper .desk-logo svg {
  max-width: 185px;
}

.desk-menu-wrapper .menu-toggle2 {
  border: 1px solid var(--white-color);
  font-size: 22px;
  position: absolute;
  right: 48px;
  top: 25px;
  padding: 0;
  line-height: 1;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  z-index: 1;
  color: var(--white-color);
  background-color: var(--title-color);
  border-radius: 50%;
}

.desk-menu-wrapper .menu-toggle2:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}

.desk-menu-wrapper .desk-menu-area {
  width: 100%;
  background-color: var(--title-color);
  border-right: 0;
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
  z-index: 1;
}

.desk-menu-wrapper.body-visible {
  opacity: 1;
  visibility: visible;
}

.desk-menu-wrapper.body-visible .desk-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.desk-menu-wrapper.body-visible .desk-menu-area .desk-menu>ul {
  clip-path: inset(0);
}

.desk-menu {
  overflow-y: scroll;
  max-height: 100vh;
  padding-bottom: 40px;
  margin-top: 0px;
  padding-top: 60px;
  text-align: left;
}

.desk-menu::-webkit-scrollbar {
  display: none;
}

.desk-menu ul {
  margin: 0;
  padding: 0 0;
}

.desk-menu ul:has(.active-class2)>li {
  opacity: 0.5;
}

.desk-menu ul li {
  list-style-type: none;
  transition: 0.4s;
}

.desk-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1.4;
  font-size: 100px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--smoke-color);
  letter-spacing: 1.5px;
  text-transform: capitalize;
}

.desk-menu ul li.active-class2 {
  opacity: 1;
}

.desk-menu ul li.active-class2>a:before {
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.desk-menu ul li ul {
  max-width: 250px;
}

.desk-menu ul li ul li {
  padding-left: 0px;
}

.desk-menu ul li ul li a {
  font-weight: 400;
  font-family: var(--body-font);
  letter-spacing: normal;
  text-transform: capitalize;
  font-size: 20px;
  padding: 8px 0;
}

.desk-menu ul li ul li.menu-item-has-children {
  position: relative;
}

.desk-menu ul li ul li.menu-item-has-children:before,
.desk-menu ul li ul li.menu-item-has-children:after {
  content: "";
  position: absolute;
  top: 21px;
  right: 2px;
  height: 9px;
  width: 2px;
  background: var(--white-color);
  transition: 0.4s;
  transform: rotate(45deg);
  display: inline-block;
  transition: 0.4s;
}

.desk-menu ul li ul li.menu-item-has-children:before {
  transform: rotate(-45deg);
  top: 16px;
}

.desk-menu ul li ul li:last-child {
  border-bottom: none;
}

.desk-menu ul li ul li ul {
  margin-left: 16px;
}

.desk-menu ul .submenu-item-has-children2>a .mean-expand-class2 {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  height: 100%;
  line-height: 25px;
  margin-top: 0px;
  display: inline-block;
  text-align: center;
  background-color: transparent;
  color: var(--title-color);
  border-radius: 50%;
}

.desk-menu ul .submenu-item-has-children2.active-class2>a .mean-expand-class2:before {
  content: "\f068";
}

.desk-menu>ul {
  padding: 0 100px;
  clip-path: inset(0 0 100% 0);
  transition: 1.5s all ease-in-out;
}

.desk-menu>ul>li:last-child {
  border-bottom: none;
}

/* Extra large devices */
@media (max-width: 1500px) {
  .desk-menu ul li a {
    font-size: 80px;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .desk-menu ul li a {
    font-size: 60px;
  }

  .desk-menu {
    padding-top: 40px;
    max-height: calc(100vh - 20px);
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .desk-menu {
    padding-top: 70px;
  }
}

@media (max-width: 400px) {
  .desk-menu-wrapper .desk-menu-area {
    width: 100%;
    max-width: 270px;
  }

  .desk-menu>ul {
    padding: 0 20px;
  }
}

.tgmobile__menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  z-index: 99;
  border-radius: 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform: translateX(101%);
  -moz-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
}

.tgmobile__menu .navbar-collapse {
  display: block !important;
}

.tgmobile__menu .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}

.tgmobile__menu .nav-logo img {
  width: 109px;
}

.tgmobile__menu .nav-logo .logo-light {
  display: none;
}

.tgmobile__menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}

.tgmobile__menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tgmobile__menu .navigation li.current>a::before {
  height: 100%;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  color: var(--title-color);
  background: #efefef;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 5;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 12px;
  height: 2px;
  background-color: var(--title-color);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 2px;
  height: 12px;
  background-color: var(--title-color);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
  background-color: var(--theme-color);
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {
  background-color: var(--white-color);
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {
  display: none;
}

.tgmobile__menu .navigation li>a {
  position: relative;
  display: block;
  line-height: 1.5;
  padding: 10px 60px 10px 25px;
  font-size: 16px;
  font-weight: 500;
  color: var(--title-color);
  text-transform: capitalize;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.tgmobile__menu .navigation li>a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.tgmobile__menu .navigation li ul li>a {
  margin-left: 20px;
}

.tgmobile__menu .navigation li ul li ul li a {
  margin-left: 40px;
}

.tgmobile__menu .navigation li ul li ul li ul li a {
  margin-left: 60px;
}

.tgmobile__menu .navigation li>ul {
  display: none;
}

.tgmobile__menu .navigation li>ul>li>ul {
  display: none;
}

.tgmobile__menu .navigation ul {
  padding: 0;
  margin: 0;
}

.tgmobile__menu .navigation ul li a {
  display: block;
}

.tgmobile__menu .navigation ul li ul li>a {
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.tgmobile__menu .navigation:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tgmobile__menu .navigation>li>ul>li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tgmobile__menu .close-btn {
  position: absolute;
  right: 15px;
  top: 28px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 20px;
  color: var(--theme-color);
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tgmobile__menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
}

.tgmobile__menu .social-links ul {
  display: flex;
  position: relative;
  text-align: center;
  padding: 30px 20px 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.tgmobile__menu .social-links ul li {
  position: relative;
  display: inline-block;
  margin: 0px 6px 10px;
}

.tgmobile__menu .social-links ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: #292b37;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: 1px solid #efefef;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.tgmobile__menu .social-links ul li a:hover {
  border-color: var(--theme-color);
  background: var(--theme-color);
  color: var(--white-color);
}

.tgmobile__menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--white-color);
  padding: 0px 0px;
  z-index: 5;
  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
}

.tgmobile__menu-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
  color: var(--white-color);
  margin-right: 30px;
  top: 15px;
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .tgmobile__menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu-visible .tgmobile__menu-backdrop {
  opacity: 1;
  visibility: visible;
}

.mobile-menu-visible .tgmobile__menu .close-btn {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*=================================
    03. Utilities
==================================*/
/*------------------- 3.1. Preloader -------------------*/
.preloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background-color: var(--title-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-inner {
  display: block;
  width: 45px;
  height: 45px;
}

.preloader-inner span {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  margin: 4px;
  border: 4px solid transparent;
  border-radius: 50%;
  animation: preloader 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--theme-color) transparent transparent transparent;
}

.preloader-inner span:nth-child(1) {
  animation-delay: -0.1s;
}

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

.preloader-inner span:nth-child(3) {
  animation-delay: -0.3s;
}

@-webkit-keyframes preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*------------------- 3.2. Buttons -------------------*/
.link-effect {
  position: relative;
  overflow: hidden;
  display: block;
  height: 24px;
  line-height: normal;
}

.link-effect .effect-1 {
  display: block;
  height: 100%;
  position: relative;
  top: 0%;
  transition: 0.3s;
}

.link-effect:hover .effect-1 {
  top: -100%;
}

.btn {
  position: relative;
  z-index: 2;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-align: center;
  background-color: var(--title-color);
  color: var(--white-color);
  font-family: var(--title-font);
  font-size: 14px;
  font-weight: 600;
  padding: 21.5px 40px;
  border-radius: 0;
  overflow: hidden;
}

.btn:focus,
.btn:hover,
.btn.active {
  color: var(--white-color);
  outline: none;
  box-shadow: none;
}

.btn:hover .effect-1 {
  top: -100%;
}

.btn.style2 {
  background: var(--theme-color);
  color: var(--title-color);
}

.btn.style2:focus,
.btn.style2:hover,
.btn.style2.active {
  color: var(--title-color);
}

.btn.style3 {
  border: 1px solid #4b4d49;
  background: transparent;
  color: var(--white-color);
}

.btn.style3:after,
.btn.style3:before {
  border-top: 25px solid var(--white-color);
  border-bottom: 25px solid var(--white-color);
}

.btn.style3:focus,
.btn.style3:hover,
.btn.style3.active {
  color: var(--title-color);
}

.btn.style4 {
  background: var(--white-color);
  color: var(--theme-color);
}

.btn.style4:hover {
  color: var(--white-color);
}

.btn.style5 {
  border-radius: 0;
  padding: 21px 34px 23px;
  background: var(--title-color);
}

.btn.style5:before {
  border-radius: 0;
  transform: none;
  left: 0;
  width: 0;
}

.btn.style5:hover:before {
  background-color: var(--theme-color);
  width: 100%;
}

.btn.style6 {
  border-radius: 0;
  background: var(--theme-color);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.btn.style6:before {
  border-radius: 0;
  transform: none;
  left: 0;
  width: 0;
}

.btn.style6:hover:before {
  width: 100%;
}

.btn.btn-border {
  color: var(--title-color);
  padding: 19.5px 21px 19.5px 25px;
}

.btn.btn-border:before {
  background: transparent;
  border: 1px solid var(--black-color);
}

.btn.btn-border:active,
.btn.btn-border:focus,
.btn.btn-border:hover {
  color: var(--white-color);
}

.btn.btn-border:active:before,
.btn.btn-border:focus:before,
.btn.btn-border:hover:before {
  background-color: var(--black-color);
}

.btn.btn-border2 {
  color: var(--theme-color);
  padding: 19.5px 40px 19.5px 40px;
}

.btn.btn-border2:before {
  background: transparent;
  border: 1px solid var(--theme-color);
}

.btn.btn-border2:active,
.btn.btn-border2:focus,
.btn.btn-border2:hover {
  color: var(--white-color);
}

.btn.btn-border2:active:before,
.btn.btn-border2:focus:before,
.btn.btn-border2:hover:before {
  background-color: var(--theme-color);
}

.btn.btn-border3 {
  color: var(--white-color);
  padding: 19.5px 21px 19.5px 25px;
}

.btn.btn-border3:before {
  background: transparent;
  border: 1px solid var(--white-color);
}

.btn.btn-border3:active,
.btn.btn-border3:focus,
.btn.btn-border3:hover {
  color: var(--theme-color);
}

.btn.btn-border3:active:before,
.btn.btn-border3:focus:before,
.btn.btn-border3:hover:before {
  background-color: var(--white-color);
}

.btn.btn-border4 {
  color: var(--title-color);
  border: 1px solid var(--title-color);
  border-radius: 0;
  font-family: var(--title-font);
}

.btn.btn-border4:before {
  display: none;
}

.btn.btn-border4:active,
.btn.btn-border4:focus,
.btn.btn-border4:hover {
  color: var(--white-color);
  background: var(--title-color);
}

.btn.style-white {
  background: var(--white-color);
  color: var(--title-color);
}

.btn.style-white:focus,
.btn.style-white:hover,
.btn.style-white.active {
  color: var(--title-color);
}

.btn.style-r0:before {
  border-radius: 0;
}

.btn.btn-fw {
  width: 100%;
}

.btn.btn-fw:before,
.btn.btn-fw:after {
  display: none;
}

.btn.btn-fw:hover {
  background-color: var(--title-color);
}

.btn.circle-btn {
  border-radius: 50%;
  height: 180px;
  width: 180px;
  line-height: 180px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn.circle-btn.style2 .link-effect {
  height: 48px;
}

.btn.circle-btn.style2 .link-effect .effect-1 {
  line-height: 24px;
}

.icon-btn {
  display: inline-block;
  width: var(--btn-size, 46px);
  height: var(--btn-size, 46px);
  line-height: var(--btn-size, 46px);
  font-size: var(--btn-font-size, 16px);
  background-color: var(--theme-color);
  color: var(--white-color);
  text-align: center;
  border-radius: 0px;
  border: none;
  transition: 0.4s ease-in-out;
}

.icon-btn:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}

.icon-btn.btn-border {
  background: transparent;
  border: 2px solid var(--theme-color);
  color: var(--theme-color);
}

.icon-btn.btn-border:hover {
  background: var(--theme-color);
  color: var(--white-color);
}

.play-btn {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.play-btn>i {
  display: inline-block;
  width: var(--icon-size, 110px);
  height: var(--icon-size, 110px);
  line-height: var(--icon-size, 110px);
  text-align: center;
  background-color: var(--white-color);
  border: 1px solid rgba(199, 134, 101, 0.2);
  color: var(--theme-color);
  font-size: var(--icon-font-size, 30px);
  border-radius: 50%;
  z-index: 1;
  transition: all ease 0.4s;
}

.play-btn:after,
.play-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white-color);
  border: 0;
  z-index: -1;
  border-radius: 50%;
  transition: all ease 0.4s;
}

.play-btn:after {
  animation-delay: 2s;
}

.play-btn:hover i {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.play-btn.style2:before,
.play-btn.style2:after {
  background-color: transparent;
  border: 1px solid var(--white-color);
}

.play-btn.style3>i {
  background-color: var(--theme-color);
  color: var(--white-color);
  font-size: 20px;
}

.play-btn.style3:before,
.play-btn.style3:after {
  background-color: var(--white-color);
}

.play-btn.style3:hover>i {
  background-color: var(--white-color);
  color: var(--theme-color);
}

.link-btn {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  display: inline-block;
  line-height: 0.8;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: var(--title-color);
  display: inline-flex;
  gap: 10px;
  text-decoration: none;
}

.link-btn i {
  font-size: 0.9rem;
}

.link-btn:after,
.link-btn:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--title-color);
  transition: all ease 0.4s;
}

.link-btn:after {
  width: 0;
  left: 0;
  transition: all ease 0.8s;
}

.link-btn:hover {
  color: var(--title-color);
}

.link-btn:hover::before {
  width: 0;
}

.link-btn:hover:after {
  width: 100%;
}

.link-btn:hover .effect-1 {
  top: -100%;
}

.link-btn.style2 {
  font-weight: 500;
  font-family: var(--body-font);
  color: var(--title-color);
  display: inline-flex;
  text-transform: capitalize;
}

.link-btn.style2:before {
  background-color: var(--title-color);
  bottom: -3px;
  left: 0px;
  height: 1px;
  width: 100%;
}

.link-btn.style2:hover {
  color: var(--theme-color);
}

.link-btn.style2:hover:before {
  background-color: var(--theme-color);
  width: calc(100% - 55px);
}

.link-btn.text-theme:before,
.link-btn.text-theme:after {
  background: var(--theme-color);
}

.link-btn.text-theme img {
  filter: brightness(99);
}

.link-btn2 {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--white-color);
  padding: 0;
}

.line-btn {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  line-height: 0.8;
  position: relative;
  padding-bottom: 4px;
  margin-bottom: -1px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.line-btn i {
  margin-left: 5px;
  font-size: 0.9rem;
}

.line-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color);
  transition: all ease 0.4s;
}

.line-btn:hover {
  color: var(--title-color);
}

.line-btn:hover::before {
  background-color: var(--title-color);
  width: 45px;
}

.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 10000;
  opacity: 1;
  visibility: hidden;
  transform: translateY(45px);
  transition: all 300ms linear;
}

/*.scroll-top:after {
  content: "\f062";
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: var(--title-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.04);
}*/

.scroll-top:after {
  content: "\f062";
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: var(--title-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  border-radius: 50%;
  box-shadow: 0px -1px 0 2px #ed1c24;
}

.scroll-top svg {
  color: var(--title-color);
  border-radius: 50%;
  background: #000;
}

.scroll-top svg path {
  fill: none;
}

.scroll-top .progress-circle path {
  stroke: var(--title-color);
  stroke-width: 4px;
  box-sizing: border-box;
  transition: all 400ms linear;
}

.scroll-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Small devices */
@media (max-width: 767px) {
  .play-btn {
    --icon-size: 70px;
    --icon-font-size: 24px;
  }

  .btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 17px 25px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .scroll-top {
    right: 15px;
    bottom: 15px;
    height: 40px;
    width: 40px;
  }

  .scroll-top:after {
    line-height: 40px;
    font-size: 16px;
    height: 40px;
    width: 40px;
  }

  .btn {
    padding: 15.5px 20px;
    font-size: 12px;
    font-weight: 500;
  }

  .btn.circle-btn {
    height: 120px;
    width: 120px;
    line-height: 120px;
  }
}

body.bg-title .scroll-top svg {
  color: var(--white-color);
}

body.bg-title .scroll-top svg path {
  stroke: var(--theme-color);
}

body.bg-title .scroll-top::after {
  color: var(--white-color);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

/*------------------- 3.3. Titles -------------------*/
.sec-title {
  margin-bottom: calc(var(--section-title-space) - 43px);
  margin-top: -0.18em;
  font-weight: 600;
  letter-spacing: -1.8px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .sec-title {
    letter-spacing: normal;
  }
}

.sub-title {
  color: var(--theme-color);
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  font-weight: 500;
  font-family: var(--body-font);
  letter-spacing: 1.4px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  margin-top: -0.4em;
}

.sub-title:after {
  content: "";
  position: relative;
  height: 1px;
  width: 50px;
  display: inline-block;
  background: var(--theme-color);
  margin-left: 10px;
}

.sub-title.style2 {
  display: block;
  letter-spacing: 4.2px;
  margin-top: -0.4em;
}

.sub-title.style2:after {
  display: none;
}

.box-title {
  font-size: 24px;
  line-height: 1.417;
  font-weight: 600;
  margin-top: -0.3em;
}

.box-title a {
  color: inherit;
}

.box-title a:hover {
  color: var(--theme-color);
}

.sec-text {
  font-size: 18px;
  margin-top: 30px;
  line-height: 1.667;
  margin-bottom: 0;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .sec-text {
    font-size: 16px;
  }
}


.title-area {
  margin-bottom: calc(var(--section-title-space) - 17px);
  position: relative;
  z-index: 2;
}

.title-area.mb-0 .sec-title {
  margin-bottom: 17px;
}

.title-area .btn {
  margin-top: 36px;
}

.title-area .checklist {
  margin-top: 30px;
}

.white-title {
  color: #fff;
  font-weight: 700;
  position: relative;
  padding-bottom: 9px;
  margin-bottom: 19px;
}

.white-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  height: 2px;
  width: 50px;
}

.page-title {
  font-size: 40px;
  font-weight: 500;
  margin-top: -0.3em;
}

.page-subtitle {
  font-size: 30px;
  font-weight: 500;
}

.shadow-text {
  font-size: 120px;
  font-weight: 500;
  font-family: var(--title-font);
  color: rgba(0, 0, 0, 0.03);
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .sec-title {
    font-size: 45px;
    line-height: 1.2;
  }

  .sec-text {
    margin-top: 0px;
  }

  .shadow-text {
    font-size: 100px;
  }
}

/* Large devices */
@media (max-width: 1199px) {

  .title-area,
  .sec-title {
    --section-title-space: 60px;
  }

  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 36px;
  }

  .title-area.mb-50,
  .sec-title.mb-50 {
    margin-bottom: 40px;
  }

  .sec-btn,
  .title-line {
    --section-title-space: 55px;
  }

  .sec-text {
    font-size: 16px;
  }

  .shadow-text {
    font-size: 80px;
  }
}

/* Medium devices */
@media (max-width: 991px) {

  .title-area,
  .sec-title {
    --section-title-space: 50px;
  }

  .title-area.mb-45,
  .sec-title.mb-45 {
    margin-bottom: 35px;
  }

  .sec-btn,
  .title-line {
    --section-title-space: 50px;
  }

  .sub-title {
    font-size: 14px;
  }

  .shadow-text {
    font-size: 70px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .sec-title {
    font-size: 32px;
  }

  .shadow-text {
    font-size: 50px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .shadow-text {
    display: none;
  }
}

@media (max-width: 390px) {
  .sec-title {
    font-size: 30px;
  }
}

.sec_title_static {
  position: absolute;
  height: 100%;
  display: block;
}

.sec_title_static .sec_title_wrap {
  position: sticky;
  top: 150px;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: auto;
}

/* Large devices */
@media (max-width: 1199px) {
  .sec_title_static {
    position: initial;
    height: auto;
    text-align: center;
    margin-bottom: 40px;
  }
}

/*------------------- 3.4. Common -------------------*/
.shape-mockup-wrap {
  z-index: 2;
  position: relative;
}

.shape-mockup {
  position: absolute;
  z-index: -1;
}

.shape-mockup.z-index-3 {
  z-index: 3;
}

.z-index-step1 {
  position: relative;
  z-index: 4 !important;
}

.z-index-common {
  position: relative;
  z-index: 3;
}

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

.z-index-n1 {
  z-index: -1;
}

.media-body {
  flex: 1;
}

.style-italic {
  font-style: italic;
}

.badge {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 0.2em 0.45em;
  font-size: 0.6em;
  border-radius: 50%;
  top: 7px;
  left: 12px;
  font-weight: 400;
  transition: 0.3s ease-in-out;
}

.social-btn {
  display: flex;
  gap: 10px;
}

.social-btn a {
  height: var(--icon-size, 48px);
  width: var(--icon-size, 48px);
  line-height: 48px;
  display: inline-block;
  color: var(--title-color);
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  border: 1px solid var(--smoke-color);
  background: var(--smoke-color);
}

.social-btn a:hover {
  background: var(--title-color);
  color: var(--white-color);
  border-color: var(--title-color);
}

.social-btn.style2 {
  gap: 25px;
}

.social-btn.style2 .link-effect {
  height: 25px;
}

.social-btn.style2 a {
  background: transparent;
  width: auto;
  height: auto;
  line-height: normal;
  border-radius: 0;
  color: var(--white-color);
  border: 0;
  font-size: 20px;
}

.social-btn.style2 a:hover {
  background: transparent;
  color: var(--theme-color);
}

.social-btn.style3 {
  gap: 20px;
}

.social-btn.style3 .link-effect {
  height: 25px;
}

.social-btn.style3 a {
  background: transparent;
  width: auto;
  height: auto;
  line-height: normal;
  border-radius: 0;
  color: var(--title-color);
  border: 0;
  font-size: 20px;
}

.social-btn.style3 a:hover {
  background: transparent;
  color: var(--title-color);
}

.social-btn.style4 a {
  --icon-size: 50px;
  line-height: 50px;
  font-size: 16px;
  background: transparent;
  color: var(--white-color);
  border-color: #4b4d49;
}

.social-btn.style4 a:hover {
  background: #4b4d49;
}

.social-btn.color-theme a {
  color: var(--body-color);
  border-color: var(--theme-color);
}

.global-carousel.slider-shadow .slick-list {
  padding: 30px 0px 40px 0px !important;
  margin: -30px 0px -40px 0px;
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.btn-group .btn {
  border-radius: 0;
  flex: none;
}

.btn-group.style2 {
  gap: 20px 70px;
  /* Small devices */
}

@media (max-width: 767px) {
  .btn-group.style2 {
    gap: 20px 30px;
  }
}

/*******Magnific Image*******/
.mfp-zoom-in .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.7;
}

.mfp-zoom-in.mfp-removing .mfp-content {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/*video jarallax*********/
.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax>.jarallax-img,
picture.jarallax-img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/*------------------- 3.6. Font -------------------*/
.font-icon {
  font-family: var(--icon-font);
}

.font-title {
  font-family: var(--title-font);
}

.font-body {
  font-family: var(--body-font);
}

.fw-extralight {
  font-weight: 100;
}

.fw-light {
  font-weight: 300;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700;
}

.fw-extrabold {
  font-weight: 800;
}

.fs-md {
  font-size: 18px;
}

.fs-xs {
  font-size: 14px;
}

.text-underline {
  text-decoration: underline;
}

/*------------------- 3.7. Background -------------------*/
.bg-theme {
  background-color: var(--theme-color) !important;
}

.bg-theme2 {
  background-color: var(--theme-color) !important;
}

.bg-smoke {
  background-color: var(--smoke-color) !important;
}

.bg-smoke2 {
  background-color: var(--smoke-color2) !important;
}

.bg-smoke3 {
  background-color: var(--smoke-color3) !important;
}

.bg-smoke4 {
  background-color: var(--smoke-color4) !important;
}

.bg-smoke5 {
  background-color: var(--smoke-color5) !important;
}

.bg-white {
  background-color: var(--white-color) !important;
}

.bg-black {
  background-color: var(--black-color) !important;
}

.bg-gray {
  background-color: var(--gray-color) !important;
}

.bg-title {
  background-color: var(--title-color) !important;
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-fluid {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.bg-auto {
  background-size: auto auto;
}

.bg-top-center {
  background-size: auto;
  background-position: top center;
}

.bg-repeat {
  background-size: auto;
  background-repeat: repeat;
}

/*------------------- 3.8. Text Color -------------------*/
.text-theme {
  color: var(--theme-color) !important;
}

.text-theme2 {
  color: var(--theme-color) !important;
}

.text-title {
  color: var(--title-color) !important;
}

.text-body {
  color: var(--body-color) !important;
}

.text-white {
  color: var(--white-color) !important;
}

.text-smoke {
  color: var(--smoke-color) !important;
}

.text-light {
  color: var(--light-color) !important;
}

.text-yellow {
  color: var(--yellow-color) !important;
}

.text-success {
  color: var(--success-color) !important;
}

.text-error {
  color: var(--error-color) !important;
}

.text-inherit {
  color: inherit;
}

.text-inherit:hover {
  color: var(--theme-color);
}

a.text-theme:hover,
.text-reset:hover {
  text-decoration: none;
}

/*------------------- 3.9. Overlay -------------------*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.position-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

[data-overlay] {
  position: relative;
  z-index: 2;
}

[data-overlay] [class^="col-"],
[data-overlay] [class*="col-"] {
  z-index: 1;
}

[data-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

[data-overlay="theme"]:before {
  background-color: var(--theme-color);
}

[data-overlay="title"]:before {
  background-color: var(--title-color);
}

[data-overlay="white"]:before {
  background-color: var(--white-color);
}

[data-overlay="black"]:before {
  background-color: var(--black-color);
}

[data-overlay="overlay1"]:before {
  background-color: #131b23;
}

[data-opacity="1"]:before {
  opacity: 0.1;
}

[data-opacity="2"]:before {
  opacity: 0.2;
}

[data-opacity="3"]:before {
  opacity: 0.3;
}

[data-opacity="4"]:before {
  opacity: 0.4;
}

[data-opacity="5"]:before {
  opacity: 0.5;
}

[data-opacity="6"]:before {
  opacity: 0.6;
}

[data-opacity="7"]:before {
  opacity: 0.7;
}

[data-opacity="8"]:before {
  opacity: 0.8;
}

[data-opacity="9"]:before {
  opacity: 0.9;
}

[data-opacity="10"]:before {
  opacity: 1;
}

/*------------------- 3.10. Animation -------------------*/
.ripple-animation,
.play-btn:after,
.play-btn:before {
  animation-duration: var(--ripple-ani-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-name: ripple;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}

.movingX {
  animation: movingX 8s linear infinite;
}

@keyframes movingX {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(50px);
  }

  100% {
    transform: translateX(0);
  }
}

.moving {
  animation: moving 8s linear infinite;
}

@keyframes moving {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-50px);
  }

  100% {
    transform: translateX(0);
  }
}

.jump {
  animation: jumpAni 7s linear infinite;
}

.jump1 {
  animation: jumpAni 6s linear infinite;
}

.jump2 {
  animation: jumpAni 5s linear infinite;
}

.jump3 {
  animation: jumpAni 4s linear infinite;
}

@keyframes jumpAni {
  0% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  100% {
    transform: translateY(0);
  }
}

.jump-reverse {
  animation: jumpReverseAni 7s linear infinite;
}

@keyframes jumpReverseAni {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0);
  }
}

.spin {
  animation: spin 15s linear infinite;
}

.spin-slow {
  animation: spin 50s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.scalein.slider-animated {
  --animation-name: scalein;
}

.slidetopleft.slider-animated {
  --animation-name: slidetopleft;
}

.slidebottomright.slider-animated {
  --animation-name: slidebottomright;
}

.slideinleft.slider-animated {
  --animation-name: slideinleft;
}

.slideinright.slider-animated {
  --animation-name: slideinright;
}

.slideinup.slider-animated {
  --animation-name: slideinup;
}

.slideindown.slider-animated {
  --animation-name: slideindown;
}

.rollinleft.slider-animated {
  --animation-name: rollinleft;
}

.rollinright.slider-animated {
  --animation-name: rollinright;
}

.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
  opacity: 0;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-name: var(--animation-name);
}

.slider-animated {
  opacity: 1;
}

@keyframes slideinup {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes slideinright {
  0% {
    opacity: 0;
    transform: translateX(70px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideindown {
  0% {
    opacity: 0;
    transform: translateY(-70px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes slideinleft {
  0% {
    opacity: 0;
    transform: translateX(-70px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slidebottomright {
  0% {
    opacity: 0;
    transform: translateX(100px) translateY(100px);
  }

  100% {
    transform: translateX(0) translateY(0);
  }
}

@keyframes slidetopleft {
  0% {
    opacity: 0;
    transform: translateX(-100px) translateY(-100px);
  }

  100% {
    transform: translateX(0) translateY(0);
  }
}

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

  to {
    transform: rotate(360deg);
  }

  0% {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
  }

  75% {
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-bottom-color: transparent;
  }

  100% {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
  }
}

/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_archive ul,
.widget_price_filter ul,
.wp-block-page-list ul,
.widget_categories ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}

.widget_nav_menu .menu,
.widget_nav_menu>ul,
.widget_meta .menu,
.widget_meta>ul,
.widget_pages .menu,
.widget_pages>ul,
.widget_archive .menu,
.widget_archive>ul,
.widget_price_filter .menu,
.widget_price_filter>ul,
.wp-block-page-list .menu,
.wp-block-page-list>ul,
.widget_categories .menu,
.widget_categories>ul {
  margin: -3px 0 0px 0;
}

.widget_nav_menu a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.widget_price_filter a,
.wp-block-page-list a,
.widget_categories a {
  display: block;
  border: none;
  margin: 0 0px 12px 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: 300;
  font-family: var(--body-font);
  line-height: 1.313;
  color: var(--title-color);
  position: relative;
  display: flex;
  align-items: center;
}

.widget_nav_menu a:before,
.widget_meta a:before,
.widget_pages a:before,
.widget_archive a:before,
.widget_price_filter a:before,
.wp-block-page-list a:before,
.widget_categories a:before {
  content: "";
  position: relative;
  height: 18px;
  width: 18px;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  margin-right: 14px;
}

.widget_nav_menu a:after,
.widget_meta a:after,
.widget_pages a:after,
.widget_archive a:after,
.widget_price_filter a:after,
.wp-block-page-list a:after,
.widget_categories a:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: var(--theme-color);
  transition: 0.4s;
  opacity: 0;
}

.widget_nav_menu a i,
.widget_meta a i,
.widget_pages a i,
.widget_archive a i,
.widget_price_filter a i,
.wp-block-page-list a i,
.widget_categories a i {
  margin-right: 12px;
  transition: 0.4s all;
}

.widget_nav_menu a.active,
.widget_nav_menu a:hover,
.widget_meta a.active,
.widget_meta a:hover,
.widget_pages a.active,
.widget_pages a:hover,
.widget_archive a.active,
.widget_archive a:hover,
.widget_price_filter a.active,
.widget_price_filter a:hover,
.wp-block-page-list a.active,
.wp-block-page-list a:hover,
.widget_categories a.active,
.widget_categories a:hover {
  color: var(--theme-color);
}

.widget_nav_menu a.active i,
.widget_nav_menu a:hover i,
.widget_meta a.active i,
.widget_meta a:hover i,
.widget_pages a.active i,
.widget_pages a:hover i,
.widget_archive a.active i,
.widget_archive a:hover i,
.widget_price_filter a.active i,
.widget_price_filter a:hover i,
.wp-block-page-list a.active i,
.wp-block-page-list a:hover i,
.widget_categories a.active i,
.widget_categories a:hover i {
  color: var(--theme-color);
  opacity: 1;
}

.widget_nav_menu a.active~span,
.widget_nav_menu a:hover~span,
.widget_meta a.active~span,
.widget_meta a:hover~span,
.widget_pages a.active~span,
.widget_pages a:hover~span,
.widget_archive a.active~span,
.widget_archive a:hover~span,
.widget_price_filter a.active~span,
.widget_price_filter a:hover~span,
.wp-block-page-list a.active~span,
.wp-block-page-list a:hover~span,
.widget_categories a.active~span,
.widget_categories a:hover~span {
  color: var(--theme-color);
}

.widget_nav_menu a.active:after,
.widget_nav_menu a:hover:after,
.widget_meta a.active:after,
.widget_meta a:hover:after,
.widget_pages a.active:after,
.widget_pages a:hover:after,
.widget_archive a.active:after,
.widget_archive a:hover:after,
.widget_price_filter a.active:after,
.widget_price_filter a:hover:after,
.wp-block-page-list a.active:after,
.wp-block-page-list a:hover:after,
.widget_categories a.active:after,
.widget_categories a:hover:after {
  opacity: 1;
}

.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_archive li,
.widget_price_filter li,
.wp-block-page-list li,
.widget_categories li {
  display: block;
  position: relative;
}

.widget_nav_menu li>span,
.widget_meta li>span,
.widget_pages li>span,
.widget_archive li>span,
.widget_price_filter li>span,
.wp-block-page-list li>span,
.widget_categories li>span {
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0px;
  background: transparent;
  border-radius: 0;
  height: auto;
  width: auto;
  line-height: initial;
  text-align: center;
  color: var(--body-color);
  transition: all ease 0.4s;
}

.widget_nav_menu li:last-child a,
.widget_meta li:last-child a,
.widget_pages li:last-child a,
.widget_archive li:last-child a,
.widget_price_filter li:last-child a,
.wp-block-page-list li:last-child a,
.widget_categories li:last-child a {
  margin-bottom: -5px;
  padding-bottom: 0;
  border-bottom: 0;
}

.widget_nav_menu .wp-block-navigation__submenu-container,
.widget_nav_menu .sub-menu,
.widget_nav_menu .children,
.widget_meta .wp-block-navigation__submenu-container,
.widget_meta .sub-menu,
.widget_meta .children,
.widget_pages .wp-block-navigation__submenu-container,
.widget_pages .sub-menu,
.widget_pages .children,
.widget_archive .wp-block-navigation__submenu-container,
.widget_archive .sub-menu,
.widget_archive .children,
.widget_price_filter .wp-block-navigation__submenu-container,
.widget_price_filter .sub-menu,
.widget_price_filter .children,
.wp-block-page-list .wp-block-navigation__submenu-container,
.wp-block-page-list .sub-menu,
.wp-block-page-list .children,
.widget_categories .wp-block-navigation__submenu-container,
.widget_categories .sub-menu,
.widget_categories .children {
  margin-left: 10px;
}

.widget_nav_menu .wp-block-navigation__submenu-container li a,
.widget_nav_menu .sub-menu li a,
.widget_nav_menu .children li a,
.widget_meta .wp-block-navigation__submenu-container li a,
.widget_meta .sub-menu li a,
.widget_meta .children li a,
.widget_pages .wp-block-navigation__submenu-container li a,
.widget_pages .sub-menu li a,
.widget_pages .children li a,
.widget_archive .wp-block-navigation__submenu-container li a,
.widget_archive .sub-menu li a,
.widget_archive .children li a,
.widget_price_filter .wp-block-navigation__submenu-container li a,
.widget_price_filter .sub-menu li a,
.widget_price_filter .children li a,
.wp-block-page-list .wp-block-navigation__submenu-container li a,
.wp-block-page-list .sub-menu li a,
.wp-block-page-list .children li a,
.widget_categories .wp-block-navigation__submenu-container li a,
.widget_categories .sub-menu li a,
.widget_categories .children li a {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0px 19px 0px;
  padding: 0px 0px 20px;
}

.widget_nav_menu a,
.widget_meta a,
.widget_pages a {
  padding-right: 20px;
}

.widget_nav_menu .sub-menu {
  margin-left: 10px;
}

.wp-block-page-list {
  padding: 0;
  margin: -3px 0 0px 0;
}

.product_list_widget .star-rating {
  width: auto;
  font-size: 12px;
}

.product_list_widget li a {
  color: var(--title-color);
}

.product_list_widget li a:hover {
  color: var(--theme-color);
}

.product_list_widget li:last-child {
  padding-bottom: 0 !important;
}

.wp-block-archives {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.wp-block-archives a:not(:hover) {
  color: inherit;
}

.blog-single ul.wp-block-archives li {
  margin: 5px 0;
}

.widget {
  margin-bottom: 30px;
  position: relative;
  padding: var(--widget-padding-x, 40px);
  background: var(--white-color);
  border: 1px solid #e3e5de;
  border-radius: 0px;
}

.widget[data-overlay]:before {
  z-index: -1;
}

.widget_title {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  font-family: var(--title-font);
  line-height: 1em;
  margin: -0.12em 0 47px 0;
}

.widget.widget_search {
  padding: 0;
  border: 0;
}

.widget .search-form {
  position: relative;
  display: flex;
}

.widget .search-form input {
  background: var(--white-color);
  border: 1px solid #e3e5de;
  flex: 1;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 400;
  border-radius: 0px;
  padding: 0 60px 0 30px;
}

.widget .search-form input::placeholder {
  color: var(--body-color);
}

.widget .search-form button {
  position: absolute;
  right: 0px;
  top: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
  color: var(--white-color);
  display: inline-block;
  height: 55px;
  width: 55px;
  line-height: 55px;
  border-radius: 0px;
}

.widget .search-form:hover button {
  color: var(--title-color);
}

.widget-author {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

.widget-author .widget-author-thumb {
  margin-bottom: 30px;
}

.widget-author .widget_title {
  font-size: 30px;
  margin-bottom: 4px;
}

.widget-author .widget_title:after {
  display: none;
}

.widget-author .widget-author-desig {
  font-size: 18px;
  font-weight: 400;
  font-family: var(--title-font);
  color: var(--body-color);
  display: block;
}

.widget-author .social-btn {
  display: inline-flex;
  margin-top: 22px;
}

.wp-block-tag-cloud,
.tagcloud {
  margin-right: -3px;
  margin-bottom: -10px;
}

.wp-block-tag-cloud a,
.tagcloud a {
  display: inline-block;
  border: 1px solid #e3e5de;
  font-size: 13px !important;
  font-weight: 500;
  font-family: var(--body-font);
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  padding: 0px 21px;
  margin-right: 5px;
  margin-bottom: 10px;
  color: var(--body-color);
  background-color: var(--white-color);
  border-radius: 0px;
}

.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
  background-color: var(--title-color);
  color: var(--white-color) !important;
  border-color: var(--title-color);
}

.widget_gallery .insta-feed {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.widget_gallery a {
  position: relative;
  border-radius: 0px;
  display: inline-block;
  flex: none;
}

.widget_gallery a img {
  border-radius: 0px;
  width: 100%;
}

.widget_gallery a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--theme-color);
  border-radius: 0px;
  transition: 0.4s;
  opacity: 0;
}

.widget_gallery a i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  transition: 0.4s;
  color: var(--white-color);
  font-size: 20px;
}

.widget_gallery a:hover i {
  opacity: 1;
}

.widget_gallery a:hover:after {
  opacity: 0.7;
}

.base {
  border-radius: 6px;
  position: absolute;
  left: 1302px;
  top: 2098px;
  width: 80px;
  height: 78px;
  z-index: 209;
}

.recent-post {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  background: transparent;
  border-radius: 6px;
  transition: 0.4s;
}

.recent-post:last-child {
  margin-bottom: 0px;
  border: 0;
}

.recent-post .media-img {
  margin-right: 20px;
  width: 85px;
  overflow: hidden;
  border-radius: 0px;
}

.recent-post .media-img img {
  width: 100%;
  border-radius: 0px;
  transition: 0.4s ease-in-out;
}

.recent-post .post-title {
  font-weight: 500;
  font-size: 20px;
  margin: 6px 0 0;
  font-family: var(--title-font);
  text-transform: capitalize;
}

.recent-post .recent-post-meta {
  margin-bottom: -2px;
}

.recent-post .recent-post-meta a {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--body-font);
  color: var(--body-color);
  margin-bottom: 0px;
  display: block;
}

.recent-post .recent-post-meta a i {
  margin-right: 3px;
  transition: 0.4s;
}

.recent-post .recent-post-meta a:hover {
  color: var(--theme-color);
}

.recent-post .recent-post-meta a:hover i {
  color: var(--theme-color);
}

.recent-post:hover .media-img img {
  transform: scale(1.1);
}

.widget-project-details {
  background: rgba(199, 134, 101, 0.08);
  border: 0;
  margin-bottom: 0;
}

.widget-project-details .widget_title {
  margin-bottom: 30px;
}

.widget-project-details .widget_title:after {
  display: none;
}

.widget-project-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-project-details ul li {
  display: flex;
  gap: 20px;
  align-items: center;
}

.widget-project-details ul li:not(:last-child) {
  border-bottom: 1px solid #eedfd7;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.widget-project-details ul li .icon {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  background: var(--white-color);
  text-align: center;
  color: var(--theme-color);
}

.widget-project-details ul li .title {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  margin-bottom: -1px;
  margin-top: -0.6em;
}

.widget-project-details ul li h6 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: -0.3em;
}

/*Price Filter --------------*/
.price_slider_wrapper {
  margin-top: 0;
}

.price_slider_wrapper .price_label {
  margin-bottom: -0.6em;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.price_slider_wrapper .price_label span {
  display: inline-block;
  color: var(--body-color);
}

.price_slider_wrapper .ui-slider {
  height: 6px;
  position: relative;
  width: 100%;
  background-color: var(--title-color);
  border: none;
  margin-top: 10px;
  margin-bottom: 20px;
  cursor: pointer;
  border-radius: 0;
}

.price_slider_wrapper .ui-slider-range {
  border: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  display: block;
  background-color: var(--title-color);
}

.price_slider_wrapper .ui-slider-handle {
  width: 22px;
  height: 22px;
  border-radius: 0;
  text-align: center;
  line-height: 10.5px;
  padding: 0;
  border: none;
  cursor: pointer;
  position: absolute;
  margin-top: -7px;
  z-index: 2;
  background-color: var(--title-color);
  border: 3px solid var(--white-color);
  transform: translateX(-1px);
}

.price_slider_wrapper .ui-slider-handle:focus {
  outline: none;
}

.price_slider_wrapper .ui-slider-handle:before {
  content: "";
  position: absolute;
  background-color: var(--title-color);
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.price_slider_wrapper .ui-slider-handle:last-child {
  transform: translateX(-9px);
}

.price_slider_wrapper button,
.price_slider_wrapper .button {
  background: transparent;
  color: var(--title-color);
  font-weight: 600;
  line-height: 1.6;
  text-transform: capitalize;
  text-align: center;
  border-radius: 50px;
  border: none;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 2;
  padding: 0;
  font-size: 16px;
  transition: 0.4s ease-in;
  margin-left: auto;
}

.price_slider_wrapper button:hover,
.price_slider_wrapper .button:hover {
  color: var(--theme-color);
}

.price_slider_wrapper button:hover:after,
.price_slider_wrapper button:hover:before,
.price_slider_wrapper .button:hover:after,
.price_slider_wrapper .button:hover:before {
  display: none;
}

.product_list_widget .recent-post {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: none;
}

.product_list_widget .recent-post:last-child {
  margin-bottom: 0;
}

.product_list_widget .recent-post .media-img {
  width: 65px;
  margin-right: 15px;
  flex: none;
}

.product_list_widget .recent-post .recent-post-meta a {
  font-size: 12px;
  margin-top: -7px;
}

.product_list_widget .recent-post .post-title,
.product_list_widget .recent-post-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 7px;
  margin-top: -4px;
}

.product_list_widget .recent-post .post-title a,
.product_list_widget .recent-post-title a {
  color: inherit;
}

.product_list_widget .recent-post .post-title a:hover,
.product_list_widget .recent-post-title a:hover {
  color: var(--theme-color);
}

.product_list_widget .star-rating {
  font-size: 12px;
  margin-bottom: 0px;
}

.sidebar-area select,
.sidebar-area input {
  background-color: var(--white-color);
  border: 1px solid var(--border-color);
}

.widget_shopping_cart .widget_title {
  margin-bottom: 40px;
  border-bottom: none;
  color: var(--white-color);
  padding-bottom: 30px;
  border-bottom: 2px solid var(--white-color);
}

.widget_shopping_cart ul {
  margin: 0;
  padding: 0;
}

.widget_shopping_cart ul li {
  list-style-type: none;
}

.widget_shopping_cart .mini_cart_item {
  position: relative;
  padding: 3px 30px 30px 129px;
  margin-bottom: 0;
  text-align: left;
}

.widget_shopping_cart .cart_list a:not(.remove) {
  display: block;
  font-size: 20px;
  font-weight: 500;
  font-family: var(--title-font);
  font-weight: 600;
  color: var(--white-color);
  margin-bottom: 5px;
}

.widget_shopping_cart .cart_list a:not(.remove):hover {
  color: var(--theme-color);
}

.widget_shopping_cart .cart_list a.remove {
  position: absolute;
  top: 18px;
  left: auto;
  right: 0;
  transform: translateY(-50%);
  color: #858580;
}

.widget_shopping_cart .cart_list a.remove:hover {
  color: var(--theme-color);
}

.widget_shopping_cart .cart_list img {
  width: 100px;
  height: 108px;
  position: absolute;
  left: 0;
  top: 0;
}

.widget_shopping_cart .quantity {
  display: block;
  white-space: nowrap;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #858580;
  margin-top: 21px;
}

.widget_shopping_cart .total {
  margin-top: 28px;
  font-size: 14px;
  font-weight: 600;
  color: var(--white-color);
  font-family: var(--title-font);
  display: flex;
  align-items: center;
  border-bottom: 2px solid var(--white-color);
  padding-bottom: 22px;
  margin-bottom: 40px;
}

.widget_shopping_cart .total strong {
  font-family: var(--title-font);
  margin-right: auto;
}

.widget_shopping_cart .total .amount {
  font-weight: 600;
}

.widget_shopping_cart .amount {
  padding-left: 5px;
  color: #f6f5f3;
  font-size: 18px;
  font-weight: 400;
}

.widget_schedule ul {
  padding: 0;
  margin: 0;
  margin-bottom: -10px;
}

.widget_schedule ul li {
  list-style: none;
  background: #ffffff;
  border: 1px solid rgba(237, 237, 237, 0.89);
  box-shadow: 0px 16px 51px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  margin-bottom: 15px;
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
}

.widget_schedule ul li i {
  margin-right: 6px;
}

.widget_schedule ul li.unavailable {
  color: var(--theme-color);
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
  padding: 10px;
}

.wp-block-calendar,
.calendar_wrap {
  position: relative;
  background-color: #fff;
  padding-bottom: 0;
  border: none;
}

.wp-block-calendar span[class*="wp-calendar-nav"],
.calendar_wrap span[class*="wp-calendar-nav"] {
  position: absolute;
  top: 9px;
  left: 20px;
  font-size: 14px;
  color: var(--white-color);
  font-weight: 400;
  z-index: 1;
  line-height: 1.7;
}

.wp-block-calendar span[class*="wp-calendar-nav"] a,
.calendar_wrap span[class*="wp-calendar-nav"] a {
  color: inherit;
}

.wp-block-calendar span.wp-calendar-nav-next,
.calendar_wrap span.wp-calendar-nav-next {
  left: auto;
  right: 20px;
}

.wp-block-calendar caption,
.calendar_wrap caption {
  caption-side: top;
  text-align: center;
  color: var(--white-color);
  background-color: var(--theme-color);
}

.wp-block-calendar th,
.calendar_wrap th {
  font-size: 14px;
  padding: 5px 5px;
  border: none;
  text-align: center;
  border-right: 1px solid #eee;
  color: var(--title-color);
  font-weight: 500;
}

.wp-block-calendar th:first-child,
.calendar_wrap th:first-child {
  border-left: 1px solid #eee;
}

.wp-block-calendar th:last-child,
.calendar_wrap th:last-child {
  border-right: 1px solid #eee;
}

.wp-block-calendar table th,
.calendar_wrap table th {
  font-weight: 500;
}

.wp-block-calendar td,
.calendar_wrap td {
  font-size: 14px;
  padding: 5px 5px;
  color: #01133c;
  border: 1px solid #eee;
  text-align: center;
  background-color: transparent;
  transition: all ease 0.4s;
}

.wp-block-calendar #today,
.calendar_wrap #today {
  color: var(--theme-color);
  background-color: var(--white-color);
  border-color: #ededed;
}

.wp-block-calendar thead,
.calendar_wrap thead {
  background-color: #fff;
}

.wp-block-calendar .wp-calendar-table,
.calendar_wrap .wp-calendar-table {
  margin-bottom: 0;
}

.wp-block-calendar .wp-calendar-nav .pad,
.calendar_wrap .wp-calendar-nav .pad {
  display: none;
}

.wp-block-calendar a,
.calendar_wrap a {
  color: inherit;
  text-decoration: none;
}

.wp-block-calendar a:hover,
.calendar_wrap a:hover {
  color: var(--title-color);
}

/***wp-calender***/
.wp-block-calendar {
  margin-bottom: 30px;
  border: none;
  padding-bottom: 0;
}

.wp-block-calendar table caption {
  color: var(--white-color);
}

/********widget_recent_comments********/
.widget_recent_comments ul,
.wp-block-latest-comments ul {
  list-style-type: none;
  padding-left: 0;
}

ul.widget_recent_comments,
ol.widget_recent_comments,
.wp-block-latest-comments {
  margin-top: -0.11em;
  padding-left: 0;
}

.widget_recent_comments ol,
.widget_recent_comments ul,
.wp-block-latest-comments ol,
.wp-block-latest-comments ul {
  margin-bottom: 0;
}

.widget_recent_comments li,
.wp-block-latest-comments li {
  margin-bottom: 0;
  color: var(--body-color);
  padding-left: 30px;
  position: relative;
}

.widget_recent_comments li:before,
.wp-block-latest-comments li:before {
  content: "\f086";
  position: absolute;
  left: 0;
  top: -1px;
  color: var(--theme-color);
  font-family: var(--icon-font);
}

.widget_recent_comments.has-avatars li,
.wp-block-latest-comments.has-avatars li {
  padding-left: 0;
  padding-bottom: 0 !important;
}

.widget_recent_comments.has-avatars li:before,
.wp-block-latest-comments.has-avatars li:before {
  display: none;
}

.widget_recent_comments .avatar,
.wp-block-latest-comments .avatar {
  margin-top: 0.4em;
}

.widget_recent_comments li:not(:last-child),
.wp-block-latest-comments li:not(:last-child) {
  padding-bottom: 12px;
}

.widget_recent_comments article,
.wp-block-latest-comments article {
  line-height: 1.5;
}

.widget_recent_comments a,
.wp-block-latest-comments a {
  color: inherit;
}

.widget_recent_comments a:hover,
.wp-block-latest-comments a:hover {
  color: var(--theme-color);
}

/******widget_recent_entries******/
.widget_recent_entries ul {
  margin: -0.3em 0 0 0;
  padding: 0;
  list-style: none;
}

.widget_recent_entries ul li>a {
  color: var(--body-color);
  font-weight: 500;
  display: inline-block;
}

.widget_recent_entries ul li>a:hover {
  color: var(--theme-color);
}

.widget_recent_entries ul li span.post-date {
  font-size: 14px;
}

.widget_recent_entries ul li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

/*******widget_rss*******/
ul.widget_rss,
ul.wp-block-rss,
ol.widget_rss,
ol.wp-block-rss {
  padding-left: 0;
}

.widget_rss,
.wp-block-rss {
  list-style-type: none;
}

.widget_rss ul,
.wp-block-rss ul {
  margin: -0.2em 0 -0.5em 0;
  padding: 0;
  list-style: none;
}

.widget_rss ul .rsswidget,
.wp-block-rss ul .rsswidget {
  color: var(--title-color);
  font-family: var(--theme-font);
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

.widget_rss ul .rssSummary,
.wp-block-rss ul .rssSummary {
  font-size: 14px;
  margin-bottom: 7px;
  line-height: 1.5;
}

.widget_rss ul a,
.wp-block-rss ul a {
  display: block;
  font-weight: 600;
  color: inherit;
}

.widget_rss ul a:hover,
.wp-block-rss ul a:hover {
  color: var(--theme-color);
}

.widget_rss ul .rss-date,
.wp-block-rss ul .rss-date {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 400;
  color: var(--title-color);
}

.widget_rss ul .rss-date:before,
.wp-block-rss ul .rss-date:before {
  content: "\f073";
  font-family: var(--icon-font);
  margin-right: 10px;
  font-weight: 300;
  color: var(--theme-color);
}

.widget_rss ul cite,
.wp-block-rss ul cite {
  font-weight: 500;
  color: var(--title-color);
  font-family: var(--body-font);
  font-size: 14px;
}

.widget_rss ul cite:before,
.wp-block-rss ul cite:before {
  content: "";
  position: relative;
  top: -1px;
  left: 0;
  width: 20px;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-color: var(--theme-color);
}

.widget_rss li:not(:last-child),
.wp-block-rss li:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 16px;
}

.widget_rss a:hover,
.wp-block-rss a:hover {
  color: var(--theme-color);
}

.wp-block-latest-comments__comment:first-child {
  margin-top: 0;
}

.wp-block-latest-comments__comment:last-child {
  margin-bottom: 0;
}

.wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p {
  margin-bottom: -0.3em;
}

ul.wp-block-latest-posts li:first-child {
  margin-top: 0;
}

ul.wp-block-latest-posts li:last-child {
  margin-bottom: -0.3em;
}

/* Large devices */
@media (max-width: 1199px) {
  .widget {
    --widget-padding-y: 30px;
    --widget-padding-x: 30px;
  }

  .widget_title {
    font-size: 22px;
  }

  .author-widget-wrap .name {
    font-size: 22px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .sidebar-area {
    padding-top: 40px;
  }

  .widget {
    --widget-padding-y: 40px;
    --widget-padding-x: 40px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .widget_info {
    padding: 0;
  }

  .author-widget-wrap {
    padding: 0;
  }

  .widget_info .widget_title {
    padding: 24px 30px 19px 28px;
  }

  .info-list {
    padding: 0 30px 30px;
  }

  .widget {
    padding: 30px;
  }

  .widget_banner {
    padding: 0;
  }

  .widget_estimate .estimate-wrap span {
    margin-bottom: 16px;
  }

  .widget_estimate .content p {
    margin-bottom: 25px;
  }

  .widget_estimate .content h5 {
    margin-bottom: 23px;
  }

  .widget_estimate .content .checklist {
    margin-bottom: 30px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .widget_schedule ul li {
    font-size: 14px;
  }

  .recent-post .post-title {
    font-size: 18px;
  }
}

@media (max-width: 330px) {
  .recent-post .post-title {
    font-size: 16px;
    line-height: 24px;
  }

  .recent-post .recent-post-meta a {
    font-size: 12px;
  }

  .recent-post .media-img {
    width: 67px;
  }

  .recent-post .media-img {
    margin-right: 15px;
  }

  .widget_schedule ul li {
    font-size: 12px;
    padding: 0 15px;
  }
}

.footer-widget {
  margin-bottom: 50px !important;
}

.footer-widget,
.footer-widget .widget {
  padding: 0;
  border: none;
  padding-bottom: 0;
  background-color: transparent;
  box-shadow: none;
}

.footer-widget .wp-block-search__label,
.footer-widget .widget_title {
  border-bottom: none;
  margin: -0.3em 0 32px 0;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--title-font);
  line-height: 30px;
  position: relative;
}

.footer-widget.widget_meta ul,
.footer-widget.widget_pages ul,
.footer-widget.widget_archive ul,
.footer-widget.widget_recent_entries ul,
.footer-widget.widget_categories ul,
.footer-widget.widget_nav_menu ul {
  margin-top: -5px;
}

.footer-widget.widget_meta .menu,
.footer-widget.widget_meta>ul,
.footer-widget.widget_pages .menu,
.footer-widget.widget_pages>ul,
.footer-widget.widget_archive .menu,
.footer-widget.widget_archive>ul,
.footer-widget.widget_recent_entries .menu,
.footer-widget.widget_recent_entries>ul,
.footer-widget.widget_categories .menu,
.footer-widget.widget_categories>ul,
.footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu>ul {
  margin-bottom: -5px;
}

.footer-widget.widget_meta a,
.footer-widget.widget_pages a,
.footer-widget.widget_archive a,
.footer-widget.widget_recent_entries a,
.footer-widget.widget_categories a,
.footer-widget.widget_nav_menu a {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 19px;
  font-family: var(--body-font);
  color: var(--body-color);
  display: flex;
  align-items: center;
  max-width: 100%;
  width: max-content;
  background-color: transparent;
  border: none;
  position: relative;
  padding: 0;
}

.footer-widget.widget_meta a i,
.footer-widget.widget_pages a i,
.footer-widget.widget_archive a i,
.footer-widget.widget_recent_entries a i,
.footer-widget.widget_categories a i,
.footer-widget.widget_nav_menu a i {
  font-size: 12px;
  color: var(--title-color);
  position: absolute;
  opacity: 0;
  left: 0;
}

.footer-widget.widget_meta a:before,
.footer-widget.widget_pages a:before,
.footer-widget.widget_archive a:before,
.footer-widget.widget_recent_entries a:before,
.footer-widget.widget_categories a:before,
.footer-widget.widget_nav_menu a:before {
  display: none;
}

.footer-widget.widget_meta a:after,
.footer-widget.widget_pages a:after,
.footer-widget.widget_archive a:after,
.footer-widget.widget_recent_entries a:after,
.footer-widget.widget_categories a:after,
.footer-widget.widget_nav_menu a:after {
  content: "";
  position: absolute;
  right: 100%;
  left: 0;
  bottom: 0;
  top: auto;
  height: 2px;
  background-color: var(--title-color);
  transition: all ease 0.4s;
  border: 0;
  margin: 0;
  display: inline-block;
  width: auto;
}

.footer-widget.widget_meta a:hover,
.footer-widget.widget_pages a:hover,
.footer-widget.widget_archive a:hover,
.footer-widget.widget_recent_entries a:hover,
.footer-widget.widget_categories a:hover,
.footer-widget.widget_nav_menu a:hover {
  background-color: transparent;
  color: var(--title-color);
}

.footer-widget.widget_meta a:hover i,
.footer-widget.widget_pages a:hover i,
.footer-widget.widget_archive a:hover i,
.footer-widget.widget_recent_entries a:hover i,
.footer-widget.widget_categories a:hover i,
.footer-widget.widget_nav_menu a:hover i {
  opacity: 1;
}

.footer-widget.widget_meta a:hover:after,
.footer-widget.widget_pages a:hover:after,
.footer-widget.widget_archive a:hover:after,
.footer-widget.widget_recent_entries a:hover:after,
.footer-widget.widget_categories a:hover:after,
.footer-widget.widget_nav_menu a:hover:after {
  right: 0;
}

.footer-widget.widget_meta li,
.footer-widget.widget_pages li,
.footer-widget.widget_archive li,
.footer-widget.widget_recent_entries li,
.footer-widget.widget_categories li,
.footer-widget.widget_nav_menu li {
  border: 0 !important;
  padding-bottom: 0 !important;
}

.footer-widget.widget_meta li:last-child a,
.footer-widget.widget_pages li:last-child a,
.footer-widget.widget_archive li:last-child a,
.footer-widget.widget_recent_entries li:last-child a,
.footer-widget.widget_categories li:last-child a,
.footer-widget.widget_nav_menu li:last-child a {
  margin-bottom: 0;
}

.footer-widget.widget_meta .wp-block-navigation__submenu-container,
.footer-widget.widget_meta .sub-menu,
.footer-widget.widget_meta .children,
.footer-widget.widget_pages .wp-block-navigation__submenu-container,
.footer-widget.widget_pages .sub-menu,
.footer-widget.widget_pages .children,
.footer-widget.widget_archive .wp-block-navigation__submenu-container,
.footer-widget.widget_archive .sub-menu,
.footer-widget.widget_archive .children,
.footer-widget.widget_recent_entries .wp-block-navigation__submenu-container,
.footer-widget.widget_recent_entries .sub-menu,
.footer-widget.widget_recent_entries .children,
.footer-widget.widget_categories .wp-block-navigation__submenu-container,
.footer-widget.widget_categories .sub-menu,
.footer-widget.widget_categories .children,
.footer-widget.widget_nav_menu .wp-block-navigation__submenu-container,
.footer-widget.widget_nav_menu .sub-menu,
.footer-widget.widget_nav_menu .children {
  margin-left: 10px;
}

.footer-widget.widget_meta .wp-block-navigation__submenu-container li a,
.footer-widget.widget_meta .sub-menu li a,
.footer-widget.widget_meta .children li a,
.footer-widget.widget_pages .wp-block-navigation__submenu-container li a,
.footer-widget.widget_pages .sub-menu li a,
.footer-widget.widget_pages .children li a,
.footer-widget.widget_archive .wp-block-navigation__submenu-container li a,
.footer-widget.widget_archive .sub-menu li a,
.footer-widget.widget_archive .children li a,
.footer-widget.widget_recent_entries .wp-block-navigation__submenu-container li a,
.footer-widget.widget_recent_entries .sub-menu li a,
.footer-widget.widget_recent_entries .children li a,
.footer-widget.widget_categories .wp-block-navigation__submenu-container li a,
.footer-widget.widget_categories .sub-menu li a,
.footer-widget.widget_categories .children li a,
.footer-widget.widget_nav_menu .wp-block-navigation__submenu-container li a,
.footer-widget.widget_nav_menu .sub-menu li a,
.footer-widget.widget_nav_menu .children li a {
  border-bottom: 0;
  margin: 0 0px 19px 0px;
  padding: 0 0 0 23px;
}

.footer-widget .recent-post {
  max-width: 300px;
  margin-top: -0.3em;
  margin-bottom: 17px;
  padding: 0;
  border: 0;
}

.footer-widget .recent-post .post-title {
  color: var(--white-color);
  font-weight: 600;
  margin: 5px 0 0 0;
}

.footer-widget .recent-post:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.footer-widget .recent-post .recent-post-meta a {
  font-weight: 400;
  line-height: 1.2;
  color: var(--light-color);
  font-size: 12px;
}

.footer-widget .recent-post .recent-post-meta i {
  color: var(--light-color);
  transition: 0.4s;
}

.footer-widget .recent-post .recent-post-meta a:hover {
  color: var(--theme-color);
}

.footer-widget .recent-post .recent-post-meta a:hover i {
  color: var(--theme-color);
}

.footer-widget.widget_shopping_cart .total,
.footer-widget.widget_rss ul .rss-date,
.footer-widget.widget_rss ul cite,
.footer-widget.widget_rss ul .rsswidget,
.footer-widget .product_list_widget li a,
.footer-widget.widget_shopping_cart .cart_list a:not(.remove) {
  color: var(--white-color);
}

.footer-widget blockquote:before,
.footer-widget .wp-block-quote:before {
  left: 40px;
  top: 40px;
}

.footer-widget .wp-block-search .wp-block-search__inside-wrapper {
  border: 0;
  border-radius: 0;
}

.footer-widget .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
  margin-left: 10px;
}

.footer-widget .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover {
  background: var(--white-color);
  color: var(--theme-color);
}

.footer-widget .widget_nav_menu a,
.footer-widget .widget_meta a,
.footer-widget .widget_pages a,
.footer-widget .widget_archive a,
.footer-widget .wp-block-page-list a,
.footer-widget .widget_categories a {
  border-bottom: 1px solid #363636;
}

.footer-widget .widget_nav_menu .wp-block-navigation__submenu-container li a,
.footer-widget .widget_nav_menu .sub-menu li a,
.footer-widget .widget_nav_menu .children li a,
.footer-widget .widget_meta .wp-block-navigation__submenu-container li a,
.footer-widget .widget_meta .sub-menu li a,
.footer-widget .widget_meta .children li a,
.footer-widget .widget_pages .wp-block-navigation__submenu-container li a,
.footer-widget .widget_pages .sub-menu li a,
.footer-widget .widget_pages .children li a,
.footer-widget .widget_archive .wp-block-navigation__submenu-container li a,
.footer-widget .widget_archive .sub-menu li a,
.footer-widget .widget_archive .children li a,
.footer-widget .wp-block-page-list .wp-block-navigation__submenu-container li a,
.footer-widget .wp-block-page-list .sub-menu li a,
.footer-widget .wp-block-page-list .children li a,
.footer-widget .widget_categories .wp-block-navigation__submenu-container li a,
.footer-widget .widget_categories .sub-menu li a,
.footer-widget .widget_categories .children li a {
  border-bottom: 1px solid #363636;
}

.footer-widget.woocommerce .widget_shopping_cart .total,
.footer-widget.woocommerce.widget_shopping_cart .total {
  border-top: 3px double #363636;
}

.widget-contact {
  max-width: 220px;
}

.widget-contact .contact-info-list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: -8px;
  margin-bottom: -0.55em;
}

.widget-contact .contact-info-list li {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: var(--body-color);
}

.widget-contact .contact-info-list li a {
  color: var(--title-color);
}

.widget-contact .contact-info-list li:not(:last-child) {
  margin-bottom: 23px;
}

.widget-about .footer-logo {
  margin-bottom: 22px;
}

.widget-about .about-text {
  font-size: 18px;
  margin-bottom: 27px;
}

.footer-text {
  margin-top: -0.45em;
  margin-bottom: 12px;
  color: var(--body-color);
  font-weight: 300;
}

.sidebar-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.sidebar-gallery .gallery-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--white-color);
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, 20px);
}

.sidebar-gallery .gallery-btn:hover {
  color: var(--theme-color);
}

.sidebar-gallery .gallery-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

.sidebar-gallery .gallery-thumb:before {
  content: "";
  height: calc(100% - 14px);
  width: calc(100% - 14px);
  background-color: var(--title-color);
  opacity: 0.8;
  position: absolute;
  top: 7px;
  left: 7px;
  border-radius: 10px;
  transform: scaleX(0);
  transition: 0.4s ease-in-out;
}

.sidebar-gallery .gallery-thumb img {
  width: 100%;
  border-radius: 10px;
}

.sidebar-gallery .gallery-thumb:hover:before {
  transform: scaleX(1);
}

.sidebar-gallery .gallery-thumb:hover .gallery-btn {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.widget-newsletter p {
  margin-bottom: -0.5em;
}

.newsletter-form {
  position: relative;
}

.newsletter-form .form-group {
  margin-bottom: 22px;
}

.newsletter-form .form-group>i {
  right: auto;
  left: 24px;
  top: 19px;
}

.newsletter-form .form-group input {
  height: 60px;
  padding: 0 30px 0 0px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--title-color);
  border-radius: 0px;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.48px;
}

.newsletter-form .form-group input::placeholder {
  color: rgba(10, 12, 0, 0.5);
}

.newsletter-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  height: 60px;
  background: transparent;
  line-height: 60px;
}

/* Medium Large devices */
@media (max-width: 1299px) {

  .footer-text,
  .widget-about .about-text {
    font-size: 14px;
  }
}

/* Large devices */
@media (max-width: 1199px) {

  .footer-widget.widget_meta a,
  .footer-widget.widget_pages a,
  .footer-widget.widget_archive a,
  .footer-widget.widget_categories a,
  .footer-widget.widget_nav_menu a {
    margin-bottom: 16px;
  }

  .footer-info-list li:not(:last-child) {
    margin-bottom: 15px;
  }

  .sidebar-gallery {
    max-width: 350px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .footer-widget .widget_title {
    margin-bottom: 35px;
  }

  .widget-about .about-text {
    margin-bottom: 20px;
  }

  .social-box.mb-30 {
    margin-bottom: 25px;
  }

  .widget_event-location {
    padding: 30px;
  }
}

/*------------------- 4.2. Header  -------------------*/
.nav-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 41;
}

.sticky-wrapper {
  transition: 0.4s ease-in-out;
}

.sticky-wrapper.header-sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--white-color);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
  animation: stickyAni 0.6s ease-in-out;
}

@keyframes stickyAni {
  0% {
    transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }

  100% {
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

.navbar-right {
  gap: 15px;
}

/****header-top*****/
.main-menu a {
  display: block;
  position: relative;
  font-weight: 600;
  font-family: var(--title-font);
  font-size: 14px;
  color: var(--title-color);
  letter-spacing: -0.14px;
}

.main-menu a:hover {
  color: var(--title-color);
}

.main-menu a:hover:before {
  background: var(--theme-color);
}

.main-menu>ul {
  display: flex;
  align-items: center;
  margin: 0 -20px !important;
}

.main-menu>ul>li {
  margin: 0;
}

.main-menu>ul>li>a {
  padding: 46.5px 20px;
}

.main-menu>ul>li>a:hover {
  color: var(--title-color);
}

.main-menu>ul>li>a:hover .effect-1 {
  top: -100%;
}

.main-menu ul {
  margin: 0;
  padding: 0;
}

.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.main-menu ul li:last-child {
  margin-right: 0 !important;
}

.main-menu ul li:first-child {
  margin-left: 0 !important;
}

.main-menu ul li:hover>ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
  z-index: 9;
}

.main-menu ul.sub-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: #000;
  visibility: hidden;
  min-width: 1000px;
  width: 100%;
  padding: 7px;
  left: -14px;
  opacity: 0;
  z-index: -1;
  border: 0;
  box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
  border-radius: 0;
  transform: scaleY(0);
  transform-origin: top center;
  transition: all 0.4s ease 0s;
}

.main-menu ul.sub-menu a {
  font-weight: 400;
  font-family: var(--body-font);
  letter-spacing: normal;
  line-height: 41px;
  font-size: 16px;
  color: var(--white-color);
}

.main-menu ul.sub-menu a span {
  font-size: 12px;
  padding: 0px 5px;
  margin-left: 4px;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 2px 5px;
  border-radius: 4px;
  position: relative;
  top: -1px;
}

.main-menu ul.sub-menu a:hover {
  padding-left: 5px;
}

ul.sub-menu .row {
  width: 100% !important;
}

ul.sub-menu .row .col-lg-6 {
  padding-left: 0px;
}

ul.sub-menu .row .col-lg-6 li {
  display: flex;
  justify-content: left;
  width: 100%;
}

nav.main-menu li.menu-item-has-children ul.sub-menu li a {
  color: #ffffff;
  font-size: 16px !important;
}

.main-menu ul.sub-menu {
  padding: 20px 0px 10px 20px;
  left: -450px;
  border-radius: 20px;
  box-shadow: 0px 5px 10px 0px #05EAEA;
}

.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 0px 9px;
}

.main-menu ul.sub-menu li.active>a {
  color: var(--theme-color);
  font-weight: 600;
}

.main-menu ul.sub-menu li a {
  position: relative;
  padding-left: 0px;
}

.main-menu ul.sub-menu li.menu-item-has-children>a:before,
.main-menu ul.sub-menu li.menu-item-has-children>a:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 0px;
  height: 9px;
  width: 2px;
  background: var(--white-color);
  transition: 0.4s;
  transform: rotate(45deg);
  display: inline-block;
  transition: 0.4s;
}

.main-menu ul.sub-menu li.menu-item-has-children>a:before {
  transform: rotate(-45deg);
  top: 15px;
}

.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 15px;
}

.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}

.simple-icon {
  border: none;
  background-color: transparent;
  color: var(--title-color);
  padding: 0;
  font-size: 22px;
  position: relative;
}

.simple-icon .badge {
  padding: 0.2em 0.4em;
  font-size: 0.5em;
  top: -5px;
  right: 0px;
}

.simple-icon:has(.badge) {
  padding-right: 8px;
}

.header-button {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 50px;
  margin-left: 0px;
  /* Medium Large devices */
  /* Large devices */
}

@media (max-width: 1399px) {
  .header-button {
    gap: 20px;
  }
}

@media (max-width: 1199px) {
  .header-button {
    margin-left: 25px;
  }
}

.header-button .search-btn {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--title-color);
  padding: 0;
}

.header-cart {
  display: flex;
  gap: 8px;
  color: var(--title-color);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  align-items: center;
  border: 0;
  padding: 0;
  background: transparent;
  /* Large devices */
  /* Medium devices */
}

.header-cart:hover .effect-1 {
  top: -100%;
}

@media (max-width: 1199px) {
  .header-cart .header-cart-text {
    display: none;
  }
}

@media (max-width: 991px) {
  .header-cart .header-cart-text {
    display: block;
  }
}

.header-logo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.header-links>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}

.header-links li {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

.header-links li:not(:last-child) {
  margin: 0 40px 0 0;
}

.header-links li>i {
  margin-right: 8px;
}

.header-links li .header-sub-links li:not(:last-child) {
  margin: 0 30px 0 0;
}

.header-links li .header-sub-links li:not(:last-child):before {
  content: "/";
  position: absolute;
  right: -20px;
  top: 0;
  color: var(--title-color);
}

.header-links li,
.header-links span,
.header-links p,
.header-links a {
  color: var(--title-color);
  font-family: var(--body-font);
  display: inline-flex;
  align-items: center;
}

.header-links a:hover {
  color: var(--theme-color);
}

.header-links b,
.header-links strong {
  font-weight: 600;
  margin-right: 6px;
}

.header-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-btn {
  background: transparent;
  position: relative;
  height: 60px;
  width: 60px;
  border: 2px solid var(--title-color);
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
  padding: 0;
}

.sidebar-btn .line {
  display: block;
  height: 2px;
  width: 18px;
  background: var(--title-color);
  margin: auto;
  transition: 0.4s;
}

.sidebar-btn .line:not(:last-child) {
  margin-bottom: 4px;
}

.sidebar-btn:hover .line:nth-child(2) {
  width: 10px;
}

/* Extra small devices */
@media (max-width: 575px) {
  .sidebar-btn {
    height: 50px;
    width: 50px;
  }
}

/* Header 1 ---------------------------------- */
.header-layout1 {
  /* Medium devices */
  /* Extra small devices */
}

.header-layout1 .sticky-wrapper {
  padding: 0px 36px;
}

@media (max-width: 991px) {
  .header-layout1 .sticky-wrapper {
    padding: 15px 36px;
  }
}

@media (max-width: 575px) {
  .header-layout1 .sticky-wrapper {
    padding: 15px 0px;
  }
}

/* Header 2 ---------------------------------- */
.header-layout2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* Medium devices */
  /* Extra small devices */
}

.header-layout2 .sticky-wrapper {
  padding: 0px 36px;
}

.header-layout2 .sticky-wrapper .header-links a {
  color: var(--white-color);
}

.header-layout2 .main-menu>ul>li>a {
  padding: 44.5px 20px;
  color: var(--white-color);
}

.header-layout2 .main-menu>ul>li>a:before {
  border-color: var(--white-color);
}

.header-layout2 .main-menu>ul>li>a:hover:before {
  background: var(--white-color);
}

/*.header-layout2 .main-menu ul.sub-menu {
  background: var(--white-color);
}*/
.header-layout2 .main-menu ul.sub-menu a {
  color: var(--title-color);
}

.header-layout2 .main-menu ul.sub-menu li.active>a {
  color: var(--title-color);
}

.header-layout2 .main-menu ul.sub-menu .menu-item-has-children>a:before,
.header-layout2 .main-menu ul.sub-menu .menu-item-has-children>a:after {
  background: var(--title-color);
}

.header-layout2 .header-button .search-btn {
  color: var(--white-color);
}

.header-layout2 .sticky-wrapper.header-sticky {
  background: #010101;
}

.header-layout2 .sidebar-btn {
  border-color: var(--white-color);
  margin: 25px 0;
}

.header-layout2 .sidebar-btn .line {
  background: var(--white-color);
}

@media (max-width: 991px) {
  .header-layout2 .sticky-wrapper {
    padding: 15px 36px;
  }

  .header-layout2 .sidebar-btn {
    margin: 0;
  }
}

@media (max-width: 575px) {
  .header-layout2 .sticky-wrapper {
    padding: 0px 0px;
  }
}

/* Header 3 ---------------------------------- */
.header-layout3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

.header-layout3 .sticky-wrapper {
  padding: 0px 36px;
}

.header-layout3 .sticky-wrapper .header-links a {
  color: var(--white-color);
}

.header-layout3 .main-menu>ul>li>a {
  padding: 44.5px 20px;
  /* Large devices */
}

.header-layout3 .main-menu>ul>li>a:before {
  border-color: var(--white-color);
}

.header-layout3 .main-menu>ul>li>a:hover:before {
  background: var(--white-color);
}

@media (max-width: 1199px) {
  .header-layout3 .main-menu>ul>li>a {
    padding: 44.5px 15px;
  }
}

@media (max-width: 1199px) {
  .header-layout3 .header-button {
    margin-left: 25px;
  }
}

@media (max-width: 991px) {
  .header-layout3 .sticky-wrapper {
    padding: 15px 36px;
  }
}

@media (max-width: 575px) {
  .header-layout3 .sticky-wrapper {
    padding: 15px 0px;
  }
}

/*------------------- 4.3. Footer  -------------------*/
.footer-wrapper {
  background: var(--smoke-color);
}

.copyright-wrap {
  padding: 22px 0;
}

.widget-area {
  padding: 0px 0 90px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .widget-area {
    padding: 0px 0 30px;
  }
}

.copyright-text {
  margin: 0;
  color: var(--title-color);
  font-weight: 400;
  font-size: 18px;
}

.copyright-text a {
  color: var(--title-color);
}

.footer-menu-area {
  border-bottom: 2px solid var(--title-color);
  border-top: 2px solid var(--title-color);
  padding: 21px 0;
  /* Large devices */
  /* Extra small devices */
}

.footer-menu-area .footer-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 15px 40px;
}

.footer-menu-area .footer-menu-list li {
  display: inline-block;
}

.footer-menu-area .footer-menu-list li a {
  display: block;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: uppercase;
  letter-spacing: -0.14px;
}

@media (max-width: 1199px) {
  .footer-menu-area .footer-menu-list {
    gap: 15px 28px;
  }
}

@media (max-width: 575px) {
  .footer-menu-area .footer-menu-list {
    display: block;
  }

  .footer-menu-area .footer-menu-list li {
    display: block;
  }

  .footer-menu-area .footer-menu-list li:not(:last-child) {
    margin-bottom: 10px;
  }
}

/*footer 1************/
.footer-layout1 {
  position: relative;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

.footer-layout1 .footer-top .footer-top-title {
  font-size: 80px;
  font-weight: 600;
  margin: -0.21em 0 -0.22em;
}

.footer-layout1 .footer-top-wrap p {
  font-size: 18px;
}

@media (max-width: 1299px) {
  .footer-layout1 .footer-top .footer-top-title {
    font-size: 70px;
  }
}

@media (max-width: 1199px) {
  .footer-layout1 .footer-top .footer-top-title {
    font-size: 60px;
  }
}

@media (max-width: 991px) {
  .footer-layout1 .footer-top .footer-top-title {
    margin-bottom: 30px;
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .footer-layout1 .footer-top .footer-top-title {
    font-size: 40px;
  }

  .footer-layout1 .footer-layout1 .footer-menu-area {
    padding: 31px 0;
  }
 
}

/*footer 2************/
.footer-layout2 .copyright-wrap {
  border-top: 2px solid var(--title-color);
}

/*footer 3************/
.footer-layout3 {
  padding-top: 30px;
}

.footer-layout3 .footer-menu-area {
  border-top: 0;
}

/*footer 4************/
.footer-layout4 .copyright-wrap {
  border-top: 2px solid var(--title-color);
}

/*footer 5************/
.footer-layout5 {
  background: #0a0c00;
  --title-color: #f6f5f3;
  --body-color: #f6f5f3;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}

.footer-layout5 .footer-top {
  --title-color: #0a0c00;
  --body-color: #0a0c00;
}

.footer-layout5 .footer-top .footer-top-title {
  font-size: 80px;
  font-weight: 600;
  margin: -0.21em 0 -0.22em;
}

.footer-layout5 .copyright-wrap {
  border-top: 2px solid var(--smoke-color);
  padding: 28px 0 53px;
}

.footer-layout5 .copyright-wrap p {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 0;
}

@media (max-width: 1299px) {
  .footer-layout5 .footer-top .footer-top-title {
    font-size: 70px;
  }
}

@media (max-width: 1199px) {
  .footer-layout5 .footer-top .footer-top-title {
    font-size: 60px;
  }
}

@media (max-width: 991px) {
  .footer-layout5 .footer-top .footer-top-title {
    margin-bottom: 30px;
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .footer-layout5 .footer-top .footer-top-title {
    font-size: 40px;
  }
}

/*footer 8************/
.footer-layout8 .copyright-wrap {
  border-top: 2px solid var(--title-color);
  padding: 28px 0;
}

.footer-layout8 .copyright-wrap p {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 0;
}

/*footer 9************/
.footer-layout9 .copyright-wrap {
  border-top: 2px solid var(--title-color);
  padding: 28px 0 53px;
}

.footer-layout9 .copyright-wrap p {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 0;
}

/*------------------- 4.4. Breadcumb  -------------------*/
.breadcumb-menu {
  max-width: 100%;
  padding: 0;
  list-style-type: none;
  position: relative;
  margin: -0.4em 0;
}

.breadcumb-menu li {
  display: inline-block;
  padding-right: 6px;
  list-style: none;
  position: relative;
}

.breadcumb-menu li:after {
  content: "|";
  position: relative;
  margin-left: 10px;
  font-weight: 400;
  font-size: 18px;
  color: var(--title-color);
}

.breadcumb-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.breadcumb-menu li:last-child:after {
  display: none;
}

.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
  white-space: normal;
  word-break: break-word;
  font-weight: 400;
  font-size: 18px;
  font-family: var(--body-font);
  color: var(--title-color);
}

.breadcumb-menu a:hover {
  color: var(--title-color);
}

.breadcumb-title {
  color: var(--white-color);
  margin: -0.15em 0 -0.15em 0;
  line-height: 1.1;
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -2.4px;
  z-index: 1;
  position: relative;
  /* Medium Large devices */
  /* Large devices */
  /* Small devices */
  /* Extra small devices */
}

@media (max-width: 1399px) {
  .breadcumb-title {
    font-size: 70px;
  }
}

@media (max-width: 1199px) {
  .breadcumb-title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .breadcumb-title {
    font-size: 56px;
  }
}

@media (max-width: 575px) {
  .breadcumb-title {
    font-size: 40px;
  }
}

.breadcumb-wrapper {
  background-size: cover !important;
  padding: 240px 0;
  overflow: hidden;
  position: relative;
  z-index: auto;
  background: var(--smoke-color);
  margin-top: 106px;
  text-align: center;
  /* Small devices */
}

.breadcumb-wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #0a0c00;
  opacity: 0.2;
}

@media (max-width: 767px) {
  .breadcumb-wrapper {
    text-align: center;
  }
}

.breadcumb-wrapper.style2 {
  background: var(--smoke-color);
  padding: 24px 36px;
  text-align: start;
}

.breadcumb-wrapper.style2:after {
  display: none;
}

/* Extra large devices */
@media (max-width: 1500px) {
  .breadcumb-wrapper {
    padding: 200px 0;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .breadcumb-wrapper {
    padding: 180px 0;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .breadcumb-wrapper {
    margin-top: 90px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .breadcumb-wrapper {
    padding: 120px 0;
  }

  .breadcumb-title {
    letter-spacing: normal;
  }
}

/* Extra small devices */
@media (max-width: 575px) {

  .breadcumb-menu li,
  .breadcumb-menu a,
  .breadcumb-menu span {
    font-size: 14px;
  }

  .breadcumb-wrapper {
    padding: 100px 0;
    margin-top: 86px;
  }

  .breadcumb-wrapper.style2 {
    padding: 24px 0px;
  }
}

/*------------------- 4.5. Pagination  -------------------*/
.pagination-wrap .pagination {
  gap: 12px;
  flex-wrap: wrap;
}

.pagination-wrap .pagination .page-link {
  margin-left: 0;
  padding: 0 0;
  color: var(--title-color);
  font-weight: 600;
  font-family: var(--title-font);
  font-size: 14px;
  line-height: 1;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: var(--smoke-color);
}

.pagination-wrap .pagination .page-link:hover {
  color: var(--white-color);
  background-color: var(--body-color);
}

.pagination-wrap .pagination .page-link:focus {
  color: var(--white-color);
  background-color: var(--body-color);
  outline: 0;
  box-shadow: none;
}

.pagination-wrap .pagination .page-item.active .page-link {
  color: var(--white-color);
  background-color: var(--body-color);
  border-color: var(--body-color);
}

/*------------------- 4.8. Hero Area  -------------------*/
/* Hero Global ---------------------------------- */
.hero-wrapper {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.hero-thumb-group {
  display: flex;
  align-items: center;
  margin-left: auto;
  justify-content: end;
  margin-top: 80px;
}

.hero-thumb-group img {
  border-radius: 50%;
  border: 3px solid var(--theme-color);
  width: 60px;
}

.hero-thumb-group .img2 {
  margin-left: -24px;
}

.hero-thumb-group .hero-counter {
  height: 60px;
  width: 60px;
  line-height: 54px;
  border-radius: 50%;
  background: var(--title-color);
  border: 3px solid var(--theme-color);
  margin-left: -24px;
  text-align: center;
  color: var(--theme-color);
  font-size: 14px;
  font-family: var(--title-font);
  flex: none;
}

.hero-thumb-group p {
  margin-bottom: 0;
  max-width: 196px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: var(--title-font);
  color: var(--title-color);
  text-align: left;
  margin-left: 16px;
  text-transform: uppercase;
  letter-spacing: -0.14px;
}

.hero-year-tag {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 254px;
}

.hero-year-tag img {
  flex: none;
}

.hero-year-tag h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}

/* Hero 1 ---------------------------------- */
body {
  background-color: #010101;
}

.hero-subtitle {
  font-size: 30px;
  font-family: var(--title-font);
  font-weight: 400;
  color: var(--theme-color);
  display: block;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.hero-title {
  margin-bottom: 0;
  color: var(--title-color);
  font-weight: 900;
  letter-spacing: -3px;
  font-size: 70px;
}

.hero-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0px;
}

.hero-style1 {
  position: relative;
  z-index: 6;
  padding: 185px 0 80px;
}

.hero-style1 .hero-title {
  font-weight: 600;
  letter-spacing: -3.6px;
}

.hero-style1 .hero-text {
  margin-top: 23px;
}

.hero-style1 .btn-group {
  margin-top: 30px;
}

.brand-btn {
  margin-top: 20px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-title {
    font-size: 100px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .hero-title {
    font-size: 90px;
  }

  .hero-text {
    font-size: 16px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-style1 {
    padding: 155px 0 80px;
  }

  .hero-title {
    font-size: 80px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-title {
    font-size: 70px;
  }

  .hero-style1 .hero-year-tag {
    margin-top: 40px;
  }

  .hero-style1 .hero-title {
    letter-spacing: -1.2px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style1 {
    padding: 140px 0 80px;
  }

  .hero-title {
    font-size: 56px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style1 .hero-title {
    letter-spacing: normal;
  }

  .hero-title {
    font-size: 39px;
    letter-spacing: normal;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-title {
    font-size: 34px;
  }
}

/* Hero 2 ---------------------------------- */
.hero-2 {
  background: var(--title-color);
}

.hero-2 .hero-2-thumb {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 744px;
}

.hero-2 .hero-2-thumb img {
  height: 744px;
  object-fit: cover;
}

.hero-style2 {
  padding: 208px 0 72px;
}

.hero-style2 .hero-title {
  font-size: 100px;
}

.hero-style2 .hero-text {
  margin-top: 26px;
  margin-bottom: 40px;
}

.hero-style2 .btn {
  margin-bottom: 43px;
}

.hero-style2 .hero-contact-wrap {
  color: var(--white-color);
  font-family: var(--title-font);
  max-width: 306px;
  display: inline-block;
  margin-top: 30px;
}

.hero-style2 .hero-contact-wrap a {
  color: var(--white-color);
}

.hero-style2 .hero-contact-wrap:not(:last-child) {
  margin-right: 18px;
}

/* Extra large devices */
@media (max-width: 1500px) {
  .hero-2 .hero-2-thumb {
    width: 900px;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-style2 .hero-title {
    font-size: 80px;
  }

  .hero-2 .hero-2-thumb {
    height: 676px;
  }

  .hero-2 .hero-2-thumb img {
    height: 676px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .hero-2 .hero-2-thumb {
    width: 730px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-style2 .hero-title {
    font-size: 70px;
  }

  .hero-2 .hero-2-thumb {
    width: 620px;
  }

  .hero-2 .hero-2-thumb {
    height: 667px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-2 .hero-2-thumb {
    height: 637px;
    width: 400px;
  }

  .hero-2 .hero-2-thumb img {
    height: 637px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style2 .hero-title {
    font-size: 50px;
  }

  .hero-2 .hero-2-thumb {
    height: 580px;
    width: 320px;
  }

  .hero-2 .hero-2-thumb img {
    height: 580px;
  }

  .hero-style2 .hero-contact-wrap {
    max-width: 246px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-2 .hero-2-thumb {
    height: auto;
    width: 100%;
    position: inherit;
  }

  .hero-2 .hero-2-thumb img {
    height: auto;
  }

  .hero-style2 .hero-title {
    font-size: 40px;
  }

  .hero-style2 {
    padding: 80px 0 72px;
  }

  .hero-style2 .btn {
    margin-bottom: 33px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-style2 .hero-title {
    font-size: 40px;
  }
}

/* Hero 3 ---------------------------------- */
.hero-3 {
  background-image: -webkit-linear-gradient(to top,
      var(--smoke-color),
      var(--smoke-color));
  background-image: linear-gradient(to top,
      var(--smoke-color),
      var(--smoke-color));
  background-size: 100% calc(100% - 582px);
  background-repeat: no-repeat;
  /* Medium devices */
}

@media (max-width: 991px) {
  .hero-3 {
    background: transparent;
  }
}

.hero-style3 {
  padding: 140px 0 130px;
}

.hero-style3 .hero-title {
  font-size: 100px;
}

.hero-style3 .hero-3-thumb {
  margin-top: 38px;
  margin-bottom: 40px;
}

.hero-style3 .hero-text {
  margin-top: 22px;
  margin-bottom: 0;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-style3 .hero-title {
    font-size: 80px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-style3 {
    padding: 160px 0 70px;
  }

  .hero-style3 .hero-title {
    font-size: 70px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style3 {
    padding: 140px 0 70px;
  }

  .hero-style3 .hero-title {
    font-size: 50px;
  }

  .hero-style3 .hero-3-thumb {
    margin-top: 18px;
    margin-bottom: 20px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style3 .hero-title {
    font-size: 40px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-style3 .hero-title {
    font-size: 40px;
  }
}

/* Hero 4 ---------------------------------- */
.hero-4 {
  padding-bottom: 100px;
}

.hero-4 .hero-4-thumb {
  width: 42%;
  top: 210px;
  bottom: 0px;
  z-index: 1;
}

.hero-4 .hero-4-thumb img {
  height: 100%;
  object-fit: cover;
}

.hero-style4 {
  padding-top: 210px;
  padding-bottom: 80px;
}

.hero-style4 .hero-title {
  font-size: 100px;
  margin-bottom: 24px;
  line-height: 1.1em;
}

.hero-style4 .hero-text {
  margin-bottom: 36px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-style4 .hero-title {
    font-size: 80px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-style4 .hero-title {
    font-size: 70px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-4 {
    padding-bottom: 0px;
  }

  .hero-4 .hero-4-thumb {
    width: 100%;
    position: initial;
    margin-top: 90px;
  }

  .hero-style4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hero-thumb-group {
    justify-content: start;
    margin-top: 50px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style4 .hero-title {
    font-size: 56px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style4 .hero-title {
    font-size: 46px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-style4 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

/* Hero 5 ---------------------------------- */
.hero-5 .hero-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
}

.hero-5 .circle-btn {
  margin-bottom: 140px;
}

.hero-style5 {
  padding-top: 270px;
  padding-bottom: 75px;
}

.hero-style5 .hero-title {
  font-size: 160px;
  line-height: 1.0625em;
  color: var(--white-color);
  font-weight: 600;
  letter-spacing: -4.8px;
}

.hero-style5 .hero-text {
  color: var(--smoke-color);
  max-width: 416px;
  line-height: 30px;
  margin-top: 27px;
}

.hero-style5 .hero-year-tag {
  margin-top: 100px;
  margin-left: auto;
}

.hero-style5 .hero-year-tag h6 {
  color: var(--white-color);
  line-height: 24px;
}

.hero-style5 .hero-year-tag img {
  filter: grayscale(9) brightness(99);
}

/* Extra large devices */
@media (max-width: 1500px) {
  .hero-style5 {
    padding-top: 317px;
  }

  .hero-style5 .hero-title {
    font-size: 120px;
    letter-spacing: normal;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-style5 {
    padding-top: 217px;
  }

  .hero-style5 .hero-title {
    font-size: 100px;
  }

  .hero-style5 .hero-year-tag {
    margin-top: 80px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .hero-style5 .hero-title {
    font-size: 90px;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-style5 .hero-title {
    font-size: 80px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-style5 .hero-year-tag {
    margin-left: 0;
    margin-top: 60px;
  }

  .hero-5 .circle-btn {
    margin-bottom: 120px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-5 .circle-btn {
    margin-bottom: 100px;
  }

  .hero-style5 .hero-title {
    font-size: 56px;
    line-height: 66px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style5 {
    padding-top: 187px;
    padding-bottom: 55px;
  }

  .hero-style5 .hero-year-tag {
    margin-top: 40px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-style5 .hero-title {
    font-size: 46px;
    line-height: 56px;
  }
}

/* Hero 6 ---------------------------------- */
.hero-style6 {
  position: relative;
  z-index: 6;
  padding: 195px 0 0px;
  margin-bottom: 140px;
}

.hero-style6 .hero-text {
  margin-top: 23px;
}

.hero-style6 .circle-btn.style2 {
  position: absolute;
  bottom: 0px;
  left: 300px;
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .hero-style6 .circle-btn.style2 {
    bottom: -30px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-style6 .circle-btn.style2 {
    bottom: 0px;
    left: 200px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-style6 .circle-btn.style2 {
    margin-top: 40px;
    position: initial;
  }

  .hero-style6 {
    padding: 155px 0 0px;
    margin-bottom: 100px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style6 .hero-title {
    letter-spacing: normal;
  }
}

/* Hero 7 ---------------------------------- */
.hero-7 {
  padding-bottom: 100px;
}

.hero-7 .hero-7-thumb {
  margin-bottom: -100px;
}

.hero-style7 {
  padding: 200px 0 70px;
}

.hero-style7 .hero-title {
  margin-bottom: 22px;
}

.hero-style7 .hero-text {
  max-width: 636px;
  margin: 0 auto;
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-style7 {
    padding: 200px 0 70px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style7 {
    padding: 145px 0 60px;
  }

  .hero-style7 .hero-title {
    font-size: 50px;
    letter-spacing: normal;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style7 {
    padding: 145px 0 40px;
  }

  .hero-style7 .hero-title {
    font-size: 39px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-style7 .hero-title {
    font-size: 34px;
  }
}

/* Hero 8 ---------------------------------- */
.hero-style8 {
  padding: 188px 0 140px;
}

.hero-style8 .hero-subtitle {
  font-size: 40px;
  font-family: var(--body-font);
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.hero-style8 .hero-text {
  margin-top: 60px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-style8 .hero-subtitle {
    font-size: 36px;
  }

  .hero-style8 {
    padding: 200px 0 140px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-style8 {
    max-width: 600px;
    padding: 200px 0 80px;
  }

  .hero-style8 .hero-subtitle {
    font-size: 30px;
  }

  .hero-style8 .hero-text {
    margin-top: 30px;
    max-width: 400px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-style8 {
    max-width: 450px;
    padding: 160px 0 80px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-style8 .hero-subtitle {
    font-size: 24px;
  }
}

/*------------------- 4.9. Error  -------------------*/
.error-wrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 106px;
}

/*------------------- 4.00. Popup Search  -------------------*/
.popup-search-box {
  position: fixed;
  top: 0;
  left: 50%;
  background-color: var(--title-color);
  width: 100.1%;
  height: 0px;
  overflow: hidden;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: all ease 0.4s;
}

.popup-search-box button.searchClose {
  width: 60px;
  height: 60px;
  line-height: 54px;
  position: absolute;
  top: 40px;
  right: 40px;
  background-color: transparent;
  font-size: 22px;
  border-radius: 50%;
  border: 2px solid var(--smoke-color);
  transform: rotate(0);
  transition: all ease 0.4s;
  color: var(--white-color);
}

.popup-search-box button.searchClose:hover {
  color: var(--body-color);
  background-color: #2e2e2d;
  border-color: transparent;
  border-color: transparent;
  transform: rotate(90deg);
}

.popup-search-box form {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding-bottom: 0px;
  cursor: auto;
  width: 100%;
  max-width: 900px;
  transform: translate(-50%, -50%);
  transition: transform ease 0.4s;
  /* Large devices */
}

@media (max-width: 1199px) {
  .popup-search-box form {
    max-width: 600px;
  }
}

.popup-search-box form input {
  font-size: 24px;
  font-weight: 400;
  height: 70px;
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid var(--smoke-color);
  padding: 0 80px 0 0px;
  color: var(--smoke-color);
  border-radius: 0px;
}

.popup-search-box form input::-moz-placeholder {
  color: rgba(246, 245, 243, 0.5);
}

.popup-search-box form input::-webkit-input-placeholder {
  color: rgba(246, 245, 243, 0.5);
}

.popup-search-box form input:-ms-input-placeholder {
  color: rgba(246, 245, 243, 0.5);
}

.popup-search-box form input::placeholder {
  color: rgba(246, 245, 243, 0.5);
}

.popup-search-box form button {
  position: absolute;
  top: 0px;
  background-color: transparent;
  border: none;
  color: var(--theme-color);
  font-size: 24px;
  right: 0px;
  cursor: pointer;
  width: auto;
  height: 70px;
  transition: all ease 0.4s;
  transform: scale(1.001);
  filter: brightness(99999);
}

.popup-search-box form button:hover {
  transform: scale(1.1);
}

.popup-search-box.show {
  opacity: 1;
  visibility: visible;
  width: 100.1%;
  height: 350px;
  transition: all ease 0.4s;
  border-radius: 0;
}

.popup-search-box.show form {
  transition-delay: 0.5s;
}

/* Small devices */
@media (max-width: 767px) {
  .popup-search-box form {
    width: 80%;
  }

  .popup-search-box form input {
    height: 60px;
  }

  .popup-search-box form button {
    width: 60px;
    line-height: 62px;
    height: 60px;
  }
}

/*------------------- 4.00. Popup Side Menu  -------------------*/
.sidemenu-wrapper {
  position: fixed;
  z-index: 99999;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.8s;
}

.sidemenu-wrapper .closeButton {
  width: 60px;
  height: 60px;
  line-height: 54px;
  position: absolute;
  top: 40px;
  right: 40px;
  background-color: transparent;
  font-size: 22px;
  border-radius: 50%;
  border: 2px solid var(--smoke-color);
  transform: rotate(0);
  transition: all ease 0.4s;
  color: var(--white-color);
}

.sidemenu-wrapper .closeButton:hover {
  color: var(--body-color);
  background-color: #2e2e2d;
  border-color: transparent;
  border-color: transparent;
  transform: rotate(90deg);
}

.sidemenu-wrapper .sidemenu-content {
  background-color: var(--title-color);
  width: 560px;
  margin-left: auto;
  padding: 120px 80px 80px 80px;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  right: 0px;
  transform: translateX(100%);
  cursor: auto;
  transition-delay: 1s;
  transition: right ease 1s;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {
  width: 2px;
  background-color: #f5f5f5;
}

.sidemenu-wrapper .sidemenu-content .widget_shopping_cart ul {
  height: calc(100vh - 500px);
}

.sidemenu-wrapper .widget {
  padding: 0;
  border: none;
  background-color: transparent;
}

.sidemenu-wrapper .widget-about .about-text {
  color: var(--smoke-color);
  font-size: 18px;
  padding-bottom: 40px;
  border-bottom: 2px solid var(--smoke-color);
  max-width: none;
  margin-bottom: 44px;
}

.sidemenu-wrapper .sidebar-wrap {
  margin-bottom: 23px;
}

.sidemenu-wrapper .sidebar-wrap h6 {
  font-size: 14px;
  font-weight: 600;
  color: var(--white-color);
  margin-bottom: 0;
  line-height: 24px;
}

.sidemenu-wrapper .sidebar-wrap a {
  color: var(--white-color);
}

.sidemenu-wrapper .sidebar-wrap a:hover {
  color: var(--theme-color);
}

.sidemenu-wrapper .chat-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 210px;
  width: 210px;
  background: var(--theme-color);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  color: var(--title-color);
  font-family: var(--title-font);
  text-transform: uppercase;
  text-align: center;
  padding: 50px;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sidemenu-wrapper .chat-btn:hover {
  background: #2e2e2d;
  color: var(--white-color);
}

.sidemenu-wrapper.show {
  opacity: 1;
  visibility: visible;
  width: 100%;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.sidemenu-wrapper.show .sidemenu-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .sidemenu-wrapper .sidemenu-content {
    padding: 100px 80px;
  }

  .sidemenu-wrapper .chat-btn {
    position: initial;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .sidemenu-wrapper .sidemenu-content {
    width: 320px;
    padding: 80px 20px 40px;
  }

  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .mini_cart_item {
    padding: 3px 30px 30px 119px;
  }

  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .cart_list img {
    width: 80px;
    height: 80px;
  }

  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .mini_cart_item {
    padding: 3px 30px 30px 95px;
  }

  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .cart_list a:not(.remove) {
    font-size: 14px;
    margin-top: -0.4em;
  }

  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .amount {
    padding-left: 0;
    font-size: 14px;
  }

  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .quantity {
    font-size: 14px;
    margin-top: 0px;
  }

  .sidemenu-wrapper .sidemenu-content .btn-wrap {
    gap: 20px 20px;
    margin-bottom: 0;
  }

  .sidemenu-wrapper .sidemenu-content .btn-wrap .btn {
    padding: 17px 22px;
    font-size: 12px;
  }

  .sidemenu-wrapper .closeButton {
    width: 50px;
    height: 50px;
    line-height: 44px;
    top: 20px;
    right: 20px;
  }
}

/*------------------- 4.00. Subscribe  -------------------*/
/*------------------- 4.00. Contact  -------------------*/
/*contact area 1***********************/
.contact-area-1 {
  margin-top: 100px;
  /* Medium devices */
}

.contact-area-1 .contact-map {
  width: 42%;
}

.contact-area-1 .contact-map iframe {
  height: 100%;
  min-height: 400px;
}

@media (max-width: 991px) {
  .contact-area-1 {
    margin-top: 0;
  }

  .contact-area-1 .contact-map {
    width: 100%;
    top: -80px !important;
    position: relative;
  }
}

/*------------------- 4.00. About  -------------------*/
/*about area 1***********************/
.about-area-1 {
  margin-top: 100px;
  /* Extra large devices */
  /* Medium devices */
}

.about-area-1 .about-img-1-1 {
  width: 44%;
}

.about-area-1 .about-img-1-1 img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1500px) {
  .about-area-1 .about-img-1-1 {
    width: 42%;
  }
}

@media (max-width: 991px) {
  .about-area-1 {
    margin-top: 0;
  }

  .about-area-1 .about-img-1-1 {
    width: 100%;
    top: -80px !important;
    position: relative;
  }

  .web-second-sec .slider-web {
    padding-top: 70px !important;
  }

  .web-content-slider h2 {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .web-slider .swiper-slide {
    width: 300px !important;
    height: 100% !important;
  }

  .web-content-slider {
    margin: 20px;
    padding: 20px 10px;
  }

  .web-content-slider p {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
  }

  .web-second-sec p.text-white.text-center {
    font-size: 16px;
  }
}

.marquee-wrap {
  background: #1601ac;
  padding: 31px 0;
}

.marquee-wrap .marquee__group .m-item {
  margin-right: 25px;
  display: inline;
}

.marquee-wrap .marquee__group .m-item a {
  color: var(--smoke-color);
  font-size: 36px;
  font-weight: 600;
  font-family: var(--title-font);
  /* Small devices */
  /* Extra small devices */
  /* Extra small devices */
}

.marquee-wrap .marquee__group .m-item a i {
  color: var(--theme-color);
  margin-right: 20px;
}

@media (max-width: 767px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 24px;
  }
}

@media (max-width: 375px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 20px;
  }
}

.about-counter-wrap {
  display: flex;
  gap: 120px;
}

.about-counter-wrap .counter-card {
  position: relative;
  text-align: left;
}

.about-counter-wrap .counter-card:after {
  content: "";
  position: absolute;
  right: -60px;
  top: 0;
  height: 100%;
  width: 2px;
  background: var(--title-color);
}

.about-counter-wrap .counter-card:last-child:after {
  display: none;
}

.about-counter-wrap .counter-card_number {
  font-size: 48px;
  letter-spacing: -0.96px;
  display: flex;
  margin-bottom: 0;
}

.about-counter-wrap .counter-card_title {
  font-size: 18px;
  font-weight: 400;
  font-family: var(--body-font);
  margin-bottom: -0.3em;
}

/* Large devices */
@media (max-width: 1199px) {
  .about-counter-wrap {
    gap: 100px;
  }

  .about-counter-wrap .counter-card:after {
    right: -50px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .about-counter-wrap .counter-card_number {
    font-size: 40px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .about-counter-wrap {
    gap: 60px;
  }

  .about-counter-wrap .counter-card:after {
    right: -30px;
  }

  .about-counter-wrap .counter-card_number {
    font-size: 30px;
  }

  .about-counter-wrap .counter-card_title {
    font-size: 16px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .about-counter-wrap {
    display: block;
  }

  .about-counter-wrap .counter-card:not(:last-child) {
    margin-bottom: 30px;
  }
}

/*------------------- 4.00. Team  -------------------*/
/* Team 1 ---------------------------------- */
.team-card {
  overflow: hidden;
  position: relative;
}

.team-card_img {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.team-card_img:before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-linear-gradient(180deg,
      rgba(10, 12, 0, 0) 50.47%,
      #0a0c00 100%);
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 50.47%, #0a0c00 100%);
  z-index: 1;
}

.team-card_img img {
  transition: 0.4s;
  width: 100%;
  filter: grayscale(1);
}

.team-card .team-card_content {
  position: absolute;
  left: 0;
  bottom: -10px;
  padding: 0 28px 36px;
  transition: 0.4s;
  opacity: 0;
  z-index: 1;
}

.team-card_title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 7px;
}

.team-card_title a {
  color: var(--white-color);
}

.team-card_title a:hover {
  color: var(--theme-color);
}

.team-card_desig {
  font-size: 18px;
  font-weight: 400;
  display: block;
  color: var(--white-color);
  margin-bottom: 0;
}

.team-card:hover .team-card_content {
  opacity: 1;
  bottom: 0;
}

.team-card:hover .team-card_img img {
  transform: scale(1.05);
  filter: grayscale(0);
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .team-card_title {
    font-size: 22px;
  }
}

/* Team Details ---------------------------------- */
.team-details-about-info .team-desig {
  font-size: 24px;
  font-weight: 400;
  font-family: var(--body-font);
  margin-bottom: 45px;
}

.team-details-about-info .about-contact-wrap .about-contact-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 6px;
}

.team-details-about-info .about-contact-wrap .about-contact-title a {
  color: var(--title-color);
}

/*------------------- 4.00. Testimonial  -------------------*/
/* Testimonial 1 ---------------------------------- */
.testimonial-area-1 {
  margin-top: 150px !important;
  /* Extra large devices */
  /* Medium devices */
}

.testimonial-area-1 .testimonial-img-1-1 {
  width: 44%;
}

.testimonial-area-1 .testimonial-img-1-1 img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1500px) {
  .testimonial-area-1 .testimonial-img-1-1 {
    width: 42%;
  }
}

@media (max-width: 991px) {

  /*.testimonial-area-1 {
    margin-top: 0;
  }*/
  .testimonial-area-1 .testimonial-img-1-1 {
    width: 100%;
    top: -80px !important;
    position: relative;
  }
}

.testi-slider1 {
  position: relative;
}

.testi-slider1 .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: end;
}

.testi-slider1 .slick-dots li {
  margin-right: 12px;
}

.testi-slider1 .slick-dots li:last-child {
  margin-right: 0;
}

.testi-slider1 .slick-dots li button {
  border: 1px solid var(--title-color);
  height: 10px;
  width: 10px;
}

.testi-slider1 .slick-dots li.slick-active button {
  background: var(--title-color);
}

.testi-box {
  /* Medium Large devices */
  /* Medium Large devices */
}

.testi-box_text {
  margin-bottom: 30px;
  line-height: 38px;
  font-size: 24px;
  font-weight: 400;
  margin-top: 28px;
}

.testi-box_profile .testi-box_name {
  margin-bottom: 6px;
  margin-top: -0.35em;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--title-color);
}

.testi-box_profile .testi-box_desig {
  font-size: 18px;
  font-weight: 400;
  display: block;
  margin-bottom: -0.1em;
}

@media (max-width: 1399px) {
  .testi-box .testi-box_text {
    font-size: 18px;
    line-height: 34px;
  }
}

@media (max-width: 1299px) {
  .testi-box .testi-box_text {
    font-size: 16px;
    line-height: 30px;
  }
}

/* Testimonial 2 ---------------------------------- */
.testi-slider2 .slick-slide {
  opacity: 0.1;
  transition: 0.4s;
}

.testi-slider2 .slick-slide.slick-current {
  opacity: 1;
}

.testi-box.style2 {
  text-align: center;
  padding: 0 55px;
}

.testi-box.style2 .quote-icon {
  filter: brightness(99);
}

.testi-box.style2 .testi-box_text {
  font-size: 40px;
  line-height: 54px;
  letter-spacing: -0.8px;
  color: var(--smoke-color);
}

.testi-box.style2 .testi-box_profile {
  margin-top: 52px;
}

.testi-box.style2 .testi-box_profile .testi-box_name {
  letter-spacing: -0.48px;
  font-size: 24px;
  color: var(--smoke-color);
}

.testi-box.style2 .testi-box_profile .testi-box_desig {
  font-size: 18px;
  font-weight: 400;
  color: var(--smoke-color);
  margin-bottom: -0.1em;
}

@media (max-width: 1700px) {
  .testi-box.style2 {
    padding: 0 25px;
  }

  .testi-box.style2 .testi-box_text {
    font-size: 30px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .testi-box.style2 {
    padding: 0 15px;
  }

  .testi-box.style2 .testi-box_text {
    line-height: normal;
  }

  .testi-box.style2 .testi-box_text {
    font-size: 27px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .testi-box.style2 .testi-box_text {
    font-size: 30px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .testi-box.style2 .testi-box_text {
    font-size: 27px;
  }

  .popup-form p {
  font-size: 30px;
  font-family: "Roboto";
  font-weight: 600;
  line-height: 1;
  color: white;
}

.popup-form p span {
  font-size: 50px;
  font-family: "Roboto";
}
}

/* Extra small devices */
@media (max-width: 575px) {
  .testi-box.style2 .testi-box_text {
    font-size: 24px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .testi-box.style2 .testi-box_text {
    font-size: 20px;
  }

  .testi-box.style2 .testi-box_profile {
    margin-top: 42px;
  }
}

/* Testimonial 3 ---------------------------------- */
.testi-box.style3 {
  background: var(--gray-color);
  padding: 40px;
}

.testi-box.style3 .quote-icon {
  filter: brightness(99);
}

.testi-box.style3 .testi-box_text {
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  color: var(--smoke-color);
  letter-spacing: -0.48px;
  margin-bottom: 80px;
}

.testi-box.style3 .testi-box_profile .testi-box_name {
  color: var(--smoke-color);
}

.testi-box.style3 .testi-box_profile .testi-box_desig {
  color: var(--smoke-color);
}

/* Large devices */
@media (max-width: 1199px) {
  .testi-box.style3 .testi-box_text {
    font-size: 20px;
    line-height: initial;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .testi-box.style3 .testi-box_text {
    font-size: 24px;
    line-height: initial;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .testi-box.style3 .testi-box_text {
    font-size: 20px;
    line-height: initial;
    margin-bottom: 50px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .testi-box.style3 {
    padding: 30px;
  }

  .testi-box.style3 .testi-box_text {
    font-size: 18px;
  }
}

/*------------------- 4.00. Counter  -------------------*/
/* Counter area ---------------------------------- */
.counter-divider {
  position: relative;
}

.counter-divider:after {
  content: "";
  position: absolute;
  left: -70px;
  top: 0;
  height: 100%;
  width: 1px;
  border: 1px solid var(--title-color);
}

.counter-divider:first-child:after {
  display: none;
}

.counter-card {
  max-width: 320px;
}

.counter-card_number {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 18px;
}

.counter-card_title {
  font-weight: 600;
}

.counter-card_text {
  font-size: 18px;
  margin-bottom: -0.2em;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .counter-divider:after {
    left: -30px;
  }

  .counter-card_number {
    font-size: 45px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .counter-divider:after {
    display: none;
  }

  .counter-card_number {
    margin-top: -0.28em;
  }

  .counter-card_title {
    font-size: 22px;
  }

  .counter-card_text {
    font-size: 16px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .counter-card_number {
    font-size: 40px;
  }

  .counter-card {
    max-width: none;
    text-align: center;
  }
}

/*------------------- 4.00. Blog  -------------------*/
/* Blog Card ---------------------------------- */
.blog-meta {
  display: block;
  margin-top: -0.4em;
  margin-bottom: 12px;
}

.blog-meta span,
.blog-meta a {
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--body-font);
  color: var(--title-color);
  margin-right: 0;
}

.blog-meta span~a,
.blog-meta span~span,
.blog-meta a~a,
.blog-meta a~span {
  margin-left: 22px;
}

.blog-meta span~a:after,
.blog-meta span~span:after,
.blog-meta a~a:after,
.blog-meta a~span:after {
  content: "";
  height: 4px;
  width: 4px;
  background-color: var(--body-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -3px;
}

.blog-meta span i,
.blog-meta a i {
  margin-right: 8px;
  color: var(--theme-color);
}

.blog-meta span:last-child,
.blog-meta a:last-child {
  margin-right: 0 !important;
  padding-right: 0;
}

.blog-meta span a {
  margin-right: 0 !important;
}

.blog-meta a:hover {
  color: var(--title-color);
}

.blog-card {
  background: transparent;
  position: relative;
  border-radius: 0px;
  display: block;
}

.blog-card .blog-title {
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 17px;
}

.blog-card .blog-title a {
  transition: 0.5s ease-in-out;
  color: var(--title-color);
}

.blog-card .blog-title a:hover {
  color: var(--title-color);
}

.blog-card .blog-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 3;
  border-radius: 0;
}

.blog-card .blog-img img {
  max-width: 100%;
  border-radius: 0;
  transform: scale(1.04);
  transition: 0.4s ease-in-out;
}

.blog-card .blog-content {
  border-radius: 0;
  position: relative;
  z-index: 2;
  padding-top: 30px;
  transition: 0.4s;
}

.blog-card:hover .post-img img,
.blog-card:hover .blog-img img {
  transform: scale(1.04) translateX(6px);
}

/* Large devices */
@media (max-width: 1199px) {
  .blog-card .blog-title {
    font-size: 20px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .blog-card .blog-img img {
    width: 100%;
  }
}

/* Blog Card 2 ---------------------------------- */
.blog-card.style2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(180deg,
      rgba(10, 12, 0, 0) 0%,
      #0a0c00 100%),
    transparent 50% / cover no-repeat;
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, #0a0c00 100%),
    transparent 50% / cover no-repeat;
  transition: 0.4s all;
  z-index: 3;
}

.blog-card.style2 .blog-content {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: 4;
  padding: 40px 36px;
  --title-color: #fff;
  opacity: 1;
  transition: 0.4s;
}

.blog-card.style2 .blog-content .blog-title {
  letter-spacing: -0.48px;
}

.blog-card.style2 .link-btn img {
  filter: brightness(999) grayscale(9);
}

.blog-card.style2 .blog-meta span~a:after,
.blog-card.style2 .blog-meta span~span:after,
.blog-card.style2 .blog-meta a~a:after {
  background: var(--title-color);
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .blog-card.style2 .blog-content .blog-title {
    font-size: 22px;
  }

  .blog-card.style2 .blog-content {
    padding: 30px 26px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .blog-card.style2 .blog-content .blog-title {
    font-size: 18px;
  }

  .blog-card.style2 .blog-meta span,
  .blog-card.style2 .blog-meta a {
    font-size: 14px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .blog-card.style2 .blog-content .blog-title {
    font-size: 24px;
  }

  .blog-card.style2 .blog-meta span,
  .blog-card.style2 .blog-meta a {
    font-size: 16px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .blog-card.style2 .blog-content .blog-title {
    font-size: 22px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .blog-card.style2 .blog-content .blog-title {
    font-size: 18px;
  }

  .blog-card.style2 .blog-meta span,
  .blog-card.style2 .blog-meta a {
    font-size: 14px;
  }
}

/* Blog Area 3 ---------------------------------- */
/* Blog grid ---------------------------------- */
.blog-grid-static-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.blog-grid-static-wrap .blog-grid-static {
  position: sticky;
  top: 155px;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: auto;
}

.blog-grid {
  display: flex;
  border: 0;
  background: var(--smoke-color);
  position: relative;
  border-radius: 0px;
  overflow: hidden;
}

.blog-grid .blog-img {
  position: relative;
  min-width: 302px;
  overflow: hidden;
}

.blog-grid .blog-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  transition: 0.4s ease-in-out;
}

.blog-grid .blog-content {
  padding: 40px;
  align-self: center;
}

.blog-grid .blog-title {
  font-size: 22px;
  margin-bottom: 21px;
  margin-top: 0px;
  line-height: 32px;
  font-weight: 600;
}

.blog-grid .blog-title a {
  color: var(--title-color);
}

.blog-grid .link-btn {
  margin-top: 50px;
}

.blog-grid:hover .blog-img img {
  transform: scale(1.1);
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .blog-grid .blog-content {
    padding: 40px 30px;
  }

  .blog-grid .blog-img {
    min-width: 252px;
  }

  .blog-grid .link-btn {
    margin-top: 30px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .blog-grid .blog-img {
    min-width: 302px;
  }

  .blog-grid .link-btn {
    margin-top: 70px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .blog-grid .blog-img {
    min-width: 180px;
  }

  .blog-grid .link-btn {
    margin-top: 0;
  }

  .blog-grid .blog-content {
    padding: 30px 30px;
  }

  .blog-grid .blog-title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-grid-static-wrap .blog-grid-static {
    position: initial;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .blog-grid {
    flex-direction: column;
  }

  .blog-grid .blog-content {
    align-self: flex-start;
  }

  .blog-grid .blog-meta span,
  .blog-grid .blog-meta a {
    font-size: 16px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .blog-grid .blog-title {
    font-size: 18px;
    line-height: 28px;
  }
}

/* Blog Area 5 ---------------------------------- */
.blog-card.style3 .blog-meta span,
.blog-card.style3 .blog-meta a {
  color: var(--smoke-color);
}

.blog-card.style3 .blog-meta span~a:after,
.blog-card.style3 .blog-meta a~a:after {
  background-color: var(--smoke-color);
}

.blog-card.style3 .blog-title a {
  color: var(--smoke-color);
}

.blog-card.style3 .link-btn {
  color: var(--smoke-color);
}

.blog-card.style3 .link-btn:after,
.blog-card.style3 .link-btn:before {
  background: var(--smoke-color);
}

.blog-card.style3 .link-btn img {
  filter: brightness(99) grayscale(99);
}

/*------------------- 4.00. Blog  -------------------*/
/*=============================
    19. Blog
===============================*/
.blog-post-item {
  border: none;
  background: var(--white-color);
  border-radius: 0px;
  margin-bottom: 30px;
}

.blog-post-thumb {
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 30px;
}

.blog-post-thumb img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .blog-post-thumb img {
    height: 350px;
  }
}

.blog-post-content .title {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.96px;
  margin-bottom: 23px;
  text-transform: capitalize;
  /* Medium Large devices */
  /* Large devices */
  /* Extra small devices */
  /* Extra small devices */
}

.blog-post-content .title a {
  color: var(--title-color);
}

@media (max-width: 1399px) {
  .blog-post-content .title {
    font-size: 40px;
  }
}

@media (max-width: 1199px) {
  .blog-post-content .title {
    font-size: 32px;
    letter-spacing: normal;
  }
}

@media (max-width: 575px) {
  .blog-post-content .title {
    font-size: 24px;
  }
}

@media (max-width: 375px) {
  .blog-post-content .title {
    font-size: 20px;
  }
}

.blog-post-meta {
  margin-bottom: 12px;
}

.blog-post-meta .list-wrap {
  display: flex;
  align-items: center;
  gap: 15px 28px;
  flex-wrap: wrap;
}

.blog-post-meta .list-wrap li {
  display: flex;
  align-items: center;
  gap: 8px;
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--body-font);
  color: var(--title-color);
  margin-right: 0;
}

.blog-post-meta .list-wrap li a {
  color: var(--title-color);
}

.blog-post-meta .list-wrap li i {
  font-size: 18px;
}

.blog-post-meta .list-wrap li:not(:first-child):after {
  content: "";
  height: 4px;
  width: 4px;
  background-color: var(--body-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -3px;
}

/*blog post 2************/
.blog-post-item-two {
  margin-bottom: 30px;
}

.blog-post-item-two .blog-post-thumb img {
  height: auto;
}

.blog-post-item-two .blog-post-content .title {
  font-size: 24px;
  letter-spacing: normal;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .blog-post-item-two .blog-post-content .title {
    font-size: 22px;
  }
}

.blog__inner-wrap .row .col-70 {
  width: 70.5%;
  flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
  .blog__inner-wrap .row .col-70 {
    width: 67.5%;
  }
}

@media (max-width: 991.98px) {
  .blog__inner-wrap .row .col-70 {
    width: 100%;
  }
}

.blog__inner-wrap .row .col-30 {
  width: 29.5%;
  flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
  .blog__inner-wrap .row .col-30 {
    width: 32.5%;
  }
}

@media (max-width: 991.98px) {
  .blog__inner-wrap .row .col-30 {
    width: 100%;
  }
}

.blog__sidebar {
  margin-left: 48px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .blog__sidebar {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .blog__sidebar {
    margin-top: 100px;
  }
}

/*Blog Details Area**********/
.blog__details-thumb {
  margin-bottom: 44px;
}

.blog__details-thumb img {
  border-radius: 0px;
  min-height: 250px;
  object-fit: cover;
}

.blog__details-content>.title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.208;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .blog__details-content>.title {
    font-size: 32px;
  }
}

@media (max-width: 767.98px) {
  .blog__details-content>.title {
    font-size: 28px;
  }
}

.blog__details-content .blog-post-meta {
  margin-bottom: 15px;
}

.blog__details-content>p {
  margin-bottom: 20px;
  font-size: 18px;
}

.blog__details-content .title-two {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .blog__details-content .title-two {
    font-size: 26px;
  }
}

.blog__details-inner {
  margin: 40px 0;
}

.blog__details-inner-thumb {
  position: relative;
}

.blog__details-inner-thumb img {
  width: 100%;
}

@media (max-width: 767.98px) {
  .blog__details-inner-thumb {
    margin-bottom: 30px;
  }
}

.blog__details-inner-content .title {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 600;
}

@media (max-width: 1199.98px) {
  .blog__details-inner-content .title {
    font-size: 26px;
  }
}

.blog__details-inner-content p {
  margin-bottom: 20px;
  width: 95%;
}

@media (max-width: 1199.98px) {
  .blog__details-inner-content p {
    width: 100%;
  }
}

.blog__details-bottom {
  margin-top: 35px;
  padding-bottom: 44px;
  border-bottom: 2px solid var(--title-color);
}

.blog__details-bottom .post-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.blog__details-bottom .post-tags .title {
  margin-bottom: 0;
  font-size: 14px;
}

.blog__details-bottom .post-tags .list-wrap {
  display: flex;
  gap: 13px 24px;
  flex-wrap: wrap;
}

.blog__details-bottom .post-tags .list-wrap li {
  position: relative;
}

.blog__details-bottom .post-tags .list-wrap li a {
  font-size: 18px;
  background: transparent;
  font-weight: 400;
  color: var(--title-color);
  display: block;
}

.blog__details-bottom .post-tags .list-wrap li:not(:last-child):after {
  content: "";
  background-color: var(--title-color);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -14px;
  width: 2px;
  height: 16px;
}

.blog__details-bottom .post-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.blog__details-bottom .post-share .title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--body-font);
  margin-right: 10px;
}

.blog__details-bottom .post-share .social-btn a {
  font-size: 18px;
}

@media (max-width: 767.98px) {
  .blog__details-bottom .post-share {
    justify-content: flex-start;
    margin-top: 20px;
  }
}

.blog__avatar-wrap {
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  align-items: center;
  gap: 35px;
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 991px) {
  .blog__avatar-wrap {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .blog__avatar-wrap {
    display: block;
  }

  .blog__avatar-wrap .blog__avatar-img img {
    width: auto;
    margin-bottom: 30px;
  }
}

.blog__avatar-img {
  flex: none;
}

.blog__avatar-img img {
  width: 100%;
  border-radius: 0;
}

.blog__avatar-info .name {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 16px;
}

.blog__avatar-info .name a {
  color: var(--title-color);
}

.blog__avatar-info p {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.66;
}

/*Blockquote****************/
blockquote {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 24px;
  align-items: start;
  margin: 40px 0;
  /* Extra small devices */
}

blockquote .blockquote-icon {
  flex: none;
}

blockquote p {
  font-size: 24px;
  font-weight: 400;
  font-family: var(--body-font);
  text-transform: capitalize;
  color: var(--title-color);
  line-height: 1.583;
  letter-spacing: -0.48px;
  margin-top: -0.3em;
  margin-bottom: -0.3em;
}

@media (max-width: 575px) {
  blockquote {
    display: block;
  }

  blockquote .blockquote-icon {
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  blockquote p {
    font-size: 18px;
  }
}

/*sidebar-widget**************/
.sidebar__widget {
  border: none;
  padding: 0;
  border-radius: 0px;
  margin-bottom: 60px;
}

.sidebar__widget:last-child {
  margin-bottom: 0;
}

.sidebar__widget-search {
  border: none;
  padding: 0;
  border-radius: 0;
}

.sidebar__search form {
  position: relative;
}

.sidebar__search form input {
  width: 100%;
  border-bottom: 1px solid var(--title-color);
  border-radius: 0px;
  background: transparent;
  font-size: 18px;
  color: var(--body-color);
  padding: 0px 60px 0px 0px;
  height: 60px;
}

.sidebar__search form input::placeholder {
  color: rgba(10, 12, 0, 0.5);
  font-size: 18px;
}

.sidebar__search form button {
  border: none;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 0px;
}

.sidebar__search form button svg {
  color: var(--title-color);
  width: 20px;
}

.sidebar__widget-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
  letter-spacing: -0.48px;
  margin-top: -0.2em;
}

.sidebar__cat-list {
  margin-top: -0.3em;
}

.sidebar__cat-list .list-wrap li {
  margin-bottom: 17px;
}

.sidebar__cat-list .list-wrap li a {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: var(--body-color);
  font-size: 18px;
  font-weight: 400;
  gap: 5px;
}

.sidebar__cat-list .list-wrap li:last-child {
  margin-bottom: -0.4em;
}

.sidebar__post-item {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  align-items: center;
}

.sidebar__post-item:last-child {
  margin-bottom: 0;
}

.sidebar__post-thumb {
  width: 80px;
  flex: 0 0 auto;
}

.sidebar__post-content .title {
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: -0.3em;
}

.sidebar__post-content .title a {
  color: var(--title-color);
}

.sidebar__post-content .date {
  display: flex;
  align-items: center;
  color: var(--title-color);
  font-size: 14px;
  margin-bottom: -0.5em;
}

.sidebar__tag-list {
  margin-top: -0.3em;
}

.sidebar__tag-list .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px 24px;
  overflow: hidden;
}

.sidebar__tag-list .list-wrap li {
  position: relative;
}

.sidebar__tag-list .list-wrap li a {
  font-size: 18px;
  background: transparent;
  font-weight: 400;
  color: var(--title-color);
  display: block;
}

.sidebar__tag-list .list-wrap li:not(:last-child):after {
  content: "";
  background-color: var(--title-color);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -14px;
  width: 2px;
  height: 16px;
}

/*Comment Area**************/
.comments-wrap-title {
  font-size: 36px;
  margin-bottom: 35px;
  margin-top: -0.2em;
  /* Small devices */
}

@media (max-width: 767px) {
  .comments-wrap-title {
    font-size: 26px;
  }
}

.comments-wrap .latest-comments {
  margin-bottom: 50px;
}

.comments-wrap .latest-comments .children {
  margin: 0 0 0 135px;
  padding: 0;
}

@media (max-width: 767.98px) {
  .comments-wrap .latest-comments .children {
    margin: 0;
  }
}

.comments-box {
  display: flex;
  align-items: flex-start;
  padding-bottom: 48px;
  gap: 25px;
}

@media (max-width: 767.98px) {
  .comments-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}

.comments-avatar {
  flex: 0 0 auto;
}

.comments-text .avatar-name {
  margin-bottom: 15px;
}

.comments-text .avatar-name .name {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.comments-text .avatar-name span {
  font-weight: 400;
  font-size: 18px;
  display: block;
  color: var(--title-color);
  margin-bottom: 6px;
}

.comments-text p {
  margin-bottom: 20px;
  font-size: 18px;
}

.comment-reply-title {
  font-size: 36px;
  margin-bottom: 10px;
  margin-top: -0.2em;
}

@media (max-width: 767.98px) {
  .comment-reply-title {
    font-size: 26px;
  }
}

.comment-form .comment-notes {
  margin-bottom: 35px;
  font-size: 18px;
}

.list-wrap {
  margin: 0px;
  padding: 0px;
}

.list-wrap li {
  list-style: none;
}

/*------------------- 4.00. Client  -------------------*/
.client-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 2px 0 0 2px;
}

.client-list-wrap li {
  border: 2px solid var(--title-color);
  margin-left: -2px;
  margin-top: -2px;
}

.client-list-wrap li a {
  height: 148px;
  line-height: 148px;
  width: 212px;
  display: inline-block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.client-list-wrap li a .link-effect {
  height: 35px;
}

.client-list-wrap li a:hover .link-effect .effect-1 {
  top: -100%;
}

.client-list-wrap.style2 {
  grid-template-columns: repeat(6, 1fr);
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .client-list-wrap li a {
    width: 182px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .client-list-wrap li a {
    width: 160px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .client-list-wrap li a {
    width: 100px;
  }

  .client-list-wrap li a {
    height: 128px;
    line-height: 128px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .client-list-wrap li a {
    height: 98px;
    line-height: 98px;
    width: 80px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .client-list-wrap li a {
    height: 78px;
    line-height: 78px;
    width: 60px;
  }
}

.client-area-3 .client-list-wrap {
  border-color: var(--smoke-color);
}

.client-area-3 .client-list-wrap li {
  border-color: var(--smoke-color);
}

.client-area-3 .client-list-wrap li a img {
  filter: brightness(99) grayscale(99);
}

/*------------------- 4.00. Simple Sections  -------------------*/
.checklist ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}

.checklist li {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  display: flex;
  color: var(--body-color);
}

.checklist li:last-child {
  margin-bottom: 0;
}

.checklist li i,
.checklist li svg {
  font-size: 16px;
  margin-right: 10px;
  color: var(--theme-color);
  margin-top: 6px;
  width: 16px;
}

.checklist.style2 ul li {
  font-weight: 700;
  border-radius: 6px;
  background-color: rgb(247, 244, 239);
  padding: 17px 30px;
  font-family: var(--title-font);
}

.checklist.style2 ul li:not(:last-child) {
  margin-bottom: 20px;
}

.checklist.style2 ul li i {
  margin-right: 20px;
}

.checklist.style3 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
}

.checklist.style3 ul li {
  margin-bottom: 0;
}

.checklist.style4 ul li:not(:last-child) {
  margin-bottom: 9px;
}

.checklist.style5 ul li {
  font-weight: 400;
  font-size: 16px;
  color: var(--body-color);
}

.checklist.mb-40 {
  /* Large devices */
}

@media (max-width: 1199px) {
  .checklist.mb-40 {
    margin-bottom: 32px;
  }
}

.checklist.mb-45 {
  /* Large devices */
}

@media (max-width: 1199px) {
  .checklist.mb-45 {
    margin-bottom: 35px;
  }
}

.img-half {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}

.img-half img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-half.img-right {
  right: 0;
}

.icon-box {
  display: inline-flex;
  gap: 10px;
}

.btn-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 30px;
}

.btn-wrap.style2 {
  gap: 30px 40px;
}

.category-tag {
  background: var(--theme-color);
  height: 25px;
  line-height: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  color: var(--white-color);
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
  padding: 0 19px;
  letter-spacing: 1px;
}

/* Large devices */
@media (max-width: 1199px) {
  p.mb-40 {
    margin-bottom: 35px;
  }

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

  .checklist li {
    margin-bottom: 6px;
    font-size: 16px;
  }

  .checklist li i,
  .checklist li svg {
    font-size: 14px;
    margin-right: 5px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .checklist.style2 ul li i {
    margin-right: 10px;
  }
}

.global-img {
  position: relative;
  transition: all 0.4s ease-in-out;
}

.global-img:after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 1;
  z-index: 3;
  top: 50%;
  right: 0;
  bottom: 50%;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
}

.global-img:hover:after {
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 900ms linear;
}

.img-anim {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*------------------- 4.00. Video -------------------*/
/* Video 1 ---------------------------------- */
.jarallax {
  width: 100%;
  height: 800px;
  /* Extra large devices */
  /* Small devices */
}

@media (max-width: 1500px) {
  .jarallax {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .jarallax {
    height: 400px;
  }
}

.jarallax-video-pause {
  position: absolute;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  cursor: none;
  z-index: 10000;
  opacity: 0;
}

.cursor-follower.jarallax-btn {
  height: 180px;
  width: 180px;
  background: var(--white-color);
  transform: translate(-90px, -90px);
  border: 0;
}

.cursor-follower.jarallax-btn:after {
  content: "PLAY VIDEO";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 180px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
}

.video-wrap {
  position: relative;
}

.video-wrap .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--white-color);
  color: var(--title-color);
  margin: -90px 0 0 -90px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .video-wrap .play-btn {
    margin: 0 0;
    transform: translate(-50%, -50%) !important;
  }
}

.video-wrap .play-btn:before,
.video-wrap .play-btn:after {
  display: none;
}

/* Extra small devices */
@media (max-width: 575px) {
  .cursor-follower.jarallax-btn {
    height: 150px;
    width: 150px;
  }

  .cursor-follower.jarallax-btn:after {
    line-height: 150px;
  }
}

/*------------------- 4.00. Faq -------------------*/
/* Faq 1 ---------------------------------- */
.accordion-card {
  transition: 0.4s ease-in-out;
  overflow: hidden;
  background: transparent;
  border-bottom: 2px solid var(--title-color);
  border-radius: 0px;
  display: flex;
  align-items: start;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  justify-content: space-between;
  gap: 20px;
}

.accordion-card:first-child {
  border-top: 2px solid var(--title-color);
}

.accordion-card .accordion-header {
  flex: none;
}

.accordion-card .accordion-button {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--title-color);
  border: 0;
  background-color: transparent;
  padding: 0px;
  gap: 10px;
  margin-bottom: 0;
  text-align: left;
  transition: 0.3s;
  align-items: start;
  position: inherit;
}

.accordion-card .accordion-button:after {
  content: "\f067";
  height: 40px;
  width: auto;
  border-radius: 7px;
  line-height: 38px;
  background: transparent;
  border: 0;
  font-family: var(--icon-font);
  color: var(--title-color);
  font-weight: 900;
  font-size: 16px;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 23px;
  right: 0px;
  transition: 0.3s ease-in-out;
}

.accordion-card .accordion-button.collapse:after {
  content: "\f068";
  transform: rotate(0);
}

.accordion-card .accordion-button .faq-number {
  font-size: 14px;
  font-weight: 600;
  margin-right: 40px;
}

.accordion-card .accordion-button:focus {
  outline: none;
  box-shadow: none;
}

.accordion-card .accordion-button:not(.collapsed):after {
  content: "\f068";
  transform: rotate(0);
}

.accordion-card .accordion-collapse {
  border: none;
  position: relative;
}

.accordion-card .accordion-body {
  border-radius: 0;
  background-color: transparent;
  border: none;
  padding: 2px 60px 0px 0px;
  margin-top: -0.5em;
  max-width: 365px;
}

.accordion-card .accordion-body p {
  margin-bottom: -0.3em;
  font-weight: 400;
  font-size: 18px;
}

.accordion-card:last-child {
  margin-bottom: 0;
}

/* Medium devices */
@media (max-width: 991px) {
  .accordion-card {
    display: block;
  }

  .accordion-card .accordion-body {
    margin-top: 20px;
    max-width: none;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .accordion-card .accordion-body {
    padding-right: 0;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .accordion-card .accordion-button .faq-number {
    margin-right: 10px;
  }

  .accordion-card .accordion-button {
    font-size: 20px;
  }

  .accordion-card .accordion-body p {
    font-size: 16px;
  }
}

/* Faq 2 ---------------------------------- */
.accordion-card.style2 {
  display: block;
}

.accordion-card.style2 .accordion-button {
  font-size: 20px;
}

.accordion-card.style2 .accordion-body {
  max-width: none;
  padding-right: 0;
  margin-top: 12px;
  margin-bottom: 16px;
}

/*------------------- 4.00. feature -------------------*/
/*feature area 1***********************/
.feature-card {
  background: var(--smoke-color);
  padding: 40px 36px;
  /* Medium devices */
}

.feature-card-icon {
  margin-bottom: 74px;
}

.feature-card-title a {
  color: var(--title-color);
}

.feature-card-text {
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .feature-card {
    padding: 30px 26px;
  }

  .feature-card-title {
    font-size: 20px;
  }

  .feature-card-icon {
    margin-bottom: 34px;
  }
}

/*skill-feature**************/
.skill-feature {
  position: relative;
}

.skill-feature:not(:last-child) {
  margin-bottom: 27px;
}

.skill-feature_title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.skill-feature .progress {
  background: transparent;
  border-radius: 0;
  overflow: visible;
  height: 4px;
}

.skill-feature .progress .progress-bar {
  background: var(--title-color);
  border-radius: 0;
  height: 4px;
}

.skill-feature .progress .progress-value {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  position: relative;
  top: -29px;
  transform: translate(-100%, 0);
}

/*feature area 3***********************/
.feature-static-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.feature-static {
  position: sticky;
  top: 150px;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: auto;
  width: 100%;
}

/* Large devices */
@media (max-width: 1199px) {
  .feature-static {
    position: initial;
  }
}

/*feature area 4***********************/
.feature-card.style-grid {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 100px;
}

.feature-card.style-grid .feature-card-icon {
  flex: none;
}

.feature-card.style-grid .feature-card-title {
  margin-top: -0.2em;
}

.feature-card.style-grid .feature-card-text {
  font-size: 18px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .feature-card.style-grid {
    gap: 50px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .feature-card.style-grid {
    display: block;
  }
}

/*feature area 2***********************/
.feature-card.style2 {
  background: var(--gray-color);
}

.feature-card.style2 .feature-card-icon {
  filter: brightness(99) grayscale(99);
}

.feature-card.style2 .feature-card-title a {
  color: var(--smoke-color);
}

.feature-card.style2 .feature-card-text {
  color: var(--smoke-color);
}

.feature-card.style2 .link-btn {
  color: var(--smoke-color);
}

.feature-card.style2 .link-btn:after,
.feature-card.style2 .link-btn:before {
  background: var(--smoke-color);
}

.feature-card.style2 .link-btn img {
  filter: brightness(99) grayscale(99);
}

/*------------------- 4.00. CTA -------------------*/
/* CTA Area 1 ---------------------------------- */
.cta-area-1 .sec-title {
  font-size: 80px;
  line-height: 1.125;
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
  /* Extra small devices */
}

@media (max-width: 1399px) {
  .cta-area-1 .sec-title {
    font-size: 60px;
  }
}

@media (max-width: 991px) {
  .cta-area-1 .sec-title {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  .cta-area-1 .sec-title {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  .cta-area-1 .sec-title {
    font-size: 36px;
  }
}

@media (max-width: 375px) {
  .cta-area-1 .sec-title {
    font-size: 32px;
  }
}

/*------------------- 4.00. Service -------------------*/
/* Service 1 ---------------------------------- */
.service-area-1 {
  margin-top: 100px;
  /* Extra large devices */
  /* Medium devices */
}

.service-area-1 .service-img-1-1 {
  width: 44%;
}

.service-area-1 .service-img-1-1 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 1700px) {
  .service-area-1 .service-img-1-1 {
    width: 42%;
  }

  .service-area-1 .service-img-1-1 img {
    height: 100%;
  }
}

@media (max-width: 1500px) {
  .service-area-1 .service-img-1-1 {
    width: 42%;
  }

  .service-area-1 .service-img-1-1 img {
    height: 100%;
  }
}

@media (max-width: 991px) {
  .service-area-1 {
    margin-top: 0;
  }

  .service-area-1 .service-img-1-1 {
    width: 100%;
    top: -80px !important;
    position: relative;
  }
}

/*------------------- 4.00. Why Choose Us -------------------*/
/* Why choose area 1 ---------------------------------- */
.why-area-1 {
  margin-top: 100px;
  /* Extra large devices */
  /* Medium Large devices */
  /* Medium devices */
}

.why-area-1 p {
  font-size: 18px;
}

.why-area-1 .why-img-1-1 {
  width: 44%;
}

.why-area-1 .why-img-1-1 img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1500px) {
  .why-area-1 .why-img-1-1 {
    width: 42%;
  }
}

@media (max-width: 1399px) {
  .why-area-1 p {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .why-area-1 {
    margin-top: 0;
  }

  .why-area-1 .why-img-1-1 {
    width: 100%;
    top: -80px !important;
    position: relative;
  }
}

/*------------------- 4.00. Pricing -------------------*/
.pricing-card {
  padding: 40px;
}

.pricing-card .pricing-card_title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.48px;
  margin-top: -0.2em;
  margin-bottom: 12px;
}

.pricing-card .pricing-card_wrap {
  margin-bottom: 19px;
}

.pricing-card .pricing-card_price {
  font-size: 60px;
  font-weight: 600;
  letter-spacing: -1.8px;
}

.pricing-card .pricing-card_price .duration {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.4px;
}

.pricing-card p {
  font-size: 18px;
  margin-bottom: 43px;
  /* Medium Large devices */
}

@media (max-width: 1399px) {
  .pricing-card p {
    font-size: 16px;
  }
}

.pricing-card .checklist {
  margin-bottom: 42px;
}

.pricing-card .checklist li {
  font-family: var(--title-font);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.14px;
  text-transform: uppercase;
}

.pricing-card .checklist li i {
  color: var(--title-color);
}

.pricing-card .btn {
  width: 100%;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .pricing-card .pricing-card_price {
    font-size: 50px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .pricing-card .pricing-card_price {
    font-size: 40px;
  }

  .pricing-card {
    padding: 30px;
  }

  .pricing-card .btn {
    padding: 21.5px 30px;
  }

  .pricing-card p {
    font-size: 14px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .pricing-card .pricing-card_price {
    font-size: 30px;
  }
}

/*------------------- 4.00. Portfolio -------------------*/
/* Portfolio 1 ---------------------------------- */
.portfolio-area-1 {
  background-size: 100% calc(100% - 240px);
  background-position: bottom;
}

.portfolio-wrap {
  position: relative;
  display: block;
}

.portfolio-wrap .portfolio-thumb {
  display: inline-block;
  overflow: hidden;
}

.portfolio-wrap .portfolio-thumb img {
  transform: scale(1.03);
  transition: 0.4s ease-in-out;
}

.portfolio-wrap .portfolio-details {
  padding-top: 28px;
}

.portfolio-wrap .portfolio-details .portfolio-meta {
  display: inline-flex;
  padding: 0;
  margin: 0 0 14px;
}

.portfolio-wrap .portfolio-details .portfolio-meta li {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.portfolio-wrap .portfolio-details .portfolio-meta li:after {
  content: "/";
  position: relative;
  margin: 0 2px;
}

.portfolio-wrap .portfolio-details .portfolio-meta li a {
  color: var(--title-color);
}

.portfolio-wrap .portfolio-details .portfolio-meta li:last-child:after {
  display: none;
}

.portfolio-wrap .portfolio-details .portfolio-title {
  font-weight: 600;
  margin-bottom: 23px;
}

.portfolio-wrap .portfolio-details .portfolio-title a {
  color: var(--title-color);
}

.portfolio-wrap:hover .portfolio-thumb img {
  transform: scale(1.03) translateX(8px);
}

/* Portfolio 2 ---------------------------------- */
.portfolio-slider .slick-current .portfolio-wrap.style2:after {
  opacity: 1;
  height: 100%;
}

.portfolio-slider .slick-current .portfolio-wrap.style2 .portfolio-details {
  bottom: 0;
  opacity: 1;
}

.portfolio-wrap.style2 {
  position: relative;
  overflow: hidden;
  display: block;
}

.portfolio-wrap.style2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(180deg,
      rgba(10, 12, 0, 0) 0%,
      #0a0c00 100%);
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, #0a0c00 100%);
  transition: 0.4s;
  opacity: 0;
  height: 0;
}

.portfolio-wrap.style2 .portfolio-thumb {
  overflow: initial;
  width: 100%;
}

.portfolio-wrap.style2 .portfolio-thumb img {
  width: 100%;
}

.portfolio-wrap.style2 .portfolio-details {
  position: absolute;
  left: 0;
  bottom: -25px;
  padding: 0 0 40px 40px;
  z-index: 1;
  max-width: 350px;
  transition: 0.4s;
  opacity: 0;
}

.portfolio-wrap.style2 .portfolio-details .portfolio-meta {
  color: var(--white-color);
}

.portfolio-wrap.style2 .portfolio-details .portfolio-meta li a {
  color: var(--white-color);
}

.portfolio-wrap.style2 .portfolio-details .portfolio-title {
  margin-bottom: -0.25em;
  color: var(--white-color);
}

.portfolio-wrap.style2 .portfolio-details .portfolio-title a {
  color: var(--white-color);
}























/* Large devices */
@media (max-width: 1199px) {
  .portfolio-wrap.style2 .portfolio-details {
    padding: 0 0 30px 30px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .portfolio-wrap.style2 .portfolio-details {
    padding: 0 0 40px 40px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .portfolio-wrap.style2 .portfolio-details {
    padding: 0 0 30px 30px;
  }

  .portfolio-wrap.style2 .portfolio-details .portfolio-title {
    font-size: 24px;
  }
}

/* Portfolio 3 ---------------------------------- */
.portfolio-wrap.style3 {
  position: relative;
  overflow: hidden;
}

.portfolio-wrap.style3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(180deg,
      rgba(10, 12, 0, 0) 0%,
      #0a0c00 100%);
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, #0a0c00 100%);
  transition: 0.4s;
  opacity: 0;
  height: 0;
}

.portfolio-wrap.style3 .portfolio-thumb {
  overflow: initial;
  width: 100%;
}

.portfolio-wrap.style3 .portfolio-thumb img {
  width: 100%;
}

.portfolio-wrap.style3 .portfolio-details {
  position: absolute;
  left: 0;
  bottom: -25px;
  padding: 0 0 40px 40px;
  z-index: 1;
  max-width: 350px;
  transition: 0.4s;
  opacity: 0;
}

.portfolio-wrap.style3 .portfolio-details .portfolio-meta {
  color: var(--white-color);
}

.portfolio-wrap.style3 .portfolio-details .portfolio-meta li a {
  color: var(--white-color);
}

.portfolio-wrap.style3 .portfolio-details .portfolio-title {
  margin-bottom: -0.25em;
  color: var(--white-color);
}

.portfolio-wrap.style3 .portfolio-details .portfolio-title a {
  color: var(--white-color);
}

.portfolio-wrap.style3:hover:after {
  opacity: 1;
  height: 100%;
}

.portfolio-wrap.style3:hover .portfolio-details {
  opacity: 1;
  bottom: 0;
}

/* Large devices */
@media (max-width: 1199px) {
  .portfolio-wrap.style3 .portfolio-details {
    padding: 0 0 30px 30px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .portfolio-wrap.style3 .portfolio-details {
    padding: 0 0 40px 40px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .portfolio-wrap.style3 .portfolio-details {
    padding: 0 0 30px 30px;
  }

  .portfolio-wrap.style3 .portfolio-details .portfolio-title {
    font-size: 24px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .portfolio-wrap.style3 .portfolio-details .portfolio-title {
    font-size: 20px;
  }

  .portfolio-wrap.style3 .portfolio-details {
    padding: 0 0 20px 20px;
  }
}

/* Portfolio 4 ---------------------------------- */
.portfolio-wrap.style4 .portfolio-details .portfolio-title a {
  color: var(--smoke-color);
}

.portfolio-wrap.style4 .portfolio-details .portfolio-meta {
  margin-bottom: -0.3em;
}

.portfolio-wrap.style4 .portfolio-details .portfolio-meta li a {
  color: var(--smoke-color);
}

.portfolio-wrap.style4 .portfolio-details .portfolio-meta li:after {
  color: var(--smoke-color);
}

/* Medium devices */
@media (max-width: 991px) {
  .portfolio-wrap.style4 .portfolio-thumb img {
    width: 100%;
  }
}

/* Portfolio 6 ---------------------------------- */
.project-area-6 {
  position: relative;
}

.portfolio-static-wrap {
  display: flex;
  flex-wrap: wrap;
}

.portfolio-static {
  position: sticky;
  top: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: auto;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .portfolio-static {
    top: 86px;
  }
}

.portfolio-wrap.style5:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(180deg,
      rgba(10, 12, 0, 0) 0%,
      #0a0c00 100%);
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, #0a0c00 100%);
  transition: 0.4s;
  opacity: 1;
  height: 100%;
}

.portfolio-wrap.style5 .portfolio-thumb img {
  width: 100%;
}

.portfolio-wrap.style5 .portfolio-details {
  position: absolute;
  left: 0;
  bottom: 0px;
  padding: 0 140px 140px 140px;
  z-index: 1;
  transition: 0.4s;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: end;
}

.portfolio-wrap.style5 .portfolio-details .media-left {
  max-width: 746px;
}

.portfolio-wrap.style5 .portfolio-details .portfolio-meta li a {
  color: var(--smoke-color);
}

.portfolio-wrap.style5 .portfolio-details .portfolio-meta li:after {
  color: var(--smoke-color);
}

.portfolio-wrap.style5 .portfolio-details .portfolio-title {
  margin-bottom: -0.25em;
  font-size: 48px;
}

.portfolio-wrap.style5 .portfolio-details .portfolio-title a {
  color: var(--smoke-color);
}

.portfolio-wrap.style5 .portfolio-details-btn {
  flex: none;
}

.portfolio-wrap.style5 .link-btn {
  color: var(--smoke-color);
}

.portfolio-wrap.style5 .link-btn img {
  filter: brightness(99) grayscale(99);
}

.portfolio-wrap.style5 .link-btn:after,
.portfolio-wrap.style5 .link-btn:before {
  background: var(--smoke-color);
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .portfolio-wrap.style5 .portfolio-details {
    padding: 0 100px 100px 100px;
  }

  .portfolio-wrap.style5 .portfolio-details .portfolio-title {
    font-size: 36px;
  }

  .portfolio-wrap.style5 .portfolio-details .media-left {
    max-width: 600px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .portfolio-wrap.style5 .portfolio-details .portfolio-title {
    font-size: 32px;
  }

  .portfolio-wrap.style5 .portfolio-details {
    padding: 0 80px 80px 80px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .portfolio-wrap.style5 .portfolio-details {
    padding: 0 60px 60px 60px;
  }

  .portfolio-wrap.style5 .portfolio-details .portfolio-title {
    font-size: 28px;
  }

  .portfolio-wrap.style5 .portfolio-details .media-left {
    max-width: 460px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .portfolio-wrap.style5 .portfolio-details {
    padding: 0 40px 40px 40px;
  }

  .portfolio-wrap.style5 .portfolio-details .portfolio-title {
    font-size: 24px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .portfolio-wrap.style5 .portfolio-details .media-left {
    max-width: none;
    margin-bottom: 20px;
  }

  .portfolio-wrap.style5 .portfolio-details {
    padding: 30px 15px 40px 15px;
    display: block;
  }

  .portfolio-wrap.style5 .portfolio-thumb img {
    min-height: 300px;
    object-fit: cover;
  }

  .portfolio-wrap.style5 .portfolio-details .portfolio-title {
    font-size: 22px;
  }

  .portfolio-wrap .portfolio-details .portfolio-meta li {
    font-size: 16px;
  }
}

/* Portfolio 6 ---------------------------------- */
.project-slider-showcase-wrap {
  height: 100vh;
  padding: 140px 24px 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Medium devices */
  /* Extra small devices */
}

.project-slider-showcase-wrap .project-slider-showcase {
  width: 100%;
  height: 100%;
}

.project-slider-showcase-wrap .project-slider-showcase .slick-list {
  height: 100%;
}

.project-slider-showcase-wrap .project-slider-showcase .slick-list .slick-track {
  height: 100%;
}

.project-slider-showcase-wrap .project-slider-showcase .slick-list .slick-slide {
  height: 100%;
}

@media (max-width: 991px) {
  .project-slider-showcase-wrap {
    padding: 140px 24px 80px;
  }
}

@media (max-width: 575px) {
  .project-slider-showcase-wrap {
    padding: 100px 0px 40px;
    margin: 0 -12px;
  }
}

.project-slider-showcase-wrap.style2 {
  padding: 0;
  /* Extra small devices */
}

.project-slider-showcase-wrap.style2 .project-slider-showcase {
  width: 100%;
  height: 100vh;
}

.project-slider-showcase-wrap.style2 .project-slider-showcase .slick-list {
  height: 100vh;
}

.project-slider-showcase-wrap.style2 .project-slider-showcase .slick-list .slick-track {
  height: auto;
}

.project-slider-showcase-wrap.style2 .project-slider-showcase .slick-list .slick-slide {
  height: 100vh;
}

@media (max-width: 575px) {
  .project-slider-showcase-wrap.style2 {
    margin: 0;
  }
}

.portfolio-wrap.style6 {
  position: relative;
  height: 100%;
  width: 100%;
}

.portfolio-wrap.style6 .portfolio-thumb {
  height: 100%;
  width: 100%;
}

.portfolio-wrap.style6 .portfolio-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portfolio-wrap.style6 .portfolio-details {
  background: var(--title-color);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  gap: 30px 40px;
  padding-top: 35px;
  transition: 0.4s;
  transform: translate(0, 100%);
}

.portfolio-wrap.style6 .portfolio-details .portfolio-title {
  margin-top: -0.05em;
  margin-bottom: 0;
  font-size: 36px;
  /* Extra large devices */
  /* Medium Large devices */
  /* Medium Large devices */
  /* Large devices */
  /* Extra small devices */
}

.portfolio-wrap.style6 .portfolio-details .portfolio-title a {
  color: var(--white-color);
}

.portfolio-wrap.style6 .portfolio-details .portfolio-title a:hover {
  color: var(--theme-color);
}

@media (max-width: 1500px) {
  .portfolio-wrap.style6 .portfolio-details .portfolio-title {
    font-size: 30px;
  }
}

@media (max-width: 1399px) {
  .portfolio-wrap.style6 .portfolio-details .portfolio-title {
    font-size: 24px;
  }
}

@media (max-width: 1299px) {
  .portfolio-wrap.style6 .portfolio-details .portfolio-title {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .portfolio-wrap.style6 .portfolio-details .portfolio-title {
    font-size: 24px;
  }
}

@media (max-width: 375px) {
  .portfolio-wrap.style6 .portfolio-details .portfolio-title {
    font-size: 20px;
  }
}

.portfolio-wrap.style6 .portfolio-details .portfolio-meta li a {
  color: #f6f5f3;
}

.portfolio-wrap.style6 .portfolio-details .portfolio-meta li a:hover {
  color: var(--theme-color);
}

.portfolio-wrap.style6:hover .portfolio-thumb img {
  transform: scale(1.03) translateY(-30px);
}

.portfolio-wrap.style6:hover .portfolio-details {
  transform: translate(0, 0);
}

/*project-area-8*********/
.project-area-8 .portfolio-wrap.style3 .portfolio-details {
  padding: 0 48px 48px 48px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: end;
  max-width: none;
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .media-left {
  max-width: 746px;
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn {
  color: var(--smoke-color);
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn:before,
.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn:after {
  background: var(--smoke-color);
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn img {
  filter: brightness(99) grayscale(99);
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-meta li:after {
  color: var(--smoke-color);
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-details-btn {
  flex: none;
}

/* Large devices */
@media (max-width: 1199px) {
  .project-area-8 .portfolio-wrap.style3 .portfolio-details .media-left {
    max-width: 600px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .project-area-8 .portfolio-wrap.style3 .portfolio-details {
    padding: 0 35px 35px 35px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .project-area-8 .portfolio-wrap.style3 .portfolio-details {
    padding: 0 25px 25px 25px;
  }

  .project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-title {
    font-size: 20px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .project-area-8 .portfolio-wrap.style3 .portfolio-thumb img {
    min-height: 300px;
    object-fit: cover;
  }

  .project-area-8 .portfolio-wrap.style3 .portfolio-details {
    display: block;
  }

  .project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-meta {
    flex-wrap: wrap;
  }

  .project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-thumb img {
    min-height: 300px;
  }

  .project-area-8 .portfolio-wrap.style3 .portfolio-details .media-left {
    max-width: none;
    margin-bottom: 20px;
  }
}

/* Portfolio 12 ---------------------------------- */
.portfolio-wrap.style12 {
  height: 100%;
}

.portfolio-wrap.style12:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(180deg,
      rgba(10, 12, 0, 0) 0%,
      #0a0c00 100%);
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, #0a0c00 100%);
  transition: 0.4s;
  opacity: 1;
  height: 100%;
}

.portfolio-wrap.style12 .portfolio-thumb {
  height: 100%;
  width: 100%;
}

.portfolio-wrap.style12 .portfolio-thumb img {
  width: 100%;
  height: 100%;
  transform: none;
  object-fit: cover;
}

.portfolio-wrap.style12 .portfolio-details {
  position: absolute;
  left: 0;
  bottom: 0px;
  padding: 0 140px 140px 140px;
  z-index: 1;
  transition: 0.4s;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: end;
}

.portfolio-wrap.style12 .portfolio-details .media-left {
  max-width: 746px;
}

.portfolio-wrap.style12 .portfolio-details .portfolio-meta li a {
  color: var(--smoke-color);
}

.portfolio-wrap.style12 .portfolio-details .portfolio-meta li:after {
  color: var(--smoke-color);
}

.portfolio-wrap.style12 .portfolio-details .portfolio-title {
  margin-bottom: -0.25em;
  font-size: 48px;
}

.portfolio-wrap.style12 .portfolio-details .portfolio-title a {
  color: var(--smoke-color);
}

.portfolio-wrap.style12 .portfolio-details-btn {
  flex: none;
}

.portfolio-wrap.style12 .link-btn {
  color: var(--smoke-color);
}

.portfolio-wrap.style12 .link-btn img {
  filter: brightness(99) grayscale(99);
}

.portfolio-wrap.style12 .link-btn:after,
.portfolio-wrap.style12 .link-btn:before {
  background: var(--smoke-color);
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .portfolio-wrap.style12 .portfolio-details {
    padding: 0 100px 100px 100px;
  }

  .portfolio-wrap.style12 .portfolio-details .portfolio-title {
    font-size: 36px;
  }

  .portfolio-wrap.style12 .portfolio-details .media-left {
    max-width: 600px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .portfolio-wrap.style12 .portfolio-details .portfolio-title {
    font-size: 32px;
  }

  .portfolio-wrap.style12 .portfolio-details {
    padding: 0 80px 80px 80px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .portfolio-wrap.style12 .portfolio-details {
    padding: 0 60px 60px 60px;
  }

  .portfolio-wrap.style12 .portfolio-details .portfolio-title {
    font-size: 28px;
  }

  .portfolio-wrap.style12 .portfolio-details .media-left {
    max-width: 460px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .portfolio-wrap.style12 .portfolio-details {
    padding: 0 40px 40px 40px;
  }

  .portfolio-wrap.style12 .portfolio-details .portfolio-title {
    font-size: 24px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .portfolio-wrap.style12 .portfolio-details .media-left {
    max-width: none;
    margin-bottom: 30px;
  }

  .portfolio-wrap.style12 .portfolio-details {
    padding: 30px 15px 40px 15px;
    display: block;
  }

  .portfolio-wrap.style12 .portfolio-thumb img {
    min-height: 300px;
    object-fit: cover;
  }

  .portfolio-wrap.style12 .portfolio-details .portfolio-title {
    font-size: 22px;
  }
}

/*project-details-area*********/
.project-details-info .list-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-details-info .list-wrap li {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: uppercase;
}

.project-details-info .list-wrap li:not(:last-child) {
  margin-bottom: 24px;
}

.project-details-info .list-wrap li span {
  display: block;
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.inner__page-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  flex-wrap: wrap;
}

.inner__page-nav .nav-btn {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--title-color);
  display: flex;
  gap: 10px;
  align-items: center;
  text-transform: uppercase;
}

/*------------------- 4.00. Process -------------------*/
.process-card .process-card-number {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--smoke-color);
  text-transform: uppercase;
  border-bottom: 2px solid var(--smoke-color);
  padding-bottom: 22px;
  position: relative;
}

.process-card .process-card-number:after {
  content: "";
  position: absolute;
  left: -4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--smoke-color);
  bottom: 0;
  transform: translate(0px, 50%);
  border: 4px solid var(--title-color);
}

.process-card .process-card-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--smoke-color);
  letter-spacing: -0.48px;
  margin-top: 45px;
}

.process-card .process-card-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--smoke-color);
  max-width: 330px;
  margin-bottom: -0.3em;
}

/* Large devices */
@media (max-width: 1199px) {
  .process-card .process-card-text {
    font-size: 16px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .process-card .process-card-text {
    max-width: none;
    font-size: 18px;
  }
}

/*------------------- 4.00. Award -------------------*/
/*award area 1***********************/
.award-wrap-area {
  list-style: none;
  padding: 0;
  margin: 0;
}

.award-wrap-area .single-award-list {
  display: flex;
  border-bottom: 2px solid var(--title-color);
  padding-bottom: 31px;
  padding-top: 26px;
}

.award-wrap-area .single-award-list:first-child {
  border-top: 2px solid var(--title-color);
}

.award-wrap-area .single-award-list .award-tag,
.award-wrap-area .single-award-list .award-year {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  color: var(--title-color);
  letter-spacing: -0.14px;
  transition: 0.4s;
}

.award-wrap-area .single-award-list .award-details {
  margin-left: 100px;
  transition: 0.4s;
  position: relative;
}

.award-wrap-area .single-award-list .award-details h4 {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 3px;
}

.award-wrap-area .single-award-list .award-details h4 a {
  color: var(--title-color);
}

.award-wrap-area .single-award-list .award-details h4 a:hover {
  color: var(--title-color);
}

.award-wrap-area .single-award-list .award-details p {
  font-size: 18px;
  margin-bottom: -0.3em;
}

.award-wrap-area .single-award-list .award-tag {
  margin-left: auto;
  text-transform: uppercase;
  transition: 0.4s;
}

.award-wrap-area .single-award-list:hover .award-details,
.award-wrap-area .single-award-list:hover .award-year {
  transform: translateX(1.5rem);
}

.award-wrap-area .single-award-list:hover .award-tag {
  transform: translateX(-1.5rem);
}

.award-wrap-area .single-award-list.style2 .award-details h4 {
  font-size: 36px;
  margin-top: -0.1em;
  margin-bottom: 8px;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .award-wrap-area .single-award-list.style2 .award-details h4 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .award-wrap-area .single-award-list.style2 .award-details h4 {
    font-size: 24px;
  }
}

.award-wrap-area .single-award-list.style2 .award-meta {
  font-size: 18px;
  font-weight: 400;
  font-family: var(--body-font);
}

.award-wrap-area .single-award-list.style2 .award-meta a {
  color: var(--title-color);
}

.award-wrap-area .single-award-list.style2 .award-meta a:after {
  content: "/";
  position: relative;
  margin-left: 3px;
}

.award-wrap-area .single-award-list.style2 .award-meta a:last-child:after {
  display: none;
}

.smmd-bg {
  background-size: contain;
  background-position-y: center;
}

/* Large devices */
@media (max-width: 1199px) {
  .award-wrap-area .single-award-list .award-details {
    margin-left: 50px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .award-wrap-area .single-award-list .award-details p {
    font-size: 16px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .award-wrap-area .single-award-list {
    display: block;
  }

  .award-wrap-area .single-award-list .award-details {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .award-wrap-area .single-award-list .award-tag {
    margin-bottom: -0.5em;
    display: block;
    transform: none;
  }

  .award-wrap-area .single-award-list {
    transition: 1s;
  }

  .award-wrap-area .single-award-list:hover .award-details {
    transform: none;
  }

  .award-wrap-area .single-award-list:hover .award-tag {
    transform: none;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .award-wrap-area .single-award-list .award-details h4 {
    font-size: 22px;
  }

  .award-wrap-area .single-award-list .award-details p {
    font-size: 14px;
  }

  .award-wrap-area .single-award-list .award-details .award-thumb {
    display: none;
  }
}

/*------------------- 4.00. Shop -------------------*/
/* Shop ---------------------------------- */
.shop__inner-wrap .row .col-70 {
  width: 70.5%;
  flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
  .shop__inner-wrap .row .col-70 {
    width: 67.5%;
  }
}

@media (max-width: 991.98px) {
  .shop__inner-wrap .row .col-70 {
    width: 100%;
  }
}

.shop__inner-wrap .row .col-30 {
  width: 29.5%;
  flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
  .shop__inner-wrap .row .col-30 {
    width: 32.5%;
  }
}

@media (max-width: 991.98px) {
  .shop__inner-wrap .row .col-30 {
    width: 100%;
  }
}

.shop__sidebar {
  margin-left: 45px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .shop__sidebar {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .shop__sidebar {
    margin-top: 100px;
  }
}

/*shop sort bar******/
.shop-sort-bar {
  padding: 0;
  margin: 0 0 40px 0;
  border-radius: 5px;
  /* Large devices */
  /* Medium devices */
  /* Small devices */
}

.shop-sort-bar .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 15px;
}

.shop-sort-bar select {
  height: auto;
  line-height: normal;
  width: fit-content;
  min-width: 250px;
  font-size: 16px;
  margin: 0;
  color: var(--body-color);
  background-position: right -2px center;
}

.shop-sort-bar select option:checked,
.shop-sort-bar select option:focus,
.shop-sort-bar select option:hover {
  background-color: var(--title-color);
}

.shop-sort-bar .woocommerce-result-count {
  margin-bottom: 0;
  color: var(--body-color);
}

.shop-sort-bar .nav a {
  display: inline-block;
  position: relative;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--body-color);
  margin: 0 0 0 20px;
}

.shop-sort-bar .nav a.active,
.shop-sort-bar .nav a:hover {
  color: var(--theme-color);
}

@media (max-width: 1199px) {
  .shop-sort-bar select {
    min-width: auto;
  }
}

@media (max-width: 991px) {
  .shop-sort-bar .row {
    --bs-gutter-x: 20px;
  }

  .shop-sort-bar .nav a:last-child {
    margin-right: 0;
    padding-right: 0;
  }

  .shop-sort-bar .nav a:last-child:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .shop-sort-bar {
    text-align: center;
  }

  .shop-sort-bar .nav {
    justify-content: center;
  }

  .shop-sort-bar select {
    margin: 0 auto;
  }
}

/* Product Card ---------------------------------- */
.product-card {
  transition: all ease 0.4s;
}

.product-card .product-title {
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0 7px 0;
  /* Small devices */
}

.product-card .product-title a {
  color: inherit;
}

.product-card .product-title a:hover {
  color: var(--title-color);
}

@media (max-width: 767px) {
  .product-card .product-title {
    font-size: 20px;
  }
}

.product-card .price {
  display: block;
  color: var(--body-color);
  font-weight: 400;
  margin-bottom: -0.35em;
  font-family: var(--body-font);
  font-size: 18px;
}

.product-card .price del {
  margin-right: 10px;
  display: inline-block;
  color: #858580;
}

.product-card .product-img {
  background-color: var(--smoke-color);
  overflow: hidden;
  position: relative;
  margin: 0 0 30px 0;
  text-align: center;
  background-color: var(--smoke-color);
  z-index: 2;
  border-radius: 0px;
}

.product-card .product-img img {
  transition: all ease 0.4s;
  transform: scale(1);
}

.product-card .tag {
  color: var(--white-color);
  font-size: 14px;
  font-family: var(--title-font);
  font-weight: 600;
  padding: 5px 16px;
  display: inline-block;
  background-color: var(--title-color);
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 3;
  border-radius: 0px;
}

.product-card .actions {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  background-color: transparent;
  z-index: 3;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-card:hover .product-img img {
  transform: scale(1.1);
}

.product-card:hover .actions {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.star-rating {
  overflow: hidden;
  position: relative;
  width: 102px;
  height: 1.2em;
  line-height: 1.2em;
  display: block;
  font-family: var(--icon-font);
  font-weight: 700;
  font-size: 16px;
}

.star-rating:before {
  content: "\f005\f005\f005\f005\f005";
  color: var(--title-color);
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  letter-spacing: 3px;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.star-rating span:before {
  content: "\f005\f005\f005\f005\f005";
  top: 0;
  position: absolute;
  left: 0;
  color: var(--title-color);
  letter-spacing: 3px;
  font-weight: 700;
}

.quantity {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.quantity>.screen-reader-text {
  display: inline-block;
  font-weight: 600;
  color: var(--title-color);
  font-family: var(--title-font);
  margin: 0;
  align-self: center;
  margin-right: 10px;
}

.quantity .qty-btn,
.quantity .qty-input {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: none;
  border-right: none;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  text-align: center;
  color: var(--body-color);
  font-size: 18px;
  font-weight: 600;
}

.quantity .qty-btn:last-child,
.quantity .qty-input:last-child {
  border-right: none;
}

.quantity .qty-btn {
  font-size: 16px;
}

.product_meta {
  font-weight: 700;
  font-size: 16px;
  font-family: var(--body-font);
  margin: 35px 0 0 0;
}

.product_meta>span {
  display: block;
  margin-bottom: 26px;
  color: var(--title-color);
  font-weight: 400;
  font-size: 18px;
}

.product_meta>span:last-child {
  margin-bottom: 0;
}

.product_meta>span a {
  color: inherit;
}

.product_meta>span>a,
.product_meta>span>span {
  position: relative;
  color: var(--title-color);
  font-weight: 600;
  font-size: 14px;
  font-family: var(--title-font);
  display: block;
  margin-top: 7px;
}

.product_meta>span>a a,
.product_meta>span>span a {
  position: relative;
}

.product_meta>span>a a:after,
.product_meta>span>span a:after {
  content: ",";
  margin-right: 5px;
}

.product_meta>span>a:last-child:after,
.product_meta>span>span:last-child:after {
  display: none;
}

.product-big-img {
  position: relative;
  margin-bottom: 28px;
}

.product-big-img .img img {
  width: 100%;
}

.product-big-img .tag {
  color: var(--white-color);
  font-size: 14px;
  font-family: var(--title-font);
  font-weight: 600;
  padding: 5px 16px;
  display: inline-block;
  background-color: var(--title-color);
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 3;
  border-radius: 0px;
}

.product-small-img .slide-thumb {
  cursor: pointer;
}

.summary-content .product-title,
.product-about .product-title {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 600;
  /* Small devices */
}

@media (max-width: 767px) {

  .summary-content .product-title,
  .product-about .product-title {
    font-size: 30px;
  }
}

.summary-content>.price,
.product-about>.price {
  font-family: var(--body-font);
  font-size: 24px;
  font-weight: 400;
  color: var(--title-color);
  display: inline-block;
  margin-bottom: 35px;
  letter-spacing: -0.02em;
}

.summary-content>.price del,
.product-about>.price del {
  color: #858580;
  margin-right: 15px;
}

.summary-content .woocommerce-product-rating,
.summary-content .product-rating,
.product-about .woocommerce-product-rating,
.product-about .product-rating {
  display: inline-flex;
  gap: 11px;
  align-items: center;
  position: relative;
  top: 2px;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  margin-bottom: 20px;
  width: 100%;
}

.summary-content .woocommerce-review-link,
.product-about .woocommerce-review-link {
  color: var(--body-color);
}

.summary-content .text,
.product-about .text {
  font-size: 18px;
  line-height: 1.666;
}

.summary-content .checklist,
.product-about .checklist {
  margin: 30px 0 40px 0;
}

.summary-content .checklist li,
.product-about .checklist li {
  font-weight: 400;
}

.summary-content .actions,
.product-about .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 46px 0 44px 0;
}

.summary-content .actions .icon-btn,
.product-about .actions .icon-btn {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.14);
}

.summary-content .quantity,
.product-about .quantity {
  align-items: center;
  background: #f6f5f3;
  padding: 0 20px;
}

.summary-content .quantity .title,
.product-about .quantity .title {
  font-size: 18px;
  margin-right: 24px;
}

.summary-content .quantity .qty-input,
.product-about .quantity .qty-input {
  width: 68px;
  height: auto;
  border: none;
  background-color: transparent;
  color: var(--title-color);
  padding: 11px 25px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-family: var(--title-font);
  border-radius: 0px;
}

.summary-content .quantity .qty-btn,
.product-about .quantity .qty-btn {
  color: var(--title-color);
  background-color: transparent;
  height: auto;
  width: auto;
  border: none;
  position: relative;
  z-index: 1;
  font-size: 14px;
}

.summary-content .quantity .quantity-minus,
.product-about .quantity .quantity-minus {
  margin-right: -14px;
}

.summary-content .quantity .quantity-plus,
.product-about .quantity .quantity-plus {
  margin-left: -14px;
}

.product-tab-style1 {
  margin: 95px 0 40px 0;
  gap: 30px 0;
}

.product-tab-style1 li {
  margin: 0 40px 0 0;
}

.product-tab-style1 li:last-child {
  margin-right: 0;
}

.product-tab-style1 a {
  font-size: 20px;
  font-weight: 600;
  color: #858580;
  font-family: var(--title-font);
  padding: 0;
  padding-bottom: 6px;
  position: relative;
}

.product-tab-style1 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--title-color);
  transition: 0.4s;
}

.product-tab-style1 a.active {
  color: var(--title-color);
}

.product-tab-style1 a.active:before {
  width: 100%;
}

#productTabContent {
  margin-bottom: -25px;
}

#productTabContent #description {
  margin-top: -0.3em;
}

/*------------------- 4.00. Cart -------------------*/
/* Cart ---------------------------------- */
.woocommerce-cart-form {
  text-align: center;
}

.cart_table {
  border: 0;
  margin-bottom: 45px;
}

.cart_table thead {
  border-bottom: 2px solid var(--title-color);
}

.cart_table thead th {
  border: none !important;
}

.cart_table td:before,
.cart_table th {
  font-family: var(--title-font);
  color: var(--title-color);
  font-weight: 600;
  border: none;
  font-size: 14px;
  padding: 0 0 13px;
}

.cart_table td:before {
  content: attr(data-title);
  position: absolute;
  left: 15px;
  top: 50%;
  vertical-align: top;
  padding: 0;
  transform: translateY(-50%);
  display: none;
}

.cart_table td {
  border: none;
  border-bottom: 2px solid var(--title-color);
  color: var(--title-color);
  font-size: 18px;
  padding: 20px 10px;
  position: relative;
  vertical-align: middle;
}

.cart_table td[data-title="Name"] {
  text-align: start;
  padding: 22px 20px;
  /* Small devices */
}

.cart_table td[data-title="Name"] a {
  color: var(--title-color);
  font-weight: 600;
  font-size: 20px;
  font-family: var(--title-font);
  /* Medium devices */
}

.cart_table td[data-title="Name"] a:hover {
  color: var(--title-color);
}

@media (max-width: 991px) {
  .cart_table td[data-title="Name"] a {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .cart_table td[data-title="Name"] {
    text-align: end;
    padding-right: 15px;
  }
}

.cart_table td[data-title="Remove"] {
  text-align: start;
  padding-left: 5px;
  /* Medium devices */
  /* Small devices */
}

@media (max-width: 991px) {
  .cart_table td[data-title="Remove"] {
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .cart_table td[data-title="Remove"] {
    text-align: end;
    padding-right: 15px;
  }
}

.cart_table td[data-title="Product"] {
  width: 100px;
  padding: 22px 0px;
  /* Small devices */
}

@media (max-width: 767px) {
  .cart_table td[data-title="Product"] {
    width: 100%;
    padding-right: 15px;
  }
}

.cart_table .product-quantity {
  color: var(--title-color);
}

.cart_table .product-quantity input {
  position: relative;
  top: -2px;
}

.cart_table .cart-productname {
  font-weight: 400;
  font-family: var(--body-font);
  color: var(--body-color);
}

.cart_table .cart-productimage {
  display: inline-block;
  border: 0 solid var(--smoke-color);
  border-radius: 5px;
  overflow: hidden;
}

.cart_table .remove {
  color: #858580;
  font-size: 18px;
}

.cart_table .remove:hover {
  color: var(--title-color);
}

.cart_table .quantity {
  align-items: center;
  background: #f6f5f3;
  padding: 9px 20px;
}

.cart_table .quantity .title {
  font-size: 18px;
  margin-right: 24px;
  color: var(--title-color);
  /* Small devices */
}

@media (max-width: 767px) {
  .cart_table .quantity .title {
    display: none;
  }
}

.cart_table .quantity .qty-input {
  width: 68px;
  height: auto;
  border: none;
  background-color: transparent;
  color: var(--title-color);
  padding: 11px 25px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-family: var(--title-font);
  border-radius: 0px;
}

.cart_table .quantity .qty-btn {
  color: var(--title-color);
  background-color: transparent;
  height: auto;
  width: auto;
  border: none;
  position: relative;
  z-index: 1;
  font-size: 14px;
}

.cart_table .quantity .quantity-minus {
  margin-right: -14px;
}

.cart_table .quantity .quantity-plus {
  margin-left: -14px;
}

.cart_table .actions {
  text-align: right;
  vertical-align: middle;
}

.cart_table .actions>.btn {
  font-size: 16px;
  padding: 17px 28px;
  margin-right: 15px;
}

.cart_table .actions>.btn:last-child {
  margin-right: 0;
}

.cart-coupon {
  float: left;
  margin: 0;
  width: 455px;
  max-width: 100%;
  display: flex;
  /* Extra small devices */
}

.cart-coupon input {
  height: 60px;
  width: calc(100% - 200px);
  margin-right: 16px;
  padding: 0;
  border-bottom: 2px solid var(--title-color);
  border-radius: 0;
  /* Extra small devices */
}

.cart-coupon input:active,
.cart-coupon input:focus,
.cart-coupon input:hover {
  border-bottom: 2px solid var(--title-color);
}

@media (max-width: 575px) {
  .cart-coupon input {
    width: calc(100% - 106px);
    height: 50px;
  }
}

.cart-coupon .btn {
  width: max-content;
}

@media (max-width: 575px) {
  .cart-coupon {
    flex-wrap: wrap;
    gap: 15px 0;
  }
}

.cart_totals {
  border: 0;
  margin-bottom: 28px;
}

.cart_totals th,
.cart_totals td {
  vertical-align: top;
  padding: 16px 20px;
  border: none;
  border-bottom: 2px solid var(--title-color);
  font-size: 14px;
  color: var(--title-color);
  width: 75%;
  /* Medium devices */
}

@media (max-width: 991px) {

  .cart_totals th,
  .cart_totals td {
    width: 50%;
  }
}

.cart_totals th:first-child,
.cart_totals td:first-child {
  width: 25%;
  background-color: transparent;
  padding-left: 0;
  font-weight: 600;
  font-family: var(--title-font);
  font-size: 14px;
  color: var(--title-color);
  /* Medium devices */
}

@media (max-width: 991px) {

  .cart_totals th:first-child,
  .cart_totals td:first-child {
    width: 50%;
  }
}

.cart_totals .amount {
  font-weight: 400;
  font-size: 18px;
}

.cart_totals .order-total .amount {
  font-weight: 600;
}

/* Medium devices */
@media (max-width: 991px) {
  .cart_table th {
    padding: 23px 8px;
    font-size: 14px;
  }

  .cart_table .cart-productname {
    font-size: 14px;
  }

  .cart_table .cart-coupon {
    width: 100%;
    margin-bottom: 20px;
    justify-content: center;
  }

  .cart_table .actions {
    text-align: center;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .cart_table {
    text-align: left;
    min-width: auto;
    border-collapse: separate;
    border-spacing: 0 20px;
    border: none;
  }

  .cart_table thead {
    display: none;
  }

  .cart_table td {
    padding: 15px;
    display: block;
    width: 100%;
    padding-left: 25%;
    text-align: right;
    border: 1px solid #f3f3f3;
    border-bottom: none;
  }

  .cart_table td::before {
    display: block;
  }

  .cart_table td:last-child {
    border-bottom: 1px solid #f3f3f3;
  }

  .cart_table td.actions {
    padding-left: 15px;
    text-align: center;
  }

  .cart_table td.actions>.btn {
    margin-top: 10px;
    margin-right: 0;
    display: block;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }

  .cart_table td.actions>.btn:last-child {
    margin-right: auto;
  }

  .cart_table .cart-coupon {
    width: 100%;
    text-align: center;
    float: none;
    justify-content: center;
    display: block;
    padding-bottom: 10px;
  }

  .cart_table .cart-coupon input {
    width: 100%;
    margin-bottom: 10px;
  }

  .cart_totals th,
  .cart_totals td {
    padding: 15px 10px;
  }

  .cart_totals th:first-child,
  .cart_totals td:first-child {
    width: 17%;
    line-height: 1.4;
  }
}

/*------------------- 4.00. Checkout -------------------*/
/* Checkout ---------------------------------- */
.woocommerce-checkout label {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--title-font);
  margin-bottom: 0px;
}

.woocommerce-checkout .form-group,
.woocommerce-checkout .form-row {
  margin-bottom: 0;
}

.woocommerce-checkout .form-select,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .form-control {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 2px solid var(--title-color);
  border-radius: 0;
  font-size: 18px;
  /* Extra small devices */
}

.woocommerce-checkout .form-select option:checked,
.woocommerce-checkout .form-select option:focus,
.woocommerce-checkout .form-select option:hover,
.woocommerce-checkout .select2-container option:checked,
.woocommerce-checkout .select2-container option:focus,
.woocommerce-checkout .select2-container option:hover,
.woocommerce-checkout .form-control option:checked,
.woocommerce-checkout .form-control option:focus,
.woocommerce-checkout .form-control option:hover {
  background: var(--title-color);
}

@media (max-width: 575px) {

  .woocommerce-checkout .form-select,
  .woocommerce-checkout .select2-container,
  .woocommerce-checkout .form-control {
    font-size: 16px;
  }
}

.woocommerce-checkout .form-select {
  background-position: right 0px center;
}

.woocommerce-checkout select,
.woocommerce-checkout .form-select,
.woocommerce-checkout .form-control,
.woocommerce-checkout .select2,
.woocommerce-checkout .select2-container {
  margin-bottom: 32px;
}

.woocommerce-cart-form .cart_table thead th {
  text-align: start;
}

.woocommerce-cart-form .cart_table td {
  text-align: start;
  padding: 20px 20px;
  padding-left: 0;
  line-height: 20px;
  font-size: 18px;
  font-weight: 400;
  /* Small devices */
}

@media (max-width: 767px) {
  .woocommerce-cart-form .cart_table td {
    text-align: end;
  }
}

.woocommerce-cart-form .cart_table td[data-title="Name"] {
  padding-left: 0;
}

.woocommerce-cart-form .cart_table td[data-title="Name"] a {
  font-size: 18px;
  font-weight: 400;
  font-family: var(--body-font);
}

.woocommerce-cart-form .cart_table td[data-title="Name"] a span {
  font-weight: 600;
}

.checkout-ordertable th,
.checkout-ordertable td {
  border: none;
  vertical-align: middle;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--title-color);
  border: 0;
  text-align: right;
  border-bottom: 2px solid var(--title-color);
}

.checkout-ordertable th {
  text-align: left;
}

.checkout-ordertable ul {
  margin: 0;
  padding: 0;
}

.checkout-ordertable .order-total .amount {
  font-weight: 600;
}

.woocommerce-checkout-payment {
  text-align: left;
}

.woocommerce-checkout-payment ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 30px;
}

.woocommerce-checkout-payment ul li {
  padding-top: 20px;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 4px;
  font-size: 16px;
}

.woocommerce-checkout-payment ul input[type="radio"]~label {
  margin-bottom: 20px;
  color: var(--title-color);
  font-size: 18px;
  font-weight: 400;
}

.woocommerce-checkout-payment ul input[type="radio"]~label:before {
  border: 2px solid var(--title-color);
}

.woocommerce-checkout-payment ul input[type="radio"]:checked~label::before {
  border: 2px solid var(--title-color);
  background-color: transparent;
  color: var(--title-color);
  line-height: 17px;
}

.woocommerce-checkout-payment .place-order {
  padding-top: 50px;
}

.woocommerce-checkout-payment .payment_box {
  color: #a1b1bc;
  background-color: transparent;
  border: 0;
  border-bottom: none;
  font-size: 18px;
  padding: 0px 0px 20px;
  border-radius: 4px;
  display: none;
}

.woocommerce-checkout-payment .payment_box h5 {
  font-weight: 600;
  margin-top: 10px;
}

.woocommerce-checkout-payment .payment_box p {
  margin: 0;
}

.th-checkout-wrapper form.woocommerce-form {
  margin-bottom: 25px;
}

/* Small devices */
@media (max-width: 767px) {
  tfoot.checkout-ordertable th {
    display: none;
  }

  .woocommerce-checkout-payment ul input[type="radio"]~label img {
    max-width: 150px;
  }

  .checkout-ordertable th,
  .checkout-ordertable td {
    padding: 5px 20px 5px 60px;
  }
}

/*=================================
    05. Spacing
==================================*/
/*-- Padding Left And Right --*/
.px-5 {
  padding-right: 5px;
  padding-left: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- Padding Top And Bottom --*/
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- margin Left And Right --*/
.mx-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.mx-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.mx-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.mx-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.mx-25 {
  margin-right: 25px;
  margin-left: 25px;
}

.mx-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.mx-35 {
  margin-right: 35px;
  margin-left: 35px;
}

.mx-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.mx-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.mx-50 {
  margin-right: 50px;
  margin-left: 50px;
}

/*-- margin Top And Bottom --*/
.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

/*-- margin Top --*/
.mt-5 {
  margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- margin Left --*/
.ml-5 {
  margin-left: 5px;
}

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

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

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

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

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

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

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

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

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

/*-- margin Right --*/
.mr-5 {
  margin-right: 5px;
}

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

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

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

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

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

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

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

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

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

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

.mt-140 {
  margin-top: 140px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .mt-140 {
    margin-top: 80px;
  }
}

.mt-lg-140 {
  margin-top: 140px;
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1199px) {
  .mt-lg-140 {
    margin-top: 100px;
  }
}

@media (max-width: 991px) {
  .mt-lg-140 {
    margin-top: 0;
  }
}

.mt-n1 {
  margin-top: -0.25rem;
}

.mt-n2 {
  margin-top: -0.65rem;
}

.mt-n3 {
  margin-top: -0.8rem;
}

.mt-n4 {
  margin-top: -1.5rem;
}

.mt-n5 {
  margin-top: -3rem;
}

.mt-80 {
  margin-top: 80px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .mt-80 {
    margin-top: 40px;
  }
}

.pt-70 {
  padding-top: 70px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .pt-70 {
    padding-top: 40px;
  }
}

.mt-90 {
  margin-top: 90px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .mt-90 {
    margin-top: 70px;
  }
}

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

.mb-n1 {
  margin-bottom: -0.25rem;
}

.mb-n2 {
  margin-bottom: -0.6rem;
}

.mb-n3 {
  margin-bottom: -0.8rem;
}

.mb-n4 {
  margin-bottom: -1.5rem;
}

.mb-n5 {
  margin-bottom: -3rem;
}

.mb-80 {
  margin-bottom: 80px;
  /* Medium devices */
}

@media (max-width: 991px) {
  .mb-80 {
    margin-bottom: 40px;
  }
}

.space,
.space-top {
  padding-top: var(--section-space);
}

.space,
.space-bottom {
  padding-bottom: var(--section-space);
}

.space-extra,
.space-extra-top {
  padding-top: calc(var(--section-space) - 30px);
}

.space-extra,
.space-extra-bottom {
  padding-bottom: calc(var(--section-space) - 30px);
}

.space-extra2,
.space-extra2-top {
  padding-top: calc(var(--section-space) - 40px);
}

.space-extra2,
.space-extra2-bottom {
  padding-bottom: calc(var(--section-space) - 40px);
}

.home-bg-video {
  top: 0 !important;
}

.h-service {
  background: #01010194;
}

.port-slid-mine img {
  height: 190px;
}


/* Medium devices */
@media (max-width: 991px) {

  .space,
  .space-top {
    padding-top: var(--section-space-mobile);
  }

  .space,
  .space-bottom {
    padding-bottom: var(--section-space-mobile);
  }

  .space-extra,
  .space-extra-top {
    padding-top: calc(var(--section-space-mobile) - 30px);
  }

  .space-extra,
  .space-extra-bottom {
    padding-bottom: calc(var(--section-space-mobile) - 30px);
  }

  .space-top-md-none {
    padding-top: 0;
  }

  .space-extra2,
  .space-extra2-top {
    padding-top: 70px;
  }

  .space-extra2,
  .space-extra2-bottom {
    padding-bottom: 70px;
  }

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

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

  .about-second-row .col-lg-6 {
    width: 100% !important;
  }

  .about-second-row .col-lg-6:first-child {
    margin-top: 50px;
  }

  .about-second-row {
    padding-top: 50px;
    display: flex;
    flex-direction: column-reverse;
  }

  .contact-second-row .col-lg-6 {
    width: 100%;
  }
}

@media (max-width: 1366px) and (min-width: 1152px) {
  .project-in-mind h2.text-white {
    margin-bottom: 50px;
  }

  .project-in-mind h2.text-white {
    font-size: 40px !important;
  }

  .service-hero-sec .container {
    max-width: 1152px;
  }

  .service-hero-sec .container h1.text-white {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 80px;
  }

  .service-hero-sec .container .col-lg-7:before {
    width: 60px !important;
    height: 130px !important;
    right: 5% !important;
    top: 8% !important;
  }

  .head-service p.text-white.algn-centr {
    max-width: 1000px;
  }

  .service-hero-sec .container img {
    width: 600px;
    top: -15%;
  }

  .container.smee-ser {
    max-width: 1152px;
  }

  .smee-ser .col-lg-5 {
    padding-left: 30px !important;
    padding-right: 0px !important;
  }

  .smee-ser .col-lg-7 {
    height: 350px;
    padding-right: 30px;
  }

  .same-all {
    font-size: 42px !important;
  }

  .smee-ser p.text-white {
    font-size: 18px !important;
  }

  #right-smee-ser .col-lg-7 {
    height: 350px;
    padding-left: 30px;
  }

  .marquee__text {
    font-size: 40px !important;
  }

  .blog-service h2.text-white.same-all.algn-centr {
    max-width: 1000px !important;
  }

  .counter-sec h3 {
    padding: 18px 26px;
    font-size: 90px;
    height: 220px;
    line-height: 185px;
  }

  .blurb-mod p {
    font-size: 16px !important;
  }

  .pro-ser-slider .swiper-slide h4 {
    font-size: 24px;
    padding-left: 10px;
    margin-top: 60px;
  }

  .pro-ser-slider .swiper-slide p {
    padding-left: 10px;
  }

  .best-service-sec {
    background-position: 0 900px !important;
  }

  #portfolio-hero h1 {
    font-size: 31px !important;
    margin-bottom: 10px;
    line-height: 50px;
    /* text-transform: uppercase; */
  }

  img.dubai-agent {
    transform: unset !important;
    margin-bottom: 0;
  }

  .p-text {
    font-size: 14px;
  }

  .service-hero-sec p {
    font-size: 16px;
  }

  .mortal-com-sec .container {
    max-width: 90%;
    overflow: overlay;
    overflow-x: hidden;
    height: 2400px;
  }

  .mortal-col img {
    min-width: 600px;
  }

  .p-portfolio {
    font-size: 18px;
  }

  .port-gallery .container .col img {
    width: 200px;
  }

  .service-hero-sec .container a {
    font-size: 18px;
  }

  .blog-hero-sec h1 {
    font-size: 63px;
  }

  .blog-slide-sec .container,
  .blogs-all .container {
    max-width: 1200px;
  }

  .horrific-content h2 {
    font-size: 20px;
  }

  .blurb-ctn .txt-blurb {
    width: 85%;
  }

  .blurb-ctn .img-blurb {
    width: 15%;
  }

  .header-layout2 .sticky-wrapper {
    padding: 0px 0px !important;
  }

  .header-layout2 .main-menu>ul>li>a {
    padding: 44.5px 15px;
  }

  .counter-txt {
    width: 100px;
    height: 100px;
  }

  .adword-marketing-page .service-hero-sec .col-lg-4 img {
    min-width: 100%;
  }
}

/* Adword Marketing Page CSS */
#portfolio-hero h1 {
  font-size: 40px !important;
}

img.trustsec {
  width: 390px !important;
  object-fit: contain;
}

.adword-second-sec {
  padding: 40px 0;
}

.adword-marketing-page .adword-second-sec h2 {
  font-size: 34px;
}



/* Adword Marketing Page CSS */




.video-animation-page .seo-btn {
  margin-top: 25px;
}

.ptop-80 {
  padding-top: 80px !important;
}


@media (min-width:768px)and (max-width:991px) {
  .web-dev p.text-end.feature-card-text {
    font-size: 18px !important;
    margin-bottom: 30px !important;
  }

  .log-bef:before {
    top: -140% !important;
  }

  .sub-contetn a {
    font-size: 16px;
  }

  .tab-col .tab button {
    display: inline;
  }

  .our-case-section h2 {
    font-size: 46px !important;
  }

  .our-case-section h2 span {
    font-size: 52px;
  }

  .project-in-mind h2.text-white {
    font-size: 40px !important;
  }

  .about-salman .same-all {
    font-size: 50px !important;
    margin-top: 50px !important;
  }

  .servicess-row-one h3.text-white.text-start.pb-20 {
    font-size: 34px;
  }

  .row.justify-content-space-between.servicess-row-one.align-items-center.about-ali {
    flex-direction: column-reverse;
  }

  .section-heading h1 {
    font-size: 36px !important;
  }

  .why-choose h2 {
    font-size: 34px !important;
  }

  .main-tow-btn {
    margin-bottom: 40px;
    margin-top: -50px;
  }

  img.trustsec {
    width: 260px !important;
    object-fit: contain;
  }

  img.bde {
    width: 0;
  }

  section.section-bg.matter-sec .container {
    background: #00000040;
  }

  .new-york-hire nav ul a {
    font-size: 24px;
  }

  .new-york-hire section h2 {
    font-size: 26px;
  }

  .consultancy-hero-sec h1.text-white {
    font-size: 30px;
  }

  .consultancy-hero-sec p.text-white {
    font-size: 15px;
  }

  .consultancy-hero-sec .row.align-items-center {
    display: contents;
  }

  img.trustsec {
    width: 0 !important;
  }

  .section-marquee .marquee__text {
    font-size: 30px;
  }

  .fifth-consultancy-row,
  .fifth-inner-row {
    max-width: 90%;
    text-align: center;
  }

  img.gta {
    width: 0;
  }

  .all-main .all-main-hero {
    padding-top: 160px;
  }

  .dubai-all {
    font-size: 36px;
  }

  .our-case-section h2 {
    font-size: 40px !important;
  }

  .our-case-section h2 span {
    font-size: 40px;
  }

  .faq-home h2.text-white {
    font-size: 46px !important;
  }

  .new-york-hire .row.white-bg-heading-custom-row h2 {
    font-size: 46px !important;
  }

  .branding-page .app-slider-sec {
    padding-top: 110px !important;
    padding-bottom: 1px;
  }

  .brand-tab-row .tab-buttons {
    display: flex;
    flex-flow: wrap;
  }

  .tab-buttons button.tab-btn {
    font-size: 18px;
  }

  .tab-app-row .col:before,
  .tab-app-row .col:after {
    display: none;
  }

  .tab-app .tab-content img {
    height: 172px;
    margin-bottom: 20px;
  }

  .video-animation-page .transform-row {
    margin-top: 40px !important;
  }

  h2.spe {
    font-size: 30px !important;
    margin-top: -140px;
  }

  .t-none {
    display: none !important;
  }

  .digital-marketing .main-tow-btn {
    margin-bottom: 40px;
    margin-top: 0;
  }

  .same-all {
    font-size: 30px !important;
  }

  .digital-marketing .brif-row .col-lg-6:first-child {
    padding-left: 10px;
  }

  .digital-marketing .main-tow-btn,
  .digital-marketing .transform-row .digital-two-btn {
    justify-content: center;
  }

  .digital-marketing h2.text-white.same-all.text-end {
    text-align: center !important;
    margin-top: 30px;
  }

  .digital-marketing .transform-row .col-lg-8 {
    padding-right: 0;
  }

  .digital-marketing .blurb-four {
    flex-direction: column-reverse;
  }

  .digital-marketing .done-right-sec .container p.text-white.text-center {
    font-size: 18px;
  }

  .digital-marketing .done-four-col p.text-white {
    margin-top: -30px;
    text-align: center;
    margin-bottom: 40px;
  }

  .digital-marketing .service-hero-sec .row {
    text-align: left;
  }

  .digital-marketing .row.digit-lasrt-row {
    margin-top: -60px;
  }

}


@media (max-width:767px) {
  img.for-mobe {
    animation: 6s ease-in-out 0s infinite normal none running float;
    margin-bottom: -35px;
    margin-top: 30px;
  }


  ::-webkit-scrollbar {
    width: 0;
  }

  .paly-apple img {
    width: 180px;
  }

  .industries-slider .swiper-button-next,
  .industries-slider .swiper-button-prev {
    display: none;
  }

  .industries-slider .row.justify-content-space-between {
    padding-bottom: 0px !important;
  }

  .our-case-section h2 {
    font-size: 25px !important;
  }

  .our-case-section h2 span {
    font-size: 36px;
  }

  .testi-img img {
    height: 360px !important;
    object-fit: cover;
    object-position: top;
  }

  section.section-bg.about-slaman h2 {
    font-size: 40px !important;
    margin: 30px 0 10px;
  }

  .servicess-row-one h3.text-white.text-start.pb-20 {
    font-size: 30px;
  }

  .why-choose h2 {
    font-size: 26px !important;
  }

  .slider-logo swiper-slide {
    padding: 0;
  }

  .sub-contetn h2,
  .sub-contetn span,
  .sub-contetn p,
  .sub-contetn a {
    text-align: center !important;
    display: inline-block;
  }

  .web-dev p.feature-card-text {
    font-size: 16px;
    color: #ffffff;
  }

  .logo-design .web-dev p.feature-card-text {
    margin-bottom: 15px;
  }

  .swiper-slide-thumb-active {
    box-shadow: rgb(86, 198, 199) 0px 0px 10px 5px;
    padding: 5px;
  }

  .row.justify-content-space-between.project-in-mind img {
    width: 310px;
    margin-bottom: 0px;
  }

  .counter-sec-logo {
    background-size: 0;
  }

  .web-dubai .service-hero-sec p {
    font-size: 16px;
  }

  .cont-dubai-slider p {
    font-size: 12px;
    line-height: 17px;
  }

  .row.dubai-row-mind.align-items-center {
    margin-top: 40px !important;
    padding-top: 0px;
  }

  .dubai-reviews .transform-row {
    margin-top: 30px !important;
  }

  .dubai-reviews h2 {
    text-align: center !important;
    font-size: 26px !important;
  }

  .consultancy-hero-sec .row.align-items-center,
  .consultancy-work-inner {
    flex-direction: column;
  }

  .seo-btn.specbtn a {
    margin-right: 10px;
  }

  img.trustsec {
    margin-top: 10px;
  }

  .consultancy-hero-sec h1.text-white {
    font-size: 30px;
  }

  .marquee__text {
    font-size: 20px !important;
  }

  .main-dcm-bg {
    background-size: contain;
    background-position-y: 427px;
  }

  .row.fifth-consultancy-row {
    text-align: center;
  }

  .consultancy-blog-card .col-lg-9 p {
    font-size: 14px;
  }

  .consultancy-blog-card {
    margin-top: 20px;
  }

  .fifth-consultancy-sec .fifth-consultancy-row h4.text-white {
    font-size: 20px;
  }

  .consultancy-work-inner img {
    height: 200px;
    object-fit: cover;
  }

  .transform-row img {
    margin-top: 30px;
  }

  .cta-sec {
    flex-direction: column-reverse;
    padding: 40px 25px 0 0;
  }

  img.gta {
    margin-top: 30px;
    right: -13px !important;
    position: relative;
  }

  .seo-btn+img {
    margin-bottom: 30px;
  }

  .dubai-all {
    font-size: 30px;
  }

  .process-dubai-sec {
    padding-top: 0;
  }

  .social-media-marketing-dubai-page .our-case-section h2 {
    font-size: 30px !important;
  }

  .row.success-slider {
    flex-direction: column-reverse;
  }

  .tab-app-row .col:before,
  .tab-app-row .col:after {
    display: none;
  }

  .tab-app-row {
    margin-top: 110px !important;
  }

  .web-dev-pag .container {
    padding-top: 20px;
  }

  .web-dev-pag .row {
    flex-direction: column-reverse;
    padding: 35px 25px 0 0;
  }

  .global-dtb a {
    font-size: 18px;
  }

  .transform-row .digital-two-btn a:first-child:before {
    content: '';
    background: url(../../../assests/images/phon-icon.webp) no-repeat;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0%;
    transition: 0.5s all ease-in-out;
  }

  .m-none {
    display: none !important;
  }

  .video-matters .row.align-items-center.py-50 {
    flex-direction: column-reverse;
  }

  .video-matters h2 {
    margin-top: 40px;
    margin-bottom: -10px;
  }

  .video-animation-page .video-all-para {
    text-align: center;
  }

  .video-animation-page .video-data-content p.text-white {
    text-align: center;
  }

  .spec-sec {
    flex-direction: column-reverse;
    padding: 30px 25px 0 0px;
  }

  .spec-sec h2 {
    text-align: center !important;
  }

  .video-process-slider .col-md-9 {
    margin-top: 20px;
  }

  .row.video-works-row h3 {
    text-align: center;
    font-size: 30px;
  }

  .video-animation-page .our-case-section h2 {
    font-size: 30px !important;
  }

  .digital-marketing .service-hero-sec .row {
    text-align: left;
  }

  .digital-marketing .live-chat-btns a {
    width: 45%;
    float: left;
    margin-right: 13px !important;
  }

  .trust-icons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }

  .row.strategic-row {
    flex-direction: column-reverse;
    padding-bottom: 50px;
  }

  .strategic-row img {
    margin-top: 30px;
  }

  .digital-marketing .tab-content .nav {
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .row.align-items-center.transform-row {
    flex-direction: column-reverse;
    padding-right: 30px;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 0;
  }

  .row.align-items-center.transform-row h2 {
    text-align: center !important;
  }
}

.social-media-page .swiper-pagination {
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  margin-top: 30px;
}

.footer-bottom-border{
  border-top: 1px solid #fff;
  padding-top: 20px;
}