/* CSS Document */



/* 

    Created on   : 20/09/2023.

    Theme Name   : Andeo - Creative Digital Marketing  HTML5 Template

    Version      : 1.0.

    Developed by : (sayfurrahaman265@gmail.com)

   

*/

/**

* Importing necessary  Styles.

**/

/*----- Fonts ----*/

@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap');



/*----Bootstrap css ----- */

@import url('../vendor/bootstrap/css/bootstrap.min.css');

/*---- Navbar Css------*/

@import url('navbar.css');

/*----Framework css-----*/

@import url('framework.css');

/*----- Bootstrap Icons ----------*/

@import url('../fonts/bootstrap-icons/font-css.css');

/*---- Font Awesome Icons -------*/

@import url('../fonts/font-awesome/css/all.min.css');

/*----------- Slick Slider -------*/

@import url('../vendor/slick/slick.css');

/*----magnific-popup----*/

@import url('magnific-popup.css');

/*-------- AOS css ------*/

@import url('animate.css');

/*----Nice Select----*/

@import url('../vendor/nice-select/nice-select.css');





/*========================================================================================



*************************** Start Styling theme from here ***************************

#index.html(769),





==========================================================================================*/

/*** 

====================================================================

 Root Prefix

====================================================================

 ***/

:root {

  --body-text: 'DM Sans', sans-serif;

  --heading-text: 'DM Sans', serif;

  --text-color: #010212;
  ;

  --heading-color: #010212;

  --prime-one: #ffffff;

  --prime-two: #FF6915;

  --prime-three: #FB3C1D;

  --prime-four: #343230;

  --prime-five: #FFD1B0;

  --prime-six: #F6C410;

  --prime-seven: linear-gradient(90deg, #FFF4EE 0%, #F6FAFF 86.63%);

  --prime-eight: #FBF3EE;

  --prime-nine: #FFF7F1;

  --prime-ten: #FAF7EF;

  --prime-eleven: #F6FAFF;

  --prime-twelve: #FFF6EF;

}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #FF6915;
  border-radius: 0;
}

:focus {

  outline: none;

}

::selection {

  background-color: #2a2a2a;

  color: #fff;

}

/*^^^^^^^^^^^^^^^^^^^^ Global Prefix ^^^^^^^^^^^^^^^^^^^^^*/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {

  position: relative;

  /* font-family:var(--body-text ); */

  font-family: "DM Sans", Sans-serif;

  font-size: 16px;

  font-style: normal;

  font-weight: normal;

  line-height: 34px;

  color: var(--text-color);

  user-select: none;

}


@media print {
  body {
    display: none !important;
  }
}

.main-page-wrapper {
  overflow: hidden;
}

.color-one {
  color: #000000;
}

.color-two {
  color: #ffffff;
}

.color-three {
  color: #FF6915
}

h1,
h2,
h3,
h4,
h5,
h6 {

  font-family: "DM Sans", Sans-serif;

  font-style: normal;

}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {

  font-family: "DM Sans", Sans-serif;

  font-style: normal;

}

.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  color: var(--heading-color);
}

.h1,
h1 {
  font-size: 110px;
  line-height: normal;
  /*done*/
}

.h2,
h2 {
  font-size: 96px;
  line-height: normal;
}

.h3,
h3 {
  font-size: 70px;
  line-height: normal;
}

.h4,
h4 {
  font-size: 60px;
  line-height: normal;
  /*done*/
}

.h5,
h5 {
  font-size: 48px;
  line-height: normal;
  /*done*/
}

.h6,
h6 {
  font-size: 24px;
  line-height: normal;
  /*done*/
}

p {
  line-height: 1.6;
  font-size: 16px;
  font-family: 'DM Sans', Sans-serif !important;
}



.opacity {
  opacity: 0.8;
}

.opacity-two {
  opacity: 0.6;
}

.border-80 {

  width: 80%;

  height: 1px;

  background: #E8D1C0;

}

.border-90 {

  width: 90%;

  height: 1px;

  background: #000000;

}

.border-100 {

  width: 90%;

  height: 1px;

  background: #2C2828;

}

/* =========================font size=========================== */

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

/* =========================font weignt=========================== */

a {
  font-weight: 500;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/* =========================line height=========================== */

.lh-34 {
  line-height: 34px;
}

.lh-35 {
  line-height: 35px;
}

.lh-36 {
  line-height: 36px;
}

.lh-37 {
  line-height: 37px;
}

.lh-38 {
  line-height: 38px;
}

.lh-39 {
  line-height: 39px;
}

.lh-40 {
  line-height: 40px;
}

.lh-41 {
  line-height: 41px;
}

.lh-42 {
  line-height: 42px;
}

.lh-43 {
  line-height: 43px;
}

.lh-44 {
  line-height: 44px;
}

.lh-45 {
  line-height: 45px;
}

.lh-46 {
  line-height: 46px;
}

.lh-47 {
  line-height: 47px;
}

.lh-48 {
  line-height: 48px;
}

.lh-49 {
  line-height: 49px;
}

.lh-50 {
  line-height: 50px;
}

/* =========================other=========================== */

.upercase {
  text-transform: uppercase;
}

.span-one {
  color: #FFF;

  font-family: var(--heading-text);

  font-size: 20px;

  font-weight: 700;

  line-height: 30px;

}

.span-two {

  color: #FF6915;

  font-size: 16px;

  font-weight: 500;

  line-height: 34px;

  text-transform: uppercase;

}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}

::placeholder {
  color: rgba(0, 0, 0, 0.7);
}

.shapes {
  position: absolute;
}

.tran3s {
  transition: all 0.3s ease-in-out;
}

.tran4s {
  transition: all 0.4s ease-in-out;
}

.tran5s {
  transition: all 0.5s ease-in-out;
}

.tran6s {
  transition: all 0.6s ease-in-out;
}

.row {

  --bs-gutter-x: 30px;

}

.gutter-y-30 {

  --bs-gutter-y: 30px;

}

.container {

  padding-left: 15px;

  padding-right: 15px;

}

@media (min-width: 1200px) {

  .container {

    max-width: 1200px;

  }

}

@media (min-width: 1500px) {

  .container-fluid {

    max-width: 1500px;

  }

}

/*** ====================================================================

  Loading Transition

====================================================================

 ***/



#site-preloader {

  position: fixed;

  inset: 0;

  background: linear-gradient(180deg,

      #15996f 0%,

      #6b8f59 40%,

      #c58c3a 70%,

      #f26c21 100%);

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 99999;

  transform: translateY(0);

  transition: transform 1s ease-in-out, opacity 0.6s ease;

}



#site-preloader img {

  width: 100%;

  max-width: 300px;

  animation: pulse 1.5s ease-in-out infinite;

}



#site-preloader.hide {

  transform: translateY(100%);

  opacity: 0;

  pointer-events: none;

}



@keyframes pulse {

  0% {

    transform: scale(0.95);

    opacity: 0.7;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.andeo-preloader {

  font-family: var(--heading-text);

  align-items: center;

  -webkit-align-items: center;

  display: flex;

  display: -ms-flexbox;

  height: 100%;

  justify-content: center;

  -webkit-justify-content: center;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 999999;

  background: #fff;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}

.andeo-preloader .animation-preloader {

  position: absolute;

  z-index: 100;

  text-align: center;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}

.animation-preloader h1 {

  color: #000000;

  font-family: var(--heading-text);

  font-style: normal;

  font-weight: 900;

  font-size: 66px;

  line-height: 90px;

  overflow: hidden;
  /* Ensures the content is not revealed until the animation */

  border-right: .15em solid #19A463;
  /* The typwriter cursor */

  white-space: nowrap;
  /* Keeps the content on a single line */

  margin: 0 auto;
  /* Gives that scrolling effect as the typing happens */

  letter-spacing: .30em;
  /* Adjust as needed */

  animation: typing 5s steps(7) infinite,

    blink-caret 0.8s infinite;

  animation-fill-mode: forwards;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}

/*==========================================simple animation ============================================*/

/* The typing effect */

@keyframes typing {

  0% {
    width: 0;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }

  25% {
    width: 70%;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }

  50% {
    width: 100%;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }

  75% {
    width: 70%;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }

  100% {
    width: 0;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }

}

/* The typewriter cursor effect */

@keyframes blink-caret {

  from {
    border-color: transparent;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }

  to {
    border-color: var(--prime-two);

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }



}



@keyframes ripple {

  0% {

    box-shadow: 0 0 0 .0rem rgba(255, 255, 255, 0.3),

      0 0 0 .5rem rgba(255, 255, 255, 0.2),

      0 0 0 1.5rem rgba(255, 255, 255, 0.1);

  }

  100% {

    box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0.0),

      0 0 0 2.5rem rgba(255, 255, 255, 0.0),

      0 0 0 3rem rgba(255, 255, 255, 0.0);

  }

}





/* progress bar animation */

.progress-bar {

  position: absolute;

  height: 5px;

  border-radius: 15px;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.bar-width-one {

  width: 85%;

  animation: progress-forward-one infinite 5s ease;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.bar-width-two {

  width: 75%;

  animation: progress-forward-two infinite 5s ease;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.bar-width-three {

  width: 90%;

  animation: progress-forward-three infinite 5s ease;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

@keyframes progress-forward-one {

  0% {

    width: 0%;

  }

  100% {

    width: 85%;

  }

  ;

}

@keyframes progress-forward-two {

  0% {

    width: 0%;

  }

  100% {

    width: 75%;

  }

  ;

}

@keyframes progress-forward-three {

  0% {

    width: 0%;

  }

  100% {

    width: 90%;

  }

  ;

}

/*========================= button css==================== */

.custom-btn-one {

  text-align: center;

  /*text-transform: uppercase;*/

  font-size: 15px;

  font-weight: 500;

  position: relative;

  display: inline-block;

  vertical-align: middle;

  -webkit-appearance: none;

  appearance: none;

  outline: none !important;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

  overflow: hidden;

  z-index: 1;

}

.custom-btn-one::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  height: 0%;

  width: 0%;

  opacity: 0;

  z-index: -1;

  overflow: hidden;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.scroll-top {

  width: 35px;

  height: 35px;

  line-height: 35px;

  position: fixed;

  bottom: 20px;

  right: 5px;

  z-index: 99;

  text-align: center;

  color: #fff;

  font-size: 25px;

  cursor: pointer;

  border-radius: 50%;

  background: var(--prime-two);

  display: none;

  transition: all 0.3s ease-in-out;

}

.scroll-top:after {

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 1;

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}

.theme-main-menu .inner-content {
  position: relative;
}

.theme-main-menu {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 99;

  padding: 10px 0;

  transition: all .4s ease-out;



  background: radial-gradient(at center center,

      #dcb8c000 21%,

      #06071d61 100%);

}



/* Glass layer */

.theme-main-menu::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: -1;
  /* stays behind menu content */



  backdrop-filter: blur(10.8px);

  -webkit-backdrop-filter: blur(10.8px);



  background-color: rgba(6, 7, 29, 0.65);

}





.theme-main-menu.sticky-menu.fixed {

  position: fixed;

  z-index: 990;

  padding-top: 10px;

  padding-bottom: 10px;

  background-color: rgb(53, 53, 53);

  top: 0;

  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);

  transition: all .4s ease-out;

}

.theme-menu-one.sticky-menu.fixed .nav-header-logo-custom {

  max-width: 270px;

}

.theme-menu-one.sticky-menu.fixed {

  top: 0px;

  /*padding-left: 20px;*/

  /*padding-right: 20px;*/

}

.navbar-nav .nav-item {

  padding-right: 20px;

}

.left-wiget {

  margin-left: 10%;

}

.search-icon,
.grid-icon {

  padding-right: 30px;

}

.theme-menu-one .right-wiget .custom-btn-one {

  border-radius: 35px;

  /*background:var(--prime-one);*/

  /*border:1px solid var(--prime-one);*/

  font-weight: 700;

  background: linear-gradient(180deg, #ed6d1a 0%, #DCB8C0 100%);

  padding: 18px 24px 18px 23px;

  color: #fff;

  font-size: 16px;

  text-transform: normal !important;

  line-height: 52px;

  padding: 0px 15px;

  transition: all 0.5s ease;

}

.theme-menu-one .right-wiget .custom-btn-one:hover {

  transform: scale(1.1);

}

/*.theme-menu-one .right-wiget .custom-btn-one:hover{color:var(--prime-one); }*/

/*.theme-menu-one .right-wiget .custom-btn-one::after {*/

/*  background-color: var(--prime-two );*/

/*  height: 100%;*/

/*}*/

/*.theme-menu-one .right-wiget .custom-btn-one:hover::after{*/

/*  width:100%;*/

/*  opacity:1;*/

/*}*/

/*=====================================header css end====================================*/

/*=============================banner 01 start==========================================*/

.banner_slider_one .item {

  overflow: hidden;

}

.banner-one {

  background-size: cover;

  visibility: visible;

  opacity: 1;

}

.slick-slide.slick-current.slick-active .banner-one {

  visibility: visible;

  overflow: hidden;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);



}

.banner-one .top_heading {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(-120px);

  transform: translateY(-120px);

  -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;



}

.slick-slide.slick-current.slick-active .banner-one .top_heading {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}

.banner-one .h1 {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(-120px);

  transform: translateY(-120px);

  -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}

.slick-slide.slick-current.slick-active .h1 {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}

.banner-one .custom-btn-one {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(-120px);

  transform: translateX(-120px);

  -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}

.slick-slide.slick-current.slick-active .banner-one .custom-btn-one {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}

.banner-one .shape-01 {

  top: -5%;

  left: 3%;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(-120px);

  transform: translateY(-120px);

  -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}

.banner-one .shape-02 {

  bottom: 18.5%;

  right: 38%;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(-120px);

  transform: translateY(-120px);

  -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}

.slick-slide.slick-current.slick-active .banner-one .shape-02,

.slick-slide.slick-current.slick-active .banner-one .shape-01 {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}

.banner-one .custom-btn-one {

  background: var(--prime-two);

  color: var(--prime-one);

  padding: 0 47px;

  line-height: 64px;

  font-size: 16px;

  border-radius: 35px;

  border: 1px solid var(--prime-two);

}

.banner-one .custom-btn-one:hover {
  color: var(--prime-three);
}

.banner-one .custom-btn-one::after {
  background: var(--prime-one);

  width: 100%;

}

.banner-one .custom-btn-one:hover::after {

  height: 100%;

  opacity: 1;

}

/*=============================banner 01 end==========================================*/

/* =======================sidebar start=================== */

.search-wrap {

  padding-bottom: 100px;

}

.search-wrap input {

  color: #FF6915;

  font-size: 55px;

  width: 100%;

  background: transparent;

  border: 0;

  text-align: center;

  height: auto;

  padding: 0;

  margin: 0 auto;

  border-bottom: 2px solid #FF6915;

  padding-bottom: 10px;

}

/* right aside */

.right-aside .offcanvas {

  background: var(--text-color);

  color: var(--prime-one);

  padding: 0 40px;

}

.right-aside .offcanvas-header {

  padding-top: 80px;

}

.right-aside .offcanvas-header .btn-close {

  padding: 0;

  margin: 0;

  outline: none;

  border: none;

}

.right-aside .offcanvas-header button {

  opacity: 1;

  background: none !important;

  color: var(--prime-one) !important;

  position: absolute;

  left: 20px;

  top: 20px;

  outline: none;

}

.right-aside .offcanvas-header button i {
  font-size: 30px;
}

.right-aside .offcanvas-body .info-widget2 p {
  padding-bottom: 20px;
}

.right-aside .offcanvas-body .info-widget2 p i {

  padding-right: 10px;



}

.offcanvas-body {
  overflow: hidden;
}

/* =======================sidebar start=================== */

/*=============================about start==========================================*/

.about-one::before {

  position: absolute;

  content: "";

  right: 52.5%;

  top: -16%;

  width: 100%;

  height: 123%;

  background: var(--prime-nine);

  z-index: -1;

  max-width: 920px;

}

.about-one .custom-btn-one {

  border-radius: 35px;

  border: 2px solid var(--prime-two);

  color: var(--prime-two);

  line-height: 55px;

  padding: 0px 45px;

  font-size: 16px;

}

.about-one .custom-btn-one:hover {
  color: var(--prime-one);
}

.about-one .custom-btn-one::after {

  background: var(--prime-two);

  border: 2px solid var(--prime-two);

  height: 100%;

}

.about-one .custom-btn-one:hover::after {

  width: 100%;

  opacity: 1;

}

.about-list li {

  border-radius: 3px;

  border: 1px solid #ECECEC;

  margin-bottom: 20px;

  padding: 14px 70px;

  position: relative;

}

.about-list li::after {

  content: url('../images/icon/hex-check.svg');

  position: absolute;

  left: 20px;

}

.about-one .heading-shape .h4::before {

  content: url('../images/shape/shape-03.svg');

  position: absolute;

  bottom: -17%;

  left: 5%;

  z-index: -1;

}

/*=============================about end==========================================*/

/*============================work history star==========================================*/

.work-rapper-one {

  border-radius: 5px;

  background: #343230;

  color: var(--prime-one);

}

.work-one::after {

  position: absolute;

  content: url(../images/shape/shape-04.svg);

  right: -85px;

  top: -56px;

}

/*=============================work history end==========================================*/

/*============================what we offer star==========================================*/

.our-offer-one {

  background: #FAF7EF;

  position: relative;

  z-index: 1;

}

.offer-one {

  height: 398px;

  width: 270px;

  padding: 34px 20px 40px 20px;

  position: relative;

  border-radius: 5px;

  background: #FFF;

  z-index: 1;

  overflow: hidden;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.offer-one .offer-pic {

  height: 77px;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.offer-one::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  border-radius: 5px;

  background: var(--prime-two);

  opacity: 0;

  visibility: hidden;

  overflow: hidden;

  -webkit-transform: translateY(-200px);

  transform: translateY(-200px);

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out
}

.offer-one:hover::after {

  opacity: 1;

  z-index: -1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out
}

.offer-one:hover p,

.offer-one .h6 a {

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

.offer-one:hover p,

.offer-one:hover .h6 a {
  color: var(--prime-one);
}

.offer-link {

  width: 51px;

  height: 51px;

  background: var(--prime-twelve);

  line-height: 51px;

  transform: translate(-10%);

  border-radius: 51px;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.offer-link img {

  padding: 10px;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.offer-one .offer-pic img {

  width: auto;

  height: auto;

  -webkit-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.offer-one:hover .offer-pic img {

  transform: scale(.9);

}

.offer-one:hover .offer-link {
  transform: scale(.9);
}

.offer-rapper-one .shape_001 {

  width: 15px;

  height: 15px;

  position: absolute;

  right: -242px;

  top: 17%;

  border: 2px solid #030303;

  border-radius: 15px;

}

.offer-rapper-one .shape_002 {

  width: 15px;

  height: 15px;

  position: absolute;

  right: -242px;

  bottom: 40%;

  border: 1px solid #030303;

  border-radius: 15px;

}

.offer-rapper-one .shape_003 {

  width: 51px;

  height: 51px;

  position: absolute;

  border-radius: 50px;

  left: -193px;

  bottom: 30%;

  background: var(--prime-six);

  z-index: 9999;

}

.offer-rapper-one .heading_shape::before {

  content: url('../images/shape/shape-03.svg');

  position: absolute;

  bottom: -16%;

  right: 30%;

  z-index: -1;

}

/*============================what we offer end==========================================*/

.choose-one-rapper .shape-05 {

  right: -85px;

  top: 25%;

}

.choose-one-rapper .shape-06 {

  left: -175px;

  bottom: 34%;

}

.left-choose h4::after {

  position: absolute;

  content: url(../images/shape/shape-03.svg);

  bottom: -34px;

  left: 0;

  z-index: -1;

}



.right-choose .shape-07 {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 1;

}

.progress {

  padding-bottom: 10px;

  border-radius: 0;

}

.progress_one span::before {

  content: '85%';

  position: absolute;

  right: -126%;

  top: 42%;

}

.progress_two span::before {

  content: '75%';

  position: absolute;

  right: -183%;

  top: 42%;

}

.progress_three span::before {

  content: '90%';

  position: absolute;

  right: -139%;

  top: 42%;

}

.progress-bar {

  background: #010212;

}

.choose-one .right-choose {

  width: 570px;

  margin-left: 17px;

}

.choose-one .right-choose .about-02 {

  max-width: 573px;

}

/*=============================what we offer endt==========================================*/

/*=============================case star==========================================*/

.case_study_rapper .h4::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  bottom: -30px;

  left: 54%;

  z-index: -1;

}

.case_study_two .case_study_rapper .shape_003 {

  width: 90px;

  height: 90px;

  position: absolute;

  border-radius: 50px;

  right: -170px;

  bottom: -5%;

  background: var(--prime-six);

  z-index: 9999;

}

.case-one {

  overflow: hidden;

}

.case-one::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: #000;

  z-index: 1;

  opacity: 0;

  visibility: hidden;

  overflow: hidden;

  -webkit-transform: translateY(-500px);

  transform: translateY(-500px);

  transition: all 0.5s ease-in-out;

}

.case-one:hover::after {

  background: rgba(0, 0, 0, 0.5);

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

.hover-box {

  opacity: 0;

  bottom: 10%;

  left: 10%;

  width: 249px;

  padding: 18px 15px;

  z-index: 2;

  opacity: 0;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  visibility: hidden;

  overflow: hidden;

}

.hover-box .h6 a {
  color: var(--heading-color);
}

.case-one:hover .hover-box {

  transform: translateY(0px);

  opacity: 1;

  background: #ffffff;

  display: block;

  visibility: visible;

}

/*=============================case end==========================================*/



/*=============================our video star==========================================*/

.our-video {

  position: relative;

  background: url(../images/bg/bg-02.jpg) center center no-repeat;

  background-size: cover;

}

.our-video .play-button {

  position: relative;

  border: 3px solid #ffffff;

  width: 118px;

  height: 118px;

  line-height: 118px;

  border-radius: 118px;

  color: #FF7222;

  font-size: 55px;

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.our-video .play-button::before,
.our-video .play-button::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  width: 118px;

  height: 118px;

  animation-delay: 0.9s;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -ms-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  -o-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  -webkit-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  border-radius: 50%;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}



/*=============================our video end==========================================*/



/*=============================home_one_testimonial star==========================================*/

.home_one_testimonial .left-content .shape-08 {

  left: -25px;

  top: -25px;

}

.home_one_testimonial .left-content .shape-09 {

  bottom: 11px;

  right: 50px;

}

.home_one_testimonial .left-content .shape_003 {

  width: 90px;

  height: 90px;

  position: absolute;

  border-radius: 90px;

  right: 30px;

  top: -20px;

  background: var(--prime-six);

  z-index: -1;

}

.home_one_testimonial .left-content .shape_004 {

  width: 90px;

  height: 90px;

  position: absolute;

  border-radius: 90px;

  left: -20px;

  bottom: -20px;

  background: #FFE9DE;

  z-index: -1;

}

#testimonial_slider_one .right-content .title {

  color: #000;

  font-family: Kumbh Sans;

  font-size: 24px;

  font-style: normal;

  font-weight: 600;

  line-height: 43px;/
}

#testimonial_slider_one .right-content p {

  color: #000;

  font-family: Kumbh Sans;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 43px;

}

.slick-dots li {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 10px;

  background: #EBEBEB;

  margin: 0px 9px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

  position: relative;

  left: 8%;

  bottom: -60px;

}

.slick-slider .item {
  overflow: hidden;
  background: none;
}

.slick-previous.slick-arrow:hover,

.slick-arrow:hover,

.slick-dots li:hover {
  background: #FF7222;
  transform: scale(1.5, 1.5);
}

.slick-dots li.slick-active {

  background: #FF7222;

  border: none;

}

.slick-dots li button {
  display: none;
}

.slick-arrow {

  text-align: center;

  position: absolute;

  left: 120px;

  width: 33px;

  height: 33px;

  line-height: 36px;

  background: #413F3D;

  bottom: -58px;

  color: #ffffff;

  border-radius: 33px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

}

.slick-previous.slick-arrow {

  position: absolute;

  left: 0;

  bottom: -58px;

  line-height: 36px;

  text-align: center;

  color: #ffffff;

  border-radius: 33px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

}

.home_one_testimonial .slider-rapper .h4::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  left: 13%;

  bottom: 20%;

  z-index: -1;

}

/* =================partner slider */

.partner-one .partner-slider img {

  width: 162px;

  height: 48px;

  margin-right: 30px;

}

/*=============================home_one_testimonial end==========================================*/

/*=============================blog section start==========================================*/

.blog-one {

  background: #FFF8F3;

  z-index: 1;

}

.blog-one-rapper .heading::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  right: 18%;

  bottom: 30%;

  z-index: -1;

}

.blog-one-rapper .shape-10 {

  left: -174px;

  top: 180px;

}

.blog-one-rapper .shape-11 {

  right: -172px;

  top: 180px;

}

.blog-one-rapper .shape_003 {

  width: 51px;

  height: 51px;

  position: absolute;

  border-radius: 50px;

  right: -150px;

  bottom: 20%;

  background: var(--prime-six);

}

.blog-one-content .card {

  z-index: 1;

  border: none;

  overflow: hidden;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-one-content .card img {

  overflow: hidden;

  transform: scale(1) translateY(0px);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-one-content .card:hover>img {

  transform: scale(1.2) translateY(-30px);

  overflow: hidden;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-one-content .card .card-body {

  overflow: hidden;

  height: 276px;

  padding: 0 30px;

}

/*.blog-one-content .card .card-body h6{font-size: 22px;}*/

/*.blog-one-content .card .card-body h6 a {*/

/*  color: #000;*/

/*  transition: all 0.3s ease-in-out;*/

/*  -webkit-transition: all 0.3s ease-in-out;*/

/*  font-weight: 700;*/

/*}*/

/*.blog-one-content .card .card-body h6 a:hover{*/

/*  color:var(--prime-two);  */

/*}*/

/*.blog-one .card-body p{*/

/*  opacity: 0.8;*/

/*  font-weight: 400;*/

/*  line-height: 32px;*/

/*}*/

/*=============================blog section end==========================================*/



/*=============================subscribe section start==========================================*/

.subscribe_one {

  overflow: hidden;

}

.subscrpe-rapper .shape-05 {

  right: -222px;

  top: -4px;

}

.subscrpe-rapper .shape-06 {

  left: -210px;

  top: 37px;

}

.left-content .subscribe input {

  position: relative;

  width: 100%;

  height: 68px;

  border-radius: 5px;

  border: 1px solid #E7E7E7;

  background: rgba(246, 239, 239, 0.00);

  padding-left: 70px;

}

.left-content .subscribe .email-01 {

  left: 23px;

  top: 26px;

}

.left-content .subscribe .subscribe-button {

  position: absolute;

  width: 180px;

  height: 68px;

  border-radius: 5px;

  background: #FFD1B0;

  color: #010212;

  text-align: center;

  font-family: Kumbh Sans;

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: 68px;

  text-transform: uppercase;

  right: 0;

  transition: all 0.3s ease-in-out;

}

.left-content .subscribe .subscribe-button:hover {

  background: var(--prime-two);

  color: var(--prime-one);

}

.left-content .user-one {

  width: 213px;

  height: auto;

  border-radius: 6px;

  background: #FFFCDF;

  text-align: center;

  padding: 30px;

}

.left-content .user-one span {

  color: #010212;

  text-align: center;

  font-family: Kumbh Sans;

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 42px;

}

.subscribe_one .right-content {

  border-radius: 5px;

  background: #F5EFEA;

}

.right-content .Popular {

  color: #010212;

  font-family: Domine;

  font-size: 28px;

  font-style: normal;

  font-weight: 700;

  line-height: 36px;

}

.accordion-button .active {

  background: #FF6915;

  color: #ffffff;

}

.accordion-button:not(.collapsed) {

  border-radius: 5px;

  background: #FF6915;

  color: #ffffff;

  transition: all 0.3s ease-in-out;

  padding: 5px 18px;

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;

}

.accordion-button:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

/*.accordion-button.collapsed{*/

/*  border-radius: 5px;*/

/*  color: #010212;*/

/*  background: #F5F5F5;*/

/*  transition:all 0.3s ease-in-out;*/

/*  padding: 5px 18px;*/

/*  font-size: 18px;*/

/*  font-style: normal;*/

/*  font-weight: 500;*/

/*  line-height: 36px;*/

/*}*/

/*.accordion-button::after{*/

/*  position: absolute;*/

/*  background: none;*/

/*  content:'+';*/

/*  height: auto!important;*/

/*  font-size: 36px;*/

/*  transition:all 0.3s ease-in-out;*/

/*  line-height: auto;*/

/*  left: 10px;*/

/*  font-weight:400!important;*/

/*  color:#fff;*/

/*  top:50%;*/

/*  transform:translateY(-50%);*/

/*}*/

/*.accordion-button:not(.collapsed)::after{*/

/*  position: absolute;*/

/*  left: 10px;*/

/*  font-weight:400!important;*/

/*  color:#fff;*/

/*  top: 50%;*/

/*  transform:translateY(-50%);*/

/*  background: none;*/

/*  content:'-';*/

/*  height: auto!important;*/

/*  font-size: 36px;*/

/*  transition:all 0.3s ease-in-out;*/

/*  line-height: auto;*/

/*}*/









/* Common icon styles */

.accordion-button::after {

  content: '+';

  position: absolute;

  left: 16px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 28px;

  font-weight: 400;



  color: #fff;

  background: none;

  height: auto;

  transition: all 0.3s ease-in-out;

}



/* Expanded state */

.accordion-button:not(.collapsed)::after {

  content: '-';

  background: none;

  transform: translateY(-50%);

  color: #fff;

}



/* Collapsed button styling */

.accordion-button.collapsed {

  border-radius: 5px;

  color: #010212;

  background: #F5F5F5;

  transition: all 0.3s ease-in-out;

  font-size: 18px;

  font-weight: 500;

  line-height: 36px;

}





.accordion-item {

  background: #FDF4EE;

  border: none;

  transition: all 0.3s ease-in-out;

  border-radius: 5px;

}

.accordion-body {

  padding: 30px 7px 20px 18px;

}

/*.accordion-body p{*/

/*  color: #010212;*/

/*  font-family: Kumbh Sans;*/

/*  font-size: 18px;*/

/*  font-style: normal;*/

/*  font-weight: 400;*/

/*  line-height: 32px;*/

/*}*/

/*=============================subscribe section end==========================================*/



/*=============================footer  star==========================================*/

.footer {

  color: #ffffff;

  background: #000;

}

.footer_item2 ul li,

.footer_item3 ul li {
  padding-top: 10px;
}

.footer_item2 ul li a,

.footer_item3 ul li a {

  color: var(--prime-one);

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

.footer_item2 ul li a:hover,

.footer_item3 ul li a:hover {

  color: var(--prime-two);

}

.footer_item4 ul li {

  display: inline-block;

  padding-right: 20px;

}

.footer_item4 ul li a {

  text-align: center;

  display: block;

  width: 41px;

  height: 41px;

  color: var(--prime-one);

  background: #141414;

  line-height: 45px;

  border-radius: 41px;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

.footer_item4 ul li a:hover {

  color: var(--prime-two);

  background: var(--prime-one);

}

.footer_item4 .footer-shape {

  width: 172px;

  height: 1px;

  background: #252424;

}

.footer_item4 .email-link {

  color: var(--prime-one);

}

.footer_item4 .email-link:hover {

  color: var(--prime-two);

}

.footer_wapper .term-policy {

  color: #FFF;

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 124.5%;

  margin-right: 20px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.footer_wapper .term-policy:hover {

  color: var(--prime-two);

}

/*=============================footer  end==========================================*/







/*===================================    Home page 2  >>>>>>>>>> ==============================================================================================*/

/*=============================header two start==========================================*/

.theme-menu-two {

  background: #ffffff;

  padding: 27px 40px;

}

.theme-menu-two .navbar .navbar-nav .dropdown-toggle::after,

.theme-menu-two .navbar .navbar-nav .nav-link {

  color: #000;

}

.theme-menu-two.sticky-menu.fixed {

  background: #ffffff;

}

.theme-menu-two .right-wiget .custom-btn-one {

  position: relative;

  background: var(--prime-two);

  color: white;

  padding: 0px 36px;

  cursor: pointer;

  z-index: 1;

  transition: transform 0.5s ease;

  line-height: 52px;

}

.theme-menu-two .right-wiget .custom-btn-one:hover {
  color: #ffffff;
}

.theme-menu-two .right-wiget .custom-btn-one::after {

  height: 100%;

  background: var(--text-color);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.theme-menu-two .right-wiget .custom-btn-one:hover::after {

  opacity: 1;

  width: 100%;



}

/*=============================header two end==========================================*/

/*=============================banner two start==========================================*/

.banner-two {

  background: #F7E5D7;

}

.banner-rapper-two .left-banner::before {

  content: url(../images/shape/shape-21.svg);

  position: absolute;

  left: -41%;

  top: -14%;

  filter: blur(60px);

  -webkit-filter: blur(60px);

}

.banner-rapper-two .right-banner::before {

  content: url(../images/shape/shape-21.svg);

  position: absolute;

  right: -38%;

  bottom: -6%;

  filter: blur(140px);

  -webkit-filter: blur(140px);

}

.banner-rapper-two .banner-shape-01 {

  left: -84px;

  top: -97px;

  z-index: 1;

}

.banner-rapper-two .banner-shape-02 {

  right: -325px;

  bottom: 197px;

  z-index: 1;

}

.banner-rapper-two span.color-one {

  font-family: Domine;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 30px;

}

.banner-rapper-two .left-banner span.color-one::after {

  content: url('../images/shape/shape-01.svg');

  position: absolute;

  left: 16%;

  top: -4%;

}

.banner-rapper-two .left-banner .h1::after {

  content: url('../images/shape/shape-16.png');

  position: absolute;

  left: 50%;

  bottom: -12%;

}

.banner-rapper-two .left-banner .custom-btn-one {

  background: #ffffff;

  color: #010212;

  border-radius: 35px;

  padding: 0 47px;

  line-height: 64px;

  font-size: 16px;

}

.banner-rapper-two .left-banner .custom-btn-one:hover {
  color: var(--prime-one);
}

.banner-rapper-two .left-banner .custom-btn-one::after {

  background: var(--prime-two);

  height: 100%;

  opacity: 1;

}

.banner-rapper-two .left-banner .custom-btn-one:hover::after {
  width: 100%;
}

.banner-rapper-two .left-banner .shape-13 {

  right: 3%;

  bottom: 22%;

}

.banner-rapper-two .right-banner {

  width: 840px;

}

.banner-rapper-two .right-banner .banner-01 {

  max-width: 840px;

}

.banner-rapper-two .right-banner .shape-14 {

  bottom: -1%;

  left: -3%;

}

.banner-rapper-two .left-banner .left-bottom-banner .color-p {

  color: #FF7222;

  font-family: Kumbh Sans;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  text-transform: uppercase;

}

.banner-rapper-two .left-banner .left-bottom-banner .normal-p {

  color: #000;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}

.banner_two_slider {
  overflow: hidden;
}

.banner_two_slider .banner-01 {
  overflow: hidden;
}

/*=============================banner two end==========================================*/



/*=============================choose-two start==========================================*/

.choose-two .right-choose {

  width: 734px;

}

.choose-two .right-choose .about-02 {

  max-width: 734px;

  position: relative;

  z-index: -1;

}

.choose-two .right-choose .svg-one {

  position: absolute;

  top: 0;

  left: 0;

}

.choose-two .right-choose .svg-two {

  position: absolute;

  top: 50%;

  left: 170px;

}

.choose-two .shape-05 {

  right: -2%;

  top: 10%;

}

.choose-two .right-choose .shapes-02 {

  width: 17px;

  height: 197px;

  background: #F6C410;

  transform: rotate(90deg);

  bottom: -91px;

  left: 160px;

}

/*=============================choose-two end==========================================*/

/*=============================our offer two start==========================================*/

.our-offer-three .offer-one .offer-link img {

  transform: rotate(-45deg);

  height: auto;

}

.our-offer-three .offer-one {

  border: 1px solid #000;

  padding: 62px 43px;

  width: 370px;

  height: 386px;

}

/*=============================our offer two end==========================================*/



/*=============================partner two star==========================================*/

.partner-two {
  background: #FAF7EF;
}

/*=============================partner two  end==========================================*/



/*=============================about-two start==========================================*/

.about-two {

  background: #F4F4F4;

  z-index: -1;

}

.about-two .left-about {

  width: 688px;

}

.about-two .left-about .about-05 {

  position: relative;

  display: block;

  max-width: 470px;

  margin-left: 55px;

}

.about-two .left-about .about-04 {

  right: 30%;

  bottom: 5%;

}

.about-two .about-list li {

  width: 218px;

  height: 165px;

  border-radius: 3px;

  background: #FFF;

  padding: 25px 25px;

  padding-top: 70px;

  margin-right: 30px;

}

.about-two .about-list li::after {

  top: 25px;

  margin-bottom: 10px;

}

.about-two .shapes-02 {

  width: 17px;

  height: 370px;

  background: #F6C410;

  transform: rotate(0deg);

  bottom: 100%;

  right: 29%;

}

.about-two .para-text p {

  color: #010212;

  font-family: Kumbh Sans;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 34px;
  /* 170% */

}

.about-two .heading-shape .h4::before {

  content: url('../images/shape/shape-03.svg');

  position: absolute;

  bottom: -19%;

  left: 5%;

  z-index: -1;

}

/* ========================end about two============== */

.case_study_rapper .grid {

  display: flex;

  margin: auto;

  grid-gap: 30px;

}

.case_study_two .grid .grid-item {

  max-width: 33.33%;

}

.case_study_two .grid .grid-item img {

  vertical-align: middle;

  margin-top: 20px;

}

.case_study_two .grid .grid-item .item-one {

  position: relative;

  margin-bottom: 10px;

}

.case_study_two .grid .grid-item .item-one .hover-box {

  padding: 30px;

  width: 314px;

  height: 178px;

  border-radius: 5px;

  background: radial-gradient(#FF6D1B, transparent);

  bottom: 10%;

  left: 8%;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;

  transition: opacity 1000ms ease, -webkit-transform 1000ms ease;

}

.case_study_two .grid .grid-item .item-one .hover-box h6 a,

.case_study_two .grid .grid-item .item-one .hover-box span {
  color: var(--prime-one);
}

.case_study_two .grid .grid-item .item-one:hover .hover-box {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

/*=============================about-two end==========================================*/



/*=============================testimonial-two  start==========================================*/

.testimonial-two {

  position: relative;

}

.testimonial-two .shape-08 {

  left: -250px;

  top: -100px;

}

.testimonial-two .h4::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  bottom: -34px;

  left: 0%;

  z-index: -1;

}

.testimonial-two .right-content .opacity {
  line-height: 48px;
}

/* =============================slider ============================================= */

#testimonial-slider-two .slick-previous.slick-arrow {

  width: 33px;

  height: 33px;

  position: absolute;

  border-radius: 50px;

  left: -105%;

  bottom: 30%;

  background: #413F3D;

  line-height: 35px;

}

#testimonial-slider-two .slick-arrow {

  text-align: center;

  position: absolute;

  left: -80%;

  top: 70%;

  width: 33px;

  height: 33px;

  line-height: 36px;

  background: #413F3D;

  bottom: -58px;

  color: #ffffff;

  border-radius: 33px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

}

#testimonial-slider-two .slick-arrow:hover,

#testimonial-slider-two .slick-previous.slick-arrow:hover,

#testimonial-slider-two .slick-dots li:hover {

  background: #FF7222;

  transform: scale(1.5, 1.5);

}

#testimonial-slider-two .slick-dots li.slick-active {

  background: #FF7222;

  border: none;

}

#testimonial-slider-two .slick-dots li {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 10px;

  background: #EBEBEB;

  margin: 0px 9px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

  position: relative;

  left: -95%;

  bottom: 92px;

}

/* =============================slider ============================================= */



/*=============================testimonial-two end==========================================*/



/*=============================our-team start==========================================*/

.our-team {

  background: #FFF8F3;

  position: relative;

  z-index: 1;

}

.our-team .shape-10 {

  left: -174px;

}

.our-team .shape-11 {

  right: -174px;

}

.our-team .shape_003 {

  width: 51px;

  height: 51px;

  position: absolute;

  border-radius: 50px;

  right: -174px;

  bottom: 30%;

  background: var(--prime-six);

}

.our-team-one .h4::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  bottom: 46px;

  left: 43%;

  z-index: 1;

}

.our-team-content .card {

  border: none;

  background: none;

}

.our-team-content .card .team-body {

  opacity: 0;

  text-align: center;

  margin: auto;

  width: 100%;

  position: absolute;

  bottom: 0;

  box-shadow: none;

  padding-bottom: 29px;

  visibility: hidden;

  overflow: hidden;

  -webkit-transform: translateY(-50px);

  transform: translateY(-50px);

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

}

.our-team-content .card:hover .team-body {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

.our-team-content .card .team-body.team-one {

  background: linear-gradient(0deg, #B88B71 28.13%, rgba(255, 255, 255, 0.00) 82.81%) no-repeat;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.our-team-content .card .team-body.team-two {

  background: linear-gradient(0deg, #FF7222 28.13%, rgba(255, 255, 255, 0.00) 82.81%);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.our-team-content .card .team-body.team-three {

  background: linear-gradient(0deg, #B88B71 28.13%, rgba(255, 255, 255, 0.00) 82.81%) no-repeat;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.our-team-content .card .team-body ul {

  width: 210px;

  height: 56px;

  background: #000;

  line-height: 50px;

  text-align: center;

  border-radius: 31px;

  margin: auto;

  transition: all 0.3s ease-in-out;

}

.our-team-content .card .team-body ul li {

  display: inline-block;

  width: 40px;

  height: 40px;

  border: 3px solid #ffffff;

  border-radius: 40px;

  line-height: 31px;

  text-align: center;

  margin: 3px;

  transition: all 0.3s ease-in-out;

}

.our-team-content .card .team-body ul li:hover {
  background: #FF7222;
}

.our-team-content .card .team-body h6 {

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  color: #ffffff;

  text-align: center;

}

.our-team-content .card .team-body p {

  color: #ffffff;

  text-align: center;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

}

.our-team-content .bottom-team .custom-btn-one {

  border-radius: 35px;

  font-size: 16px;

  color: var(--prime-one);

  background: #FF7222;

  line-height: 55px;

  padding: 0 38px;

}

.our-team-content .bottom-team .custom-btn-one::after {

  background: var(--text-color);

  height: 100%;

  opacity: 1;

}

.our-team-content .bottom-team .custom-btn-one:hover::after {

  width: 100%;

}

/*=============================our-team   end==========================================*/

.blog-two .card {

  border: none;

  box-shadow: 0px 4px 30px 0px #E3E3E2;

  min-height: 442px;

  padding: 38px 13px 52px 30px;

}

.blog-two .card .card-body {

  height: auto;

  padding: 0;

}

.blog-two .blog-first ul {
  display: inline;
}

.blog-two .blog-first ul li {

  display: inline-block;

  padding-right: 38px;

}

.blog-two .blog-first ul li a {

  color: var(--heading-color);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.blog-two .blog-first ul li span {
  margin-left: 10px;
}

.blog-two .blog-first ul li a:hover {
  color: var(--prime-two);
}



/*=============================about page start==========================================*/

.banner-about .h2 {

  font-size: 80px;

  color: var(--prime-one);

  font-weight: 700;

}

.banner-about h2 {
  font-size: 80px;
}

.banner-about .h2::after {

  content: url(../images/shape/shape-16.png);

  position: absolute;

  bottom: -51px;

  left: 40%;

  display: none;

}

.banner-about p a {

  color: var(--prime-one);

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  position: relative;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.banner-about p a:hover {

  color: var(--prime-two);

}

.about-three .text-rapper {

  width: 65%;

  margin: auto;

}

.about-three h4 {

  color: #010212;

  font-size: 64px;

  font-weight: 700;

  line-height: 72px;

}

.about-three p {

  color: #010212;

  font-size: 24px;

  font-weight: 400;

  line-height: 42px;

}

.work-history-two {

  top: 60px;

  position: relative;

}

.about-four {

  top: -60px;

}

/*=============================about page  end==========================================*/



/*=============================section 01 start==========================================*/

.contact-form {

  background: var(--prime-eight);

}

.my-form {

  background: var(--prime-one);

  border-radius: 5px;

  padding: 60px 80px;

  /*top:60px;*/

}

.contact-form .my-form .input-one {

  position: relative;

  margin-top: 20px;

  display: block;

  width: 100%;

  height: 50px;

  font-size: 15px;

  line-height: 1;

}

.contact-form .my-form .input-two {

  position: relative;

  margin-top: 20px;

  display: block;

  width: 100%;

  height: 100px;

  font-size: 15px;

  line-height: 1;

}

.contact-form .my-form .input-one-text,

.contact-form .my-form .input-two-text {

  position: absolute;

  display: block;

  width: 97%;

  height: 100%;

  top: 0;

  left: 0;

  pointer-events: none;

}

.contact-form .my-form .input-one-text::before {

  content: "";

  display: block;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 1px;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

  background: #000;

}

.contact-form .my-form .input-one-text::after {

  content: attr(data-placeholder);

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  color: #000;

  opacity: 0.7;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 1.2;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

}

.contact-form .my-form .input-two-text::before {

  content: "";

  display: block;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 1px;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

  background: #000;

}

.contact-form .my-form .input-two-text::after {

  content: attr(data-placeholder);

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  color: #000;

  opacity: 0.7;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 1.2;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

}

.my-form .custom-btn-one {

  text-transform: inherit;

  border-radius: 5px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 16px;

  font-weight: 500;

  padding: 11px 44px;

  line-height: 2;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.my-form .custom-btn-one:hover {

  background: var(--text-color);

}

.my-contact {

  border-radius: 5px;

  background: linear-gradient(180deg, #E6FCFE 0%, rgba(230, 252, 254, 0.00) 100%);

}

.my-contact .left-content .h5 {

  padding-right: 91px;



}

.my-contact .left-content p {

  color: #141414;

  font-family: Kumbh Sans;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 66px;



}

.my-contact .left-content .custom-btn-one {

  text-transform: capitalize;

  border-radius: 5px;

  background: #010212;

  color: var(--prime-one);

  font-size: 18px;

  font-weight: 500;

  padding: 12px 27px;

  line-height: 2;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.my-contact .left-content .custom-btn-one i {
  margin-left: 17px;
}

.my-contact .left-content .custom-btn-one:hover {

  background: var(--prime-two);

}

.my-contact .right-content {

  background: var(--prime-one);

  max-width: 410px;

  padding: 47px 54px;

  margin-left: auto;

}

.my-contact .right-content h6 {

  font-size: 32px;

  font-weight: 400;

  line-height: 53px;

}

.my-contact .right-content p {

  font-size: 18px;

  font-weight: 400;

  line-height: 32px
}

.my-contact .right-content p i {

  font-size: 25px;

  margin-right: 10px;

}

/*=============================partner two  end==========================================*/



/*=============================faq start==========================================*/

.faq {

  border-radius: 5px;

  background: linear-gradient(180deg, #E6FCFE 0%, rgba(230, 252, 254, 0.00) 100%);

}

.faq .faq-rapper {

  border-radius: 5px;

  padding: 80px 44px;

  background: #FFF;

  box-shadow: 0px 25px 25px 15px rgba(212, 207, 207, 0.25);

}

.faq .h5 {

  color: #010212;

  font-size: 48px;

  font-weight: 700;

  line-height: 53px;

}

.faq .prag {

  color: #000;

  font-size: 24px;

  font-weight: 400;

  line-height: 40px;

}

.my-contact-two {
  background: none;
}

.my-contact-two .right-content {

  background: none;

  padding: 0;

  max-width: 100%;

}

.my-contact-two .left-content .h5 {

  padding: 0;

  margin: 0;

}

/*=============================faq  end==========================================*/



/*=============================page-error start==========================================*/

.page-error {

  background: linear-gradient(90deg, #FFF4EE 1.76%, #F6FAFF 90.06%);

}

.page-error p a,

.page-error span {

  color: #010212;

  font-size: 36px;

  font-weight: 700;

  line-height: 51px;

}

.page-error .h2 {

  color: var(--heading-color);

}

.page-error .search-form {

  background: var(--prime-one);

  margin: auto;

  max-width: 675px;

  height: 78px;

}

.page-error .search-form input {

  padding-left: 30px;

  font-weight: 400;

  line-height: 51px;

  opacity: 0.7;

  background: none;

  width: 95%;

}

.page-error .search-form a img {

  padding-right: 30px;

}

.page-error .custom-btn-one {

  padding: 9px 66px;

  text-transform: capitalize;

  border-radius: 5px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 18px;

  font-weight: 500;

  line-height: 51px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.page-error .custom-btn-one:hover {

  background: var(--text-color);

}

/*=============================page-error  end==========================================*/



/*=============================service details start==========================================*/

.banner-rapper-three .right-banner::before,

.banner-rapper-three .left-banner::before {
  display: none;
}

.service-all {
  background: #F2FAFB;
}

.service-all .left-banner .h3 {
  font-weight: 700;
}

.service-all .left-banner .tech-partner,

.service-all .left-banner .para-one {

  font-size: 24px;

  font-weight: 400;

  line-height: 40px;

}

.service-all .left-banner .para-two {

  font-size: 20px;

  font-weight: 400;

  line-height: 34px;

}

.service-all .left-bottom-banner a img {

  margin-right: 25px;

}

.right-banner .our-video .watch-video {

  border: none;

  line-height: 0;

  position: absolute;

  bottom: -7px;

  left: -30px;

}

.service-all .right-banner .shape-01 {

  top: 5%;

  left: 15%;

  width: 42px;

  height: 38px;

  border-radius: 3px;

  background: #FF7222;

}

.service-all .right-banner .shape-02 {

  top: 12%;

  left: 25%;

  width: 70px;

  height: 64px;

  border-radius: 3px;

  background: #FFF;

}

.service-all .right-banner .shape-03 {

  right: 0;

  bottom: 0;

  width: 17px;

  height: 157px;

  background: #FBCA1D;

}

/* ========================design-service */

.design-service {

  background: #FFF8F1;

  z-index: 1;

}

.design-service .left-service .include {

  color: #010212;

  font-size: 24px;

  font-weight: 700;

  line-height: 120px;

}

.design-service .right-service .about-09 {

  position: relative;

}

.design-service .right-service .about-10 {

  position: absolute;

  left: 22%;

  bottom: -30%;

}

.design-service .left-service .design-01 {

  position: relative;

}

.design-service .left-service .design-01 .icon {

  position: relative;

  z-index: 2;

}

.design-service .left-service .design-01 .icon img {

  width: auto;

  height: auto;

}

.design-service .left-service .design-01 .icon::before {

  position: absolute;

  left: 73px;

  top: 5px;

  content: '';

  width: 30px;

  height: 30px;

  border-radius: 30px;

  background: var(--prime-six);

  z-index: -1;

}

.design-service-two {
  background: none;
}

.design-service-two .custom-btn-one {

  text-transform: inherit;

  border-radius: 35px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 2;

  padding: 12px 38px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.design-service-two .custom-btn-one:hover {

  background: var(--text-color);

}

/*=============================service details  end==========================================*/



/*=============================case_study_two start==========================================*/

#isotop-gallery-wrapper {

  margin: -15px;

}

#isotop-gallery-wrapper .grid-sizer {

  width: 33.333%;

  padding: 15px 0;

}

#isotop-gallery-wrapper .isotop-item {

  width: 33.333%;

}

#isotop-gallery-wrapper .isotop-item .item-one {

  margin-bottom: 30px;

}

.item-one .hover-box {

  width: 267px;

  padding: 30px 20px;

  bottom: 15%;

  left: 15%;

  background: #FF6D1B;

  background: radial-gradient(#FF6D1B, transparent);

}

.item-one .hover-box .span-two,

.item-one .hover-box .h6 a {

  color: var(--prime-one);

}

.item-one:hover .hover-box {

  color: var(--prime-one);

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

.case_study_two ul {

  display: inline-block;

}

.case_study_two ul li {

  display: inline-block;

  font-family: 'Domine', serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 34px;

  color: #000;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 0 30px 0 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.case_study_two ul li:hover {

  color: var(--prime-two);

}

.case_study_two ul li.is-checked {

  color: var(--prime-two);

}

/*=============================case_study_two  end==========================================*/



/*=============================case-details  end==========================================*/

.case-details-banner .case-banner-rapper {

  width: 94%;

  margin: 0 auto;

}

.case-details-banner .case-banner-rapper p {

  margin: 0 auto;

  width: 78%;

}

.case-details {

  background: none;

}

.case-details .left-service .role {

  color: #000;

  font-size: 24px;

  font-weight: 700;

  line-height: 40px;

}

.case-details .left-service .design-01 {

  margin-right: 0;

}

.case-details .left-service .design-01 p {

  color: #000;

  font-size: 18px;

  font-weight: 600;

  line-height: 32px;

}

.case-details .left-service .go_link,

.case-details .left-service .parg {

  color: #000;

  font-size: 20px;

  font-weight: 400;

  line-height: 34px;

}

.case-details .left-service .go_link {

  color: var(--prime-two);

  text-decoration: underline;

}

.design-service-three {

  background: #FFF8F1;

}

.case-blog {

  background: none;

}

.case-blog .card {

  background: #FFFFFD;

  box-shadow: 0px 25px 25px 15px rgba(212, 207, 207, 0.25);

}

.case-blog .card .card-body {

  height: 220px;

}

.case-blog .card .card-body span {

  color: var(--prime-two);

}

.case-video {

  background: none;

  right: -265px;

  top: -109px;

}

.case-video .play-button {

  line-height: 82px;

}

/*=============================case-details  end==========================================*/



/*=============================blog-page start==========================================*/

.case-blog .h4 {

  width: 85%;

  margin: 0 auto;

}

.blog-page {

  background: #F4F7FC;

}

.blog-page .left-blog .left-one .card-body {

  padding: 35px 44px;

}

.blog-page .left-blog .left-one h6 {

  font-size: 46px;

  font-weight: 700;

  line-height: 58px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-page .left-blog .card {
  border: none;
}

.blog-page .left-blog .left-one h6 a {

  color: #000;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-page .left-blog .left-one ul li a:hover,

.blog-page .left-blog .left-one h6 a:hover {

  color: var(--prime-two);

}

.blog-page .left-blog .left-one p {

  color: #000;

  font-weight: 400;

  line-height: 34px
}

.blog-page .left-blog .left-one ul li a {

  color: #000;

  font-family: Domine;

  font-size: 16px;

  font-weight: 700;

  line-height: 34px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-page .left-blog .pagination a {

  width: 63px;

  background: var(--prime-one);

  border-radius: 50%;

  margin-right: 15px;

  color: #000;

  font-size: 18px;

  font-weight: 400;

  text-align: center;

  line-height: 63px;

  vertical-align: middle;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;



}

.blog-page .left-blog .pagination {

  display: flex;

  margin-left: auto;

  width: 100%;

  position: relative;

  align-items: center;

  justify-content: flex-end;

}

.blog-page .left-blog .pagination a:hover {

  color: var(--prime-one);

  background: var(--prime-two);

}

.blog-page .right-blog {

  padding: 50px 35px;

  background: var(--prime-one);

}

.blog-search .search-form {

  border-radius: 3px;

  border: 2px solid #000;

  height: 66px;

}

.blog-search .search-form a img {

  margin-left: 10px;

}

.blog-search .search-form input {

  color: #B5B5B5;

  font-size: 16px;

  font-weight: 400;

  margin-left: 20px;

  width: 100%;

}

.blog-post .h6,

.blog-taq .h6 .blog-categ .h6 {

  line-height: 72px;

}

.blog-categ ul li span {

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 44px;

}

.blog-categ ul li {

  border-radius: 5px;

  background: #F6F6F6;

  color: #000;

  margin-bottom: 10px;

  height: 50px;

  padding: 5px 20px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-categ ul li:hover {

  background: var(--prime-two);

  color: var(--prime-one);



}

.blog-post .post-one p {

  color: var(--prime-two);

  font-size: 14px;

  font-weight: 400;

  line-height: 28px;

  margin-left: 20px;

}

.blog-post .post-one h6 a {

  color: #000;

  font-size: 20px;

  font-weight: 700;

  line-height: 28px;

  margin-left: 20px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-post .post-one h6 a:hover {
  color: var(--prime-two);
}

.blog-taq .tag_one {

  display: block;

  position: relative;

}

.blog-taq .tag_one a {

  display: inline-block;

  border-radius: 3px;

  background: #F5F4F4;

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  padding: 7px 12px;

  margin: 0 10px 10px 0;

  line-height: 20px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.blog-taq .tag_one a:hover {

  color: var(--prime-one);

  background: var(--prime-two);

}

/*=============================blog-page end==========================================*/



/*=============================blog details start==========================================*/

.blog-banner {

  background: #FFF6EF;

}

.blog-banner .para-one {

  color: #8B8B8B;

  text-align: center;

  font-size: 18px;

  font-weight: 400;

  line-height: 40px;

}

.blog-banner .divider {

  width: 1px;

  height: 32px;

  background: #DFDFDF;

  margin: 0 10px;

}

.blog-details .card {

  border: none;

}

.blog-details .main_left {

  background: var(--prime-one);

  padding: 42px 27px 100px 40px;

}

.main_left .left-one p {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

  opacity: 0.8;

}

.main_left .left-one .quotetion {

  border-radius: 5px;

  background: #FEF7F2;

  padding: 60px 44px 44px 105px;

}

.main_left .left-one .quotetion p {
  font-size: 18px;
  opacity: 1;
}

.main_left .left-one .quotetion p::after {

  content: url('../images/icon/quatetion.png');

  position: absolute;

  left: -70px;

  top: -20px;

}

.main_left .border {

  width: 100%;

  height: 1px;

  background: #F0ECEC;

}

.left-two .taq span {

  color: #000;

  font-size: 18px;

  font-weight: 500;

  line-height: 22px;

  letter-spacing: 0.09px;

}

.left-two .taq-list a {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;

  letter-spacing: 0.08px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.left-two .taq-list a:hover {

  color: var(--prime-two);

}

.left-two .social ul li {

  display: inline-block;

}

.left-two .social ul li a {

  color: var(--heading-color);

  margin-right: 25px;

  width: 41px;

  text-align: center;

  line-height: 41px;

  border-radius: 50%;

  background: var(--prime-one);

  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.left-two .social ul li a:hover {

  background: var(--text-color);

  color: var(--prime-one);

}

.main_left .left-three {

  border-radius: 5px;

  background: #F8F5F0;

  padding: 50px 60px 40px 30px;

}

.main_left .left-three h6 {

  color: #000;

  font-size: 20px;

  font-weight: 700;

  line-height: 34px;

}

.main_left .left-three span {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

}

.main_left .left-three p {

  font-size: 16px;

  font-weight: 400;

  line-height: 32px;

}

.main_left .left-three ul li {

  display: inline-block;

  margin-right: 20px;

}

.main_left .left-three ul li a {

  color: #000;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.main_left .left-three ul li a:hover {

  color: var(--prime-two);

}

.main_left .left-four h6 {

  color: #000;

  font-size: 20px;

  font-weight: 700;

  line-height: 34px;

}

.main_left .left-four span {

  color: #000;
  ;

  font-size: 14px;

  font-weight: 400;

  line-height: 34px;

}

.main_left .left-four p {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 32px
}

.main_left .left-four a {

  border-radius: 3px;

  background: #010212;

  color: var(--prime-one);

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

  padding: 0 20px;

  text-align: center;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.main_left .left-four a:hover {

  background: var(--prime-two);

  color: var(--prime-one);

}

.main_left .left-five input {

  width: 100%;

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

  opacity: 0.8;

}

.main_left .left-five .custom-btn-one {

  text-transform: inherit;

  border-radius: 3px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 16px;

  font-weight: 500;

  line-height: 34px;

  padding: 11px 31px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

.main_left .left-five .custom-btn-one:hover {

  background: var(--text-color);

}

.main_left .left-six input {

  width: 17px;

  height: 18px;

  border-radius: 3px;

  border: 1px solid #E3E3E3;

}

.main_left .left-six p {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

}

/*=================end style css =======================================================*/



/* Kishore */



/* ===================== */

/* contact us */

/* ================== */

/* Small pill / label text */

.text-left {

  text-align: left !important
}

.text-right {

  text-align: right !important
}

.text-justify {

  text-align: justify !important
}

.m-auto {

  margin: auto !important;

}

.lh-16 {

  line-height: 1.6
}

.text-orange {

  color: #ed6d1a !important
}

.branches-contact .offer-one .offer-pic {

  width: 70px;

  height: 70px;

  background-color: #BAF8E4;

  padding: 15px;

  border-radius: 50%;

}

.my-form {

  border-radius: 15px;
  border: 1px solid #E2E2E2;
  padding: 30px;

  transition: all 0.5s ease;

}

.my-form input,
.my-form textarea {

  color: #18112e;

  padding: 13px 30px 13px 30px;

  border-radius: 10px;

  background-color: #EFEFEF;

  border: 0;

  outline: 0;

  vertical-align: middle;

}

.my-form .form-check-input {

  width: 1em !important;

  height: 1em !important;

  padding: 10px !important;

}

.my-form button.custom-btn-one {

  background: linear-gradient(152deg, #0D9468 0%, #0D9468 100%) !important;

  border-style: none;

  border-radius: 999px 999px 999px 999px;

  /*padding: 20px 30px 20px 30px;*/

  line-height: normal;

}

.my-form button.custom-btn-one:hover {

  background: radial-gradient(at center center, #ED6D1A 35%, #DCB8C0 100%) !important;



}

.my-form:hover {

  border: 0;

  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);

}

.branches-contact .offer-one .offer-pic:hover img {

  transform: scale(1.1);

}

.branches-contact .offer-one {

  padding: 20px;

  position: relative;

  border: 1px double #CFCFCF;

  border-radius: 35px;

  height: 100% !important
}



.branches-contact .offer-one h6 {

  font-family: "IBM Plex Sans", Sans-serif !important;

  margin-bottom: 4px;

}



.branches-contact .offer-one p.branch-info {

  margin: 0;
  /* remove default gap */

  line-height: 1.2;

}

.branches-contact .offer-one a.branch-link {

  color: #ed6d1a;

  font-size: 15px;

  text-align: left;

}



.branches-contact .offer-one a.branch-link:hover {

  color: #0D9468;

}



.branches-contact .offer-one {

  position: relative;

  border-radius: 30px;

  overflow: hidden;
  /* ensures gradient stays inside */

}



/* Hover gradient overlay */

.branches-contact .offer-one::after {

  content: '';

  position: absolute;

  z-index: -1;



  width: 97%;

  height: 97%;



  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);



  background: linear-gradient(180deg,

      #ED6D1A78 0%,

      #ED6D1A00 100%);



  border-radius: 30px;

  opacity: 0;

  transition: opacity 0.3s ease;

  pointer-events: none;

}



/* Hover trigger */

.branches-contact .offer-one:hover::after {

  opacity: 1;

}



/* Inner double border */

.branches-contact .offer-one::before {

  content: '';

  position: absolute;

  z-index: -1;



  width: 97%;

  height: 97%;



  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);



  border: 1px double #CFCFCF;

  border-radius: 30px;



  background: linear-gradient(180deg,

      #ED6D1A1F 0%,

      #ED6D1A00 100%);



  pointer-events: none;

}





.span-two {

  padding: 3px 18px;

  border-radius: 30px;

  font-size: 16px;

  font-weight: 600;

  letter-spacing: 1px;

  text-transform: uppercase;



  background: linear-gradient(107deg,

      #0D9468 0%,

      #ED6D1AC4 69%);



  -webkit-background-clip: text;

  background-clip: text;



  -webkit-text-fill-color: transparent;

  color: transparent;

}



.title-subheading {

  border: 1px solid #0D946857;

  width: max-content;

  border-radius: 99px 99px 99px 99px;

  text-align: center;

}



.section-title h4 {

  font-size: 2.3em !important;

  font-family: 'DM Sans', serif;

  line-height: 1.2;

}

/* Orange gradient text */

.theme-orange {

  display: inline-block;

  background: linear-gradient(135deg,

      #FF8A3D 0%,

      #F36A21 100%);



  -webkit-background-clip: text;

  background-clip: text;



  -webkit-text-fill-color: transparent !important;

  color: transparent !important;

}



/*career*/

.my-form-career input,
.my-form textarea {

  color: #18112e;

  padding: 13px 30px 13px 30px;

  border-radius: 10px;

  background-color: #EFEFEF;

  border: 0;

  outline: 0;

  vertical-align: middle;

}

.my-form-career label {

  font-size: 16px;

  font-family: 'DM Sans', Sans-serif !important;

  font-weight: 600;

}

.my-form-career .form-check-input {

  width: 1em !important;

  height: 1em !important;

  padding: 10px !important;

}

.my-form-career #btn-contact2 {

  background: #000;

  border-radius: 8px;

  text-align: left !important;

  margin-right: auto !important;

  padding: 17px 28px 16px 28px;

  line-height: normal;

}

.my-form-career #btn-contact2:hover {



  background: linear-gradient(180deg, #ed6d1a 0%, #DCB8C0 100%) !important;

}





/*===========================*/

/*HOME PAGE*/

/*==========================*/



.video-banner {

  position: relative;

  overflow: hidden;

  height: 75vh;

}



.youtube-bg {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100vw;

  height: 56.25vw;

  min-height: 100%;

  min-width: 177.77vh;

  transform: translate(-50%, -50%);

  z-index: -2;

  overflow: hidden;

}



.youtube-bg iframe {

  width: 100%;

  height: 100%;

  pointer-events: none;

}



/*about us*/





.about-section-second {

  /*padding: 80px 20px;*/

  background: radial-gradient(circle at top left, #1b1f4b, #05061a 60%);

  color: #fff;

}



/*.about-section-second .about-container {*/

/*  max-width: 1200px;*/

/*  margin: auto;*/

/*  display: grid;*/

/*  grid-template-columns: 1fr 1fr;*/

/*  gap: 60px;*/

/*  align-items: center;*/

/*}*/



.about-section-second .left-icon {

  position: absolute;

  left: -350px;

  top: 40px;

  width: 800px;

  height: auto;

}

.about-section-second .left-icon img {

  width: 100%;

  height: 280px;

}

/* Image Box */

.about-section-second .about-image {

  position: relative;

  border-radius: 20px;

  overflow: hidden;

  border: 6px solid #06071d;

}



.home-about .cta-btn {

  line-height: normal;

}

.home-about .cta-btn span {
  text-decoration: underline;
  font-weight: 400;
}

/* Button */

.cta-btn {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 14px 32px;

  border-radius: 40px;

  background: #06071d;

  color: #ffffff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 500;

  transition: all 0.5s ease;

}



.cta-btn:hover {

  transform: translateY(-2px);

  background: linear-gradient(180deg, #ec6d20 0%, #DCB8C0 100%) !important;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

  color: #fff !important;

}





/*PORTFOLIO*/

.portfolio-section .portfolio-content h2 {

  font-size: 52.8px;

  font-weight: 700;

  line-height: 1.2;

}

.portfolio-carousel {

  width: 100%;

  position: relative;

}



.portfolio-carousel img {

  width: 100%;

  height: auto;

  display: block;

  border-radius: 8px;

}

.portfolio-carousel .swiper-slide,
.portfolio-carousel .swiper-wrapper {

  height: max-content !important;

}

.portfolio-carousel .news-media-swiper .card {

  border-radius: 15px;

  overflow: hidden;

}

.portfolio-carousel .swiper-button-prev:after,
.portfolio-carousel .swiper-rtl .swiper-button-next:after,
.portfolio-carousel .swiper-button-next:after,
.portfolio-carousel .swiper-rtl .swiper-button-prev:after {

  color: #fff;

  font-size: 16px;

  font-weight: 600;

}

.portfolio-carousel .swiper-button-next,
.portfolio-carousel .swiper-rtl .swiper-button-prev {

  right: 0 !important;

}



.portfolio-carousel .swiper-button-prev,
.portfolio-carousel .swiper-rtl .swiper-button-next {

  left: 0 !important;

}



/*FAQS*/



.home-faq .faq-content h2 {

  font-size: 52.8px;

  font-weight: 700;

  line-height: 1.2;

}

.accordion-item .accordion-header h5 {

  font-size: 17.6px;

  color: #fff;

  font-weight: 600;

  line-height: 1.2;

  margin-left: 2rem;

  margin-bottom: 0;

}

.accordion-item .accordion-button {

  padding: 20px;

  border-radius: 50px !important;

  display: flex;

  align-items: center;

}

.home-faq {

  padding: 30px 0px;

}



.accordion-button.collapsed {

  background: linear-gradient(90deg, #ec6d20 50%, #f2b59b) !important;

}

.accordion-button:not(.collapsed) {

  background: linear-gradient(90deg, #0d9468 50%, #14976c47) !important;

}





.accordion-item {

  background: transparent !important;

}







/*Testimonial*/

/* =========================

   Swiper Pagination Bullet

========================== */

.testimonial-section .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.testimonial-section .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

  background: #ec6d20 !important;

}

.testimonial-section h2.main-title {

  font-size: 52.8px;

  font-weight: 700;

  /*line-height: 2rem;*/

}

/* =========================

   Testimonial Card

========================== */

.testimonial-section .testimonial-card {

  background: #f8f8f8;

  border-radius: 22px;

  padding: 60px 30px 35px;

  position: relative;

  overflow: hidden;

  text-align: center;

  transition: 0.5s;

  height: 100%;

  border: 1px solid #D4D4D47D;

}

.testimonial-section .testimonial-card .stars {

  color: #2ca76f;

}

.testimonial-section .testimonial-card:hover .stars,

.testimonial-section .testimonial-card:hover h5 {

  color: #fff;

}

/* Logo */

.testimonial-section .testimonial-card .logo-wrap {

  width: 64px;

  height: 64px;

  background: #fff;

  border-radius: 50%;

  margin: 0 auto 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);

}

.testimonial-section .testimonial-card h5 {

  font-size: 18px;

  font-weight: 600;

}

.testimonial-section .testimonial-card .logo-wrap img {

  width: 42px;

}

/* Hover effect */

.testimonial-section .testimonial-card:hover {

  background: #ec6d20;

  color: #fff;

}



/* =========================

   Quote Icon (top-right)

========================== */

.testimonial-card .quote-icon {

  position: absolute;

  top: 0px;
  /* adjust as needed */

  right: 0px;
  /* adjust as needed */

  width: 60px;

  height: 60px;

  border-radius: 45%;

  background: #ec6d20;
  /* main circle color */

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 28px;

  color: #fff;
  /* icon color inside circle */

  z-index: 2;
  /* make sure it's above ::before */

}

.testimonial-card .quote-icon i {
  color: #ec6d20;
  z-index: 2
}

.testimonial-card .quote-icon::before {

  content: "";

  position: absolute;

  top: -30px;
  /* slightly offset to make it bigger than main circle */

  right: -30px;

  width: 100px;

  height: 100px;

  border-radius: 45%;

  background: #fff;
  /* background circle */

  z-index: 1;
  /* behind the main circle */

}





/* Optional white variant */

.testimonial-card .quote-icon.white {

  color: #fff;

  opacity: 0.4;

}

/* =========================

   Logo Circle

========================== */

.testimonial-card .testimonial-logo {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  overflow: hidden;

  margin: -50px auto 20px auto;
  /* overlaps top */

  border: 3px solid #f0f0f0;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fff;

}



.testimonial-card .testimonial-logo img {

  width: 70%;

  height: 70%;

  object-fit: contain;

}





/*Blogs*/

.home-blog.list-blog-section h2.main-title {

  font-size: 52.8px;

  font-weight: 700;

  line-height: 2rem;

}

.list-blog-section .card {

  border-radius: 25px;

  padding: 10px 10px 10px 10px;

  border: 1px solid #DFDFDF;

}

.list-blog-section .card .blog-image-link {

  border-radius: 16px;

  overflow: hidden;

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

}

.list-blog-section .card .blog-image {

  height: 160px;

  aspect-ratio: 3/2;

  border-radius: 16px;

  object-fit: cover;

  transition: all 0.5s ease;

}

.list-blog-section .card:hover .blog-image {

  transform: scale(1.05) rotate(2deg);

  opacity: .8;

}

.blog-details-link {

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #DCDCDC;

  font-size: 15px;

  border-radius: 50px 50px 50px 50px;

  padding: 6px 10px 6px 10px;

  line-height: normal;

}

.list-blog-section h6 a {

  font-size: 17.6px;

  line-height: 1.4;



  font-family: 'DM Sans', sans-serif;

}





/*achievement*/

.achievement-wrapper .achievement-box {

  border: 1.5px solid #ec6d20;

  border-radius: 28px;

  padding: 40px;



}



.achievement-wrapper .cta-card {

  background: linear-gradient(180deg, #ec6d20 0%, #e97c3a 100%);

  border-radius: 24px;

  padding: 30px;

  color: #fff;

  text-align: center;

}



.achievement-wrapper h3 {

  font-size: 19.2px;



  color: #fff;

}

.achievement-wrapper .cta-card .cta-btn span {
  text-decoration: underline;
  font-weight: 400;
}

.achievement-wrapper .divider {

  height: 1px;

  background: rgba(255, 255, 255, 0.4);

  margin: 22px 0 28px;

}







/* ACHIEVEMENT CONTENT */

.achievement-wrapper .achievement-content {

  width: 100%;

}



/* ACHIEVEMENT PILL */

.achievement-wrapper .achievement-pill {

  display: flex;

  align-items: center;

  gap: 16px;

  padding: 20px 26px;

  background: linear-gradient(90deg, #ec6d20, #f2b59b);

  border-radius: 60px;

  color: #fff;

}



.achievement-wrapper .icon {

  width: 44px;

  height: 44px;

  background: #fff;

  color: #111;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  flex-shrink: 0;

}



.achievement-wrapper .pill-text h4 {

  font-size: 1.3rem;

  margin-bottom: 8px;

  font-weight: 600;

  line-height: 1rem !important;

  color: #fff;

}





/* STATS */

.achievement-wrapper .stats {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 30px;

}



.achievement-wrapper .stat h2 {

  font-size: 42px;

  font-weight: 700;

  color: #05061a;

  line-height: 2.5rem;

}



.achievement-wrapper .plus {

  color: #17a673;

}



.achievement-wrapper .stat p {

  font-size: 16px;

  color: #000;

  margin-top: 6px;

  font-weight: 600;

}



.mousey {

  display: inline-block;

  box-sizing: border-box;

  width: 25px;

  height: 40px;

  border: 2px solid #000;

  border-radius: 50px;

  text-align: center;

}



.scroller {

  display: block;

  width: 2px;

  height: 12px;

  margin: 6px auto 0;
  /* centers horizontally */

  background-color: #000;

  border-radius: 50px;



  animation: scroll 2.2s cubic-bezier(.15, .41, .69, .94) infinite;

}



@keyframes scroll {

  0% {

    opacity: 0;

    transform: translateY(0);

  }

  10% {

    opacity: 1;

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    transform: translateY(15px);

  }

}







/*======================*/

/*ABOUT US PAGE*/

/*=====================*/

/* SECTION */

.leadership-section {

  background: #ffffff;

}



/* Badge */

.leadership-section .team-badge {

  padding: 6px 18px;

  border: 1px solid #b6e7d2;

  border-radius: 25px;

  font-size: 14px;

  color: #1c9a6a;

}



/* Heading */

.leadership-section .team-title {

  font-size: 42px;

  font-weight: 700;

  line-height: 2rem;

}



.leadership-section .team-title span {

  color: #ec6d20;

}



.leadership-section .team-subtitle {

  font-size: 15px;

  color: #555;

  margin: auto;

}



/* Card */

.leadership-section .leader-card {

  background: #fff;

  border: 1px solid #eee;

  border-radius: 18px;

  padding: 25px;

  transition: all 0.35s ease;

  position: relative;

  height: 100%;

  text-align: center;

}



.leadership-section .leader-card:hover,

.leader-card.active {

  background: #fff1e6;

  border-color: #ec6d20;

  transform: translateY(-8px);

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

}



/* Image */

.leadership-section .leader-img {

  width: 100%;

  max-width: 200px;

  height: 230px;

  object-fit: cover;

  border-radius: 14px;

  margin-bottom: 16px;

}



/* Name */

.leadership-section .leader-card h5 {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 4px;

  line-height: 2rem;

}



/* Role */

.leadership-section .role {

  font-size: 16px;

  color: #ec6d20;

  margin-bottom: 14px;

  line-height: 1rem;

  font-weight: 600;

}



/* LinkedIn */

.leadership-section .linkedin {

  display: inline-flex;

  width: 36px;

  height: 36px;

  justify-content: center;

  background: #0077b5;

  color: #fff;

  border-radius: 50%;

  font-size: 16px;

  text-decoration: none;

  align-items: center;

}

.leadership-section .linkedin:hover {

  color: #fff;

}



/* Responsive */

@media (max-width: 991px) {

  .leadership-section .team-title {

    font-size: 34px;

  }

}



@media (max-width: 576px) {

  .leadership-section .team-title {

    font-size: 28px;

  }



}





/*mentorship*/

/* Title */

.mentorship-section .mentorship-title {

  font-size: 42px;

  font-weight: 700;

  line-height: 1.3;

  margin-bottom: 30px;

}



.mentorship-section .mentorship-title span {

  color: #ec6d20;

}

.mentorship-section .mentor-img-wrapper {

  position: relative;

}



.mentorship-section .mentor-img-wrapper::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 110%;

  left: -100px;

  top: 50%;

  transform: translateY(-50%);

  background: #ec6d20;

  padding: 18px;

  z-index: -1;

}





/* Image */

.mentorship-section .mentor-img {

  width: 100%;

  height: auto;

  border-radius: 10px;

  object-fit: cover;

  border: 5px solid white;

}



/* Name */

.mentorship-section .mentor-name {

  font-size: 28px;

  font-weight: 600;

  color: #0d9468;

  margin-bottom: 14px;

  line-height: 2rem;

}



/* Text */

.mentorship-section .mentor-text {

  font-size: 14.5px;

  line-height: 1.7;

  color: #555;

  margin-bottom: 12px;

}



/* Responsive */

@media (max-width: 991px) {

  .mentorship-section .mentorship-title {

    font-size: 34px;

  }

}



@media (max-width: 576px) {

  .mentorship-section .mentorship-title {

    font-size: 28px;

  }



  .mentorship-section .mentor-name {

    text-align: center;

  }



  .mentorship-section .mentor-text {

    text-align: center;

  }

}





/*journey*/

.journey-section {

  background: #ffffff;

}



/* Title */

.journey-section .journey-title {

  font-size: 42px;

  font-weight: 700;

}



.journey-section .journey-title span {

  color: #ec6d20;

}



/* Left List */

.journey-section .journey-list {

  list-style: none;

  padding: 0;

  margin: 0;

}







.red {
  background: #f46a6a;
}

.yellow {
  background: #ffd45c;
}

.green {
  background: #9ad47a;
}

.blue {
  background: #7cc7eb;
}



.journey-section .journey-list li {

  position: relative;

  font-weight: 600;

  font-size: 18px;

}



/* Dot */

.journey-section .dot {

  width: 44px;

  height: 44px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 700;

  position: relative;

}



/* Text OVER the dot */

.journey-section .text {

  position: absolute;

  top: 50%;

  left: 22px;
  /* center horizontally */

  transform: translateY(-50%);

  color: #000;

  pointer-events: none;

}



/* Right Content */

.journey-section .journey-content p {

  font-size: 14.5px;

  line-height: 1.8;

  color: #000;

  margin-bottom: 22px;

}



/* Responsive */

@media (max-width: 991px) {

  .journey-section .journey-title {

    font-size: 34px;

  }



  .journey-section .journey-list li {

    font-size: 16px;

  }

}



@media (max-width: 576px) {

  .journey-section .journey-title {

    font-size: 28px;

  }





  .journey-section .journey-content p {

    font-size: 14px;

  }

}





.banner-about {

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  background-attachment: fixed !important;

  background-blend-mode: overlay !important;

}

.banner-about h2 {

  font-size: clamp(36px, 5vw, 80px);

  line-height: 1.1;

}









#cross-toggler {

  display: none;

  width: 36px;

  height: 36px;

  border: 1px solid #fff;

  background: rgba(0, 0, 0, 0.9);

  color: rgba(255, 255, 255, 0.7);

  padding: 0;

  box-shadow: none;

  position: absolute;

  z-index: 99999;

  right: 30px;

}









/*ENQUIRY FORM*/

.btn-close {

  position: absolute;

  height: 26px;

  width: 26px;

  left: auto;

  right: -13px;

  bottom: auto;

  top: -13px;

  padding: 0px;

  color: #ffffff;

  font-family: Arial;

  font-weight: 100;

  font-size: 24px;

  line-height: 24px;

  border: 2px solid #ffffff;

  border-radius: 26px;

  box-shadow: 0px 0px 15px 1px rgba(2, 2, 2, 0.75);

  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);

  background-color: rgba(0, 0, 0, 1.00);

  opacity: 1;

  z-index: 9;

}





.enquiry-form .it-contact-2-input-box input.form-control::placeholder,

.enquiry-form .it-contact-2-input-box textarea.form-control::placeholder {

  color: rgba(0, 0, 0, 0.4);
  /* change to your required color */

  opacity: 1;
  /* ensures full visibility */

}



/* Browser compatibility */

.enquiry-form .it-contact-2-input-box input.form-control::-webkit-input-placeholder,

.enquiry-form .it-contact-2-input-box textarea.form-control::-webkit-input-placeholder {

  color: rgba(0, 0, 0, 0.4);

}



.enquiry-form .it-contact-2-input-box input.form-control::-moz-placeholder,

.enquiry-form .it-contact-2-input-box textarea.form-control::-moz-placeholder {

  color: rgba(0, 0, 0, 0.4);

}



.enquiry-form .it-contact-2-input-box input.form-control:-ms-input-placeholder,

.enquiry-form .it-contact-2-input-box textarea.form-control:-ms-input-placeholder {

  color: rgba(0, 0, 0, 0.4);

}







.enquiry-form .it-contact-2-input-box input.form-control,
.enquiry-form .it-contact-2-input-box textarea.form-control {

  width: 100%;

  max-width: 100%;

  padding: 12px;

  border-style: none;

  height: auto;

  padding: 13px 30px 13px 30px;

  border-radius: 10px;

  color: #18112e;

  background-color: #EFEFEF;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

  font-size: 16px;

  -webkit-appearance: none;

  line-height: 21px;

  text-align: left;

}

.enquiry-form .enquiry-form-button {

  padding: 15px 50px 15px 50px;

  color: #fff;

  background: linear-gradient(152deg, #0D9468 0%, #0D9468 100%);

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #FFFFFF2E;

  border-radius: 99px 99px 99px 99px;

  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);

  line-height: normal;



}

.enquiry-form .enquiry-form-button:hover {

  background: radial-gradient(at center center, #ED6D1A 35%, #DCB8C0 100%);

}





/*FLOATING BUTTONS*/

.floating-icon {

  position: fixed;

  position: fixed;

  bottom: 5rem;

  right: 10px;

  background: transparent;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  font-size: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);

  z-index: 99;

}

.whatsapp-float {

  position: fixed;

  right: 5px;

  bottom: 1rem;

  width: 46px;

  height: 46px;

  background-color: #25D366;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);

  z-index: 99;

  transition: transform 0.2s ease, box-shadow 0.2s ease;

  text-decoration: none;

}



.whatsapp-float img {

  width: 28px;

  height: 28px;

}



.whatsapp-float:hover {

  transform: scale(1.05);

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);

}









/*======================= HEADER & FOOTER==================*/

/* Navbar css */

.dropdown-list-item-custom a {

  font-size: 14px;

}

.social-icons {

  display: flex;

  gap: 12px;

  padding: 0;

  margin: 0;

  list-style: none;

}

.social-icons li a {

  width: 35px;

  height: 35px;

  background-color: #f58220;

  /* orange */

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  font-size: 15px;

  text-decoration: none;

  transition: all 0.3s ease;

}



.social-icons li a:hover {

  background-color: #e06f10;

  transform: translateY(-2px);

}



.footer-sponced-image {

  width: 100px;

  border-radius: 10px;



}



.footer_item2 ul li {

  padding-top: 0px !important;

}



.footer_item2 ul li,

.footer_item3 ul li {

  padding-top: 0px !important;

}

.footer-col-center,

.footer-col-right {

  border-left: 1px solid rgba(255, 255, 255, 0.2);

  padding-left: 40px;

}



.footer_logo img {

  max-width: 240px;

}



.footer-top-bar p {

  color: #ffffff;

  font-size: 16px;

  margin: 0;

}

.footer-bottom-bar {

  width: 100%;

  background-color: #f26f21;

  /* orange */

  text-align: center;

  padding: 14px 10px;

}



.footer-bottom-bar p {

  margin: 0;

  color: #ffffff;

  font-size: 16px;

  font-weight: 500;

}



.educational-paragraph-para-style {

  text-align: justify;

  font-size: 16px;

  line-height: 1.5;

}



.edu-card {

  color: #fff;

  padding: 30px 30px 30px 80px;

  border-radius: 6px;

  position: relative;

  min-height: 140px;

}



.icon-box {

  position: absolute;

  left: 20px;

  top: 30px;

  font-size: 36px;

  opacity: 0.9;

}



.edu-card h5 {

  font-weight: 600;

  margin-bottom: 8px;

  color: white !important;

  font-size: 16px !important;

  line-height: 20px !important;

}



.edu-card p {

  margin: 0;

  opacity: 0.9;

  font-size: 15px !important;

  color: white !important;

}



/* Left accent bar */

.edu-card::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 14px;

  height: 100%;

  border-radius: 6px 0 0 6px;

  background: rgba(0, 0, 0, 0.2);

}



/* Colors */

.bg-purple {

  background: #9c27b0;

}



.bg-teal {

  background: #007c89;

}



.bg-green {

  background: #4caf50;

}



.bg-orange {

  background: #ff9800;

}



.bg-pink {

  background: #e91e63;

}

@media screen and (min-width: 1024px) {

  .menu-padding-left-header {

    padding-left: 150px;

  }



  .nav-header-logo-custom {

    width: 270px;

  }



  .font-size-for-footer-link {

    font-size: 16px;

  }



}

@media screen and (max-width: 767px) {

  .nav-header-logo-custom {

    width: 200px;

  }



  .footer-col-center,

  .footer-col-right {

    border-left: none;

    padding-left: 0;

    margin-top: 20px;

  }



  .footer_logo {

    text-align: center;

  }



  .footer-sponced-image {

    width: 90px;

  }

}

/*===================HEADER & FOOTER END====================*/







/*Solutuion & Industry*/



/*Service Pages*/

/* Service Box */

.service-card-box-section .service-box {

  display: flex;

  align-items: center;

  padding: 40px;

  border-radius: 6px;

  color: #fff;

  position: relative;

  transition: transform 0.3s ease;

  min-height: 140px;

  flex-direction: row;

}



/* Left strip */

.service-card-box-section .service-box::before {

  content: "";

  width: 20px;

  height: 100%;

  background: rgba(0, 0, 0, 0.25);

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 6px 0 0 6px;

}



/* Icon */

.service-card-box-section .service-box .icon {

  font-size: 28px;

  margin-right: 18px;

  z-index: 1;

  flex-shrink: 0;

  min-width: 28px;

}



/* Content */

.service-card-box-section .service-box .content {

  flex: 1;

  overflow: hidden;

}



.service-card-box-section .service-box .content h5 {

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 6px;

  color: #fff;

  line-height: 1.4;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.service-card-box-section .service-box .content p {

  font-size: 13px;

  opacity: 0.9;

  margin: 0;

  line-height: 1.4;

}





/*service-section-bg-color*/

.purple {

  background: #9C27B0;

}

.purple:hover {
  background: #641971;

}

.cyan {

  background: #00BCD4;

}

.cyan:hover {

  background: #007888;

}



.green {

  background: #4CAF50;

}

.green:hover {

  background: #357A38;

}





.orange {

  background: #FF9800;

}

.orange:hover {

  background: #B36A00;

}



.pink {

  background: #D81B60;

}

.pink:hover {

  background: #AA1145;

}

.dark-orange {

  background: #F36C21;

}

.dark-orange:hover {

  background: #A84C11;

}

.dark-green {

  background: #0d9468;

}

.dark-green:hover {

  background: #036b49
}

.left-choose h4::after {

  display: none !important;

}