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

:root {
  --black: #1F1E1F;
  --dark-black: #000;
  --blue-black: #202224 ;
  --white: #ffffff;
  --light-white: #D9D9D9;  
  --red-color: #FF6262;
  --border-color:  #515151;  
  --box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);

  --light-blue: #B9D9FF;
  --light-green: #D8FCC7;
  --light-red: #FFB9B9;
  --light-purple: #CDC3FF;
  --white-green:  #C7EFFC;
  --light-yellow : #FFF0BF; 
  --light-pink : #FFB9E3; 
  --light-orenge : #FFC8A9; 

}


.red-color{ color: var(--red-color); }
.light-blue { color: var(--light-blue); }
.light-green { color: var(--light-green); }
.light-red { color: var(--light-red); }
.light-purple { color: var(--light-purple); }
.white-green { color: var(--white-green); }
.light-yellow { color: var(--light-yellow); }
.light-pink { color: var(--light-pink); }
.light-orenge { color: var(--light-orenge); }


.theme-color { color: var(--black); }
.white-text { color: var(--white); }
.black-bg { background: var(--black); }
.red-title { font-size: 4rem; }


html{}
.grecaptcha-badge { display: none !important; }
body { background: var(--black); color: #CDCDCD; height: 100%; width: 100%; position: relative; padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.42; overflow-x: hidden; } 
img{ max-width: 100%; }
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: #fff; font-family: 'GT Walsheim Pro'; font-weight: bold; }

a{ color: inherit; }
/* a:hover{ color: #008080; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }
a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 11%);  }

.iti { width: 100%; }
.form-group label{ color: #AFAFAF; margin: 0 0 3px; }
.form-control, .form-select { border: 1px solid transparent;  color: var(--white); font-family: 'GT Walsheim Pro'; outline: none; box-shadow: none; border-radius: 0px; height: 50px; font-weight: 400; background-color: #252525; } 
.form-control:focus, .form-select:focus { border-color: #FFF0BF;  }
.form-select option{ background: #252525; }
.form-control[type=file] { background: #3A3A3A; padding: 9px; }

textarea.form-control { resize: none; height: 100px; border-radius: 0px; padding: 10px 15px; color: var(--white) ; } 
.form-control:focus, .form-select:focus{ box-shadow: none; background-color: #252525; color: var(--white) ;  } 

.primary-btn { background: #FFF0BF; color: var(--dark-black); padding: 8px 30px; border-radius: 0px; border: 1px solid #FFF0BF; outline: none;  }
.primary-btn:hover, .primary-btn:focus{ background: var(--dark-black); color: var(--white); border-color: var(--dark-black); }

/* .white-btn { background: #fff; color: var(--dark-black); padding: 8px 30px; border-radius: 0px; border: 1px solid #FFF0BF; outline: none;  }
.white-btn:hover, .white-btn:focus{ background: var(--dark-black); color: var(--white); border-color: var(--dark-black); }

 */
.secondary-btn { background: #D8FCC7; padding: 8px 30px; border-radius: 0px; border: 1px solid #D8FCC7; outline: none; color: var(--dark-black); }
.secondary-btn:hover{ color: var(--dark-black); }

.black-btn { background: #000; padding: 8px 30px; border-radius: 0px; border: 1px solid #000; outline: none; color: #fff; }
.black-btn:hover { color: #FFF; }

.form-check-input:checked { background-color: #008080; border-color: #008080; }
.form-check-input:focus {     box-shadow: 0 0 0 0.25rem rgb(0 128 128 / 10%); }
.dropdown-item.active, .dropdown-item:active { background-color: #008080; }

.f-20 { font-size: 20px; }
.border-line-title {font-weight: 900; -webkit-text-stroke-color: #D9D9D9; font-size: 3.1rem; color: transparent; -webkit-text-stroke-width: 1px; }

/* Search Field */
.search-field { position: relative;  }
.search-field .form-control{ border: none; background:  #252425; display: flex; align-items: center;  padding: 8px 50px 8px 20px; height: 51px; color: #D9D9D9; }
.search-field .search-btn{  background: none; padding: 0; border: 0; font-size: 22px; color: #D9D9D9; line-height: 22px; position: absolute; right: 20px; top: 13px; transform: rotate(90deg); }

/* Service Title */
.service-sec-title h2{ margin: 0 0 1rem; color: #fff; line-height: 1.1; font-family: 'GT Walsheim Pro'; font-weight: 900; font-size: 3rem; }
.service-sec-title p{ color: var(--light-white); font-size: 1.4rem; }


/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; } 
@-moz-viewport { width: device-width; } 
@-ms-viewport { width: device-width; } 
@-o-viewport { width: device-width; } 
@viewport { width: device-width; } 


/* ----------------------------------
 Input Light
 ---------------------------------- */
.form-control.form-control-light { color: #B8B8B8;  } 
.form-control.form-control-light:-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light:-ms-input-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-webkit-input-placeholder { color: #B8B8B8; } 

/* Content Title */
.content-title { display: inline-block; width: 100%; }
.content-title h2{ margin: 0 0 1rem; color: var(--white); line-height: 1.1; font-family: 'GT Walsheim Pro'; font-weight: 900; font-size: 3rem; }
.content-title h1{ margin: 0 0 1rem; color: var(--white); line-height: 1.1; font-family: 'GT Walsheim Pro'; font-weight: 900; font-size: 3rem; }
.content-title p{ font-size: 1.2rem; }



/* Fall Tag Line */
.fall-effect { height: 100vh; position: relative; } 
.matter { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;  margin: 0 auto; height: 100vh; background-color: #1f1e1f; overflow: hidden; cursor: move; }
.matter canvas { position: absolute; z-index: 1; left: 50%; bottom: 0; width: 100%; height: 100%; transform: translateX(-50%);  background-color: transparent; opacity: 0;}
.matter [data-object] { --move-x: 0px; --move-y: 0px;  --rotate: 0rad;position: absolute; border-radius: 5px; z-index: 2;background: rgba(0, 0, 0, 0.05);  transform: translate(-50%, -50%) rotate(var(--rotate)); top: var(--move-y);  left: var(--move-x); padding: 20px; pointer-events: none; }
.matter [data-object] * { pointer-events: all; }
 


.no-lottie-banner { padding: 127px 0 0; }
section{ padding: 50px 0; scroll-snap-type: y mandatory; -webkit-overflow-scrolling: touch; }


#preloader { position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background: #1F1E1F; z-index: 9999; display: flex; align-items: center; justify-content: center;}
#preloader p{ font-family: sans-serif; }
#preloader .loader-77 { width: 100%; height: 3px; display: inline-block; position: relative; overflow: hidden; }

 
#preloader .loader-77::after {content: ""; width: 0%; height: 100%; background: linear-gradient(90deg, hsla(0, 98%, 58%, 1) 0%, hsla(321, 84%, 51%, 1) 100%); position: absolute; top: 0; left: 0; -webkit-animation: animFw 7s ease-in infinite; animation: animFw 7s ease-in infinite; }
@-webkit-keyframes animFw {
  0% { width: 0; }
  100% { width: 100%; }
}
@keyframes animFw {
  0% { width: 0; }
  100% { width: 100%; }
}


/* =================
  HEADER CSS 
====================*/

header.header {  padding: 10px 0; position: fixed; top: 0;  left: 0; right: 0; z-index: 999; transition: top 0.2s ease-in-out; background: #1F1E1F;  /* background: rgb(31 30 31 / 72%); backdrop-filter: saturate(180%) blur(20px); */ }
header.nav-up { top: -85px; } 

header.header .navbar-nav { align-items: center; }
header.header .navbar { padding: 0; }
header.header .navbar li.big-menu:hover .dropdown-menu{ display: block; }

header.header .nav-menu > li > a { position: relative;  padding: 20px 15px; display: inline-block; text-decoration: none; font-size: 18px; transition: color 0.3s, background 0.3s;}
header.header .nav-overlay-panel { width: 100%;  height: 100%;  top: 0;  left: 0;  position: fixed;  display: none;  z-index: 19999;}
header.header .megamenu-panel { width: 100%; max-width: 800px; margin: 0 auto; left: 0; right: 0; padding: 15px;  position: absolute;  z-index: 98; background: #2A292A; }
header.header .megamenu-lists { width: 100%; display: table; }
header.header .megamenu-list { width: 100%; margin: 0 0 15px; padding: 0; display: inline-block; float: left; list-style: none; }
header.header .megamenu-list > li > a {  width: 100%;  padding: 10px 15px;  display: inline-block;  }
header.header .navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 10px 10px 10px 30px; }
header.header .nav-menu li .primary-btn { padding: 10px 20px; }

header.header .get-started { margin: 20px -15px -15px; background: #242424; padding: 20px 25px; display: flex; align-items: center; justify-content: space-between; color: #fff; }
header.header .get-started .box h4{ font-weight: normal; font-size: 18px; }
header.header .get-started .box p{ margin: 0; font-size: 14px; }
header.header .get-started .box a{ font-size: 16px; }

header.header .desktop-menu {overflow: hidden; display: flex; justify-content: space-between; align-items: start;  }
header.header .desktop-menu .nav{flex: 0 0 auto; width: 55%; padding: 0 30px 0 0; border: none; position: relative; }
header.header .desktop-menu .nav::after{ content: ""; position: absolute; top: 0; right: 10px; bottom: 0; width: 1px; background: linear-gradient(0deg,hsla(0,0%,100%,0),#434343 50%,hsla(0,0%,100%,0)); /* background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0)); */ }
header.header .desktop-menu .nav li { width: 100%; }
header.header .desktop-menu .nav a{ position: relative; padding: 10px 20px; display: flex; width: 100%; align-items: center;   }
header.header .desktop-menu .nav a.active{ background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%); }
header.header .desktop-menu .nav a.active::after{ content: "\e912"; font-family: 'icomoon'; position: absolute; right: 15px; top: 14px; font-size: 23px; color: #FFF0BF; }
header.header .desktop-menu .nav a .img { width: 45px; }
header.header .desktop-menu .nav a .content h4{ font-size: 18px; font-weight: normal; margin: 0; }
header.header .desktop-menu .nav a .content p{ margin: 0; font-size: 14px; color: #808080; }
header.header .desktop-menu .tab-content{ flex: 1 1 auto; padding: 15px; overflow-y: auto; height: 430px; margin-right: -35px; }
header.header .desktop-menu .tab-content .browse{ color: #808080; font-size: 13px; }
header.header .desktop-menu .tab-content .sub-category { list-style: none; padding: 0; margin: 0; }
header.header .desktop-menu .tab-content .sub-category li { padding: 8px 0;  }
header.header .desktop-menu .tab-content .sub-category li a{ font-size: 16px; color: #CDCDCD;  }
header.header .desktop-menu .tab-content .sub-category li a:hover{ color: #FFF0BF; }
header.header .responsive-tabs-container[class*="accordion-"] .accordion-link { display: none; }
header.header .dropdown .dropdown-menu{ width: 170px; background: #2a292a; margin-top: 0; }
header.header .dropdown:hover .dropdown-menu {display: block; }
header.header .dropdown .dropdown-menu li a{ color: #fff; padding: 5px 15px; width: 100%; display: inline-block; color: #c7effc; }


@media only screen and (max-width: 991px) {
  header.header .navbar-nav { align-items: start; }
  header.header .navbar-nav li{ width: 100%; }
  header.header .responsive-tabs-container.accordion-sm .responsive-tabs { display: none; }
  header.header .responsive-tabs-container.accordion-sm .accordion-link { position: relative; display: flex; align-items: center; padding: 10px 0; }
  header.header .responsive-tabs-container.accordion-sm .accordion-link::after{ content: "\e92e"; position: absolute; right: 10px; font-family: 'icomoon'; color: #fff; }
  header.header .responsive-tabs-container.accordion-sm .accordion-link.active::after{ transform: rotate(-180deg); }
  header.header .responsive-tabs-container.accordion-sm .accordion-link.active {background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%); }
  
  header.header .desktop-menu .tab-content .accordion-link .img{  margin: 0 10px 0 0;  } 
  header.header .desktop-menu .tab-content .accordion-link .img img{ width: 20px; } 
  header.header .desktop-menu .tab-content .accordion-link h4{ margin: 0; font-size: 16px; font-weight: normal; }   
  header.header .desktop-menu .tab-content .accordion-link  p{ display: none; }   
  header.header .navigation-portrait .nav-menu > li > a { padding: 10px 10px 10px 15px; }
  header.header .nav-menu > li > a{ font-size: 16px; width: 100%; }
  header.header .desktop-menu .responsive-tabs-container { width: 100%; padding: 0; }
  header.header .desktop-menu .tab-content { padding: 0px; margin: 0; height: auto; }
  header.header .desktop-menu .tab-content .sub-category li { padding: 6px 0; }
  header.header .desktop-menu .tab-content .sub-category li a { font-size: 1rem; }
  header.header .desktop-menu .tab-content .sub-category { padding: 10px 0 15px 0px; }
  header.header .get-started { display: none; }
  header.header .megamenu-panel { position: relative; }

  header.header .nav-menu li:hover .submenu-indicator::after { display: none; }
  header.header .nav-menu li .submenu-indicator-chevron::after { content: "\e92e"; position: absolute; right: 10px; font-family: 'icomoon'; }
  header.header .nav-menu li.focus .submenu-indicator-chevron::after { transform: rotate(-180deg); }
  
  header .navbar-collapse { overflow-y: auto; max-height: 500px; }
}


header .right-side{ margin-left: auto; }
header .navbar-nav .menu-item { margin: 0 0 0 2.5rem; }
header .navbar-nav .menu-item a{  color: var(--white); }
header .navbar-nav .menu-item a:hover, 
header .navbar-nav .menu-item a:focus{ color: var(--white); }

header .menu-list { display: flex; align-items: center; }
header .contact-btn .con-btn{   }
header .contact-btn{ margin: 0 0 0 2rem; }

header .navbar .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 1px solid var(--white); transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after, 
header .navbar .navbar-toggler-icon::before{ width: 24px; position: absolute; height: 1px;  background-color: var(--white); top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after{ top: 8px; }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: rotate(45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(8px) rotate(-45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }

/* Kody Robot Button */
header.header .nav-menu li .kodyrobot-btn { background: var(--light-green); padding: 9px 25px; margin-right: 15px; }
 



/*====================
    Home Page Css
======================*/

/* Home Banner */
section.home-feature { height: 100vh; background: #000; display: flex; align-items: center; }
/* section.home-banner { height: 100vh;  overflow: hidden; display: flex; align-items: center; justify-content: center; }
section.home-banner .content-title { text-align: center; }
section.home-banner .content-title h1{ font-size: 4rem; }
section.home-banner .content-title p { text-decoration: underline; font-size: 1.2rem; color: #9b9b9b; font-weight: 600; }
section.video-section .product-name{ border: 1px solid var(--border-color); padding: 10px; }
section.video-section .product-name video{ display: flex; } */

section.home-banner { padding: 0; overflow: hidden; }
section.home-banner #circle-ani { display: flex;  height: calc(100vh - 27px); background: var(--black); }
section.home-banner .main-video { position: relative; }
section.home-banner #video-pay { display: none; padding: 30px 0; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 100; }
section.home-banner #video-pay video{ width: 100%; height: 100%; margin: 0 auto; display: flex; object-fit: cover; }


/* Develop Text */
section.develop-text {  }
section.develop-text{ display: flex; height: 100vh; align-items: center; justify-content: center;  scroll-snap-align: start;}
section.develop-text p{ font-size: 1.8rem; }

/* we Develop */
section.meaning-product{ background: var(--black);  } 
section.meaning-product .develop-image{ padding: 0 5rem; } 
section.meaning-product .sticky-img{ position: sticky; top: 0px; } 
section.meaning-product .sticky-img .realworld-box .img img{ height: calc(100vh - 110px); object-fit: cover; } 
section.meaning-product .right-side{  } 
 
section.meaning-product .realworld-box {  }
section.meaning-product .realworld-box .detail { margin: -1px 0 0px; border: 1px solid var(--border-color); padding: 10px; }
section.meaning-product .realworld-box .img .hover-img{ overflow: hidden; border: 1px solid var(--border-color); }
section.meaning-product .realworld-box .img { height: 100%; padding-top: 15px; overflow: hidden; }
section.meaning-product .realworld-box .img img{ width: 100%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  }
section.meaning-product .realworld-box .img:hover img{ transform: scale(1.05); }

section.meaning-product .realworld-box .detail h4{ font-size: 1.5rem; font-size: 1.2rem; font-family: 'Poppins', sans-serif; font-weight: 700; }
section.meaning-product .realworld-box .detail h4.color-1{ color: #E9753A; }
section.meaning-product .realworld-box .detail h4.color-2{ color: #21D1DC; }
section.meaning-product .realworld-box .detail h4.color-3{ color: #F05F4A; }
section.meaning-product .realworld-box .detail p{ color: #A9A9A9; margin: 0; }
section.meaning-product .checkout-button { position: sticky; top: 20px; border: 1px solid var(--border-color); height: 100vh;margin-top: 15px; height: calc(100vh - 40px); }
section.meaning-product .checkout-button span{ position: absolute; top: 50%; right: 0; left: 0; bottom: 0; white-space: nowrap; transform: translateY(-50%); padding: 0px 25px; font-size: 21px; writing-mode: vertical-rl; text-align: center; color: #515151; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } 
section.meaning-product .checkout-button:hover { background: var(--blue-black);  }
section.meaning-product .checkout-button:hover span{ color: #A9A9A9; }
 

/* Objective Text */
section.objective-text { height: 100vh; display: flex; align-items: center; }
section.objective-text .content-title h2{ font-size: 4rem; }
section.objective-text .content-title h1{ font-size: 4rem; }

/* Business Objective */
section.business-objective { overflow: hidden }
section.business-objective .inner-objective{ }
section.business-objective .inner-objective .box{ border: 0.5px solid var(--border-color); position: relative; height: 400px; overflow: hidden; padding: 40px; display: flex; flex-wrap: wrap; }
section.business-objective .inner-objective .box .img { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover;  z-index: -1; }
section.business-objective .inner-objective .box:hover .img::after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }

section.business-objective .inner-objective .box .img img{ width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: all 0.2s linear; }
section.business-objective .inner-objective .box:hover .img img{ opacity: 1; transform: scale(1.1); }
section.business-objective .inner-objective .box .top-head{ width: 100%; }
section.business-objective .inner-objective .box .top-head h3{ font-family: 'Khand', sans-serif; font-size: 4rem;  color: transparent; -webkit-text-stroke-width: 1px;  }
section.business-objective .inner-objective .box .color-1{ -webkit-text-stroke-color: var(--light-red); color: var(--light-red);  }
section.business-objective .inner-objective .box .color-2{ -webkit-text-stroke-color: var(--light-blue); color: var(--light-blue); }
section.business-objective .inner-objective .box .color-3{ -webkit-text-stroke-color: var(--light-green); color: var(--light-green); }
section.business-objective .inner-objective .box .color-4{ -webkit-text-stroke-color: var(--white); color: var(--white); }
section.business-objective .inner-objective .box .top-head p{ font-size: 1.6rem; font-weight: 300;}
section.business-objective .inner-objective .box .bottom-link{ margin-top: 0; display: flex; align-items: end; }
section.business-objective .inner-objective #scrollHorizontal{ display: flex; align-items: center; height: 100vh;}
section.business-objective .inner-objective .items{ width: 25%; flex: 0 0 auto; }

/* right solution */
section.right-solution { height: 100vh; display: flex; align-items: center; }
section.right-solution .content-title{  margin: 0 0 1rem;  }
section.right-solution .content-title h2{ margin: 0; }

section.right-solution .solution-box{ margin: 1rem 0; }
section.right-solution .solution-box .img { overflow: hidden; }
section.right-solution .solution-box .img video{ width: 100%; height: 100%; }
section.right-solution .solution-box .img img{ width: 100%; }
section.right-solution .solution-box .content{ padding: 1rem 0 0; font-size: 1.2rem; }

/* Useless Solution */
section.useless-solution { overflow: hidden; }


/* Coincident */
section.coincident { position: relative; overflow-x: hidden; }
section.coincident .inner-coincident {  }
section.coincident .inner-coincident #molecules-fall{ display: flex; align-items: center; justify-content: center;  }

section.coincident .coincident-box { margin: 1rem 0; border: 1px solid var(--border-color); }
section.coincident .coincident-box .img video{ width: 100%; height: 100%; object-fit: cover; display: flex; }
section.coincident .coincident-box .text-top{ height: 80px; font-size: 1.1rem; padding: 0.6rem 1rem; border-bottom: 1px solid var(--border-color); }
section.coincident .coincident-box .img { height: 250px; /* height: calc(100vh - 440px); */}
section.coincident .coincident-box .img img{ width: 100%; height: 100%; filter: grayscale(1); object-fit: cover; }
section.coincident .coincident-box .text-bottom{ padding: 1rem; border-top: 1px solid var(--border-color);  font-size: 1rem; text-decoration: underline;  }
section.coincident .coincident-box .text-bottom a{ color: var(--light-blue); }

section.coincident .main-content { display: flex; align-items: center; }
section.coincident .main-content .content-title{ /* max-width: 1300px; */ margin: 0 auto; flex: 0 0 auto; align-items: center; }
section.coincident .main-content .content-title h2{  font-size: 4rem;}
section.coincident .inner-box { display: flex;  flex: 0 0 auto; width: 100%; flex-wrap: wrap; }
section.coincident .inner-box .item{ width: 25%; }


/* client logo */
section.client-logo { }
section.client-logo .content-title p{ font-weight: 400; font-size: 1.6rem; }
section.client-logo .box{ border: 0.5px solid #393939; margin: 15px 0;  height: 122px; display: flex; align-items: center; justify-content: center; }
section.client-logo .box:hover{ background: #181818; }
section.client-logo .box img{ /* filter: brightness(0) invert(1); */ max-width: 90px; transition: all 0.2s linear; }
section.client-logo .box:hover img{ /* filter: none; */ transform: scale(1.1); }


/* Blog List */
section.blog-list { overflow: hidden; }
section.blog-list .content-title p{ font-weight: 400;  font-size: 1.6rem; }
section.blog-list .inner-blog .blog-slider{ margin: 1.2rem 0; }
section.blog-list .inner-blog .item { padding: 0 10px; }
section.blog-list .blog-title{ font-size: 5.2rem; color: #EFEFEF; font-weight: 800; }
section.blog-list .blog-box { margin: 10px 0; }
section.blog-list .blog-box .content h2{ font-size: 22px; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; }

.blog-box{ padding: 15px; border: 1px solid #FFF0BF; }
.blog-box:hover{ background: linear-gradient(147.79deg, rgba(255, 240, 191, 0.012) 19.33%, rgba(255, 240, 191, 0.06) 79.48%); }
.blog-box .blog-img { position: relative; }
.blog-box .blog-img img{ width: 100%; border-radius: 8px;}
.blog-box .blog-img a::after {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: .5s opacity ease-in-out; border-radius: 8px; background-color: rgba(47,47,47,.3); background: -webkit-linear-gradient( rgba(0,0,0,0),#232323 ); background: -moz-linear-gradient( rgba(0,0,0,0),#232323 ); background: -o-linear-gradient( rgba(0,0,0,0),#232323 ); background: linear-gradient( rgba(47,47,47,0.1),rgba(47,47,47,0.3) ); display: flex; align-items: center; justify-content: center; }
.blog-box .blog-img a:hover::after { opacity: 1; }
.blog-box .content{ font-size: 1rem; padding: 15px 0 0;  }
.blog-box .content .cat-links{ color: #d79c6a; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin: 0 0 10px; display: inline-block;  }
.blog-box .content p{ color: #D9D9D9; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; }

.blog-box .bottom-list { display: flex; justify-content: space-between; align-items: center; font-family: 'GT Walsheim Pro'; font-weight: normal; }
.blog-box .bottom-list .profile h6{ font-size: 0.9rem; font-weight: normal; margin: 0rem; } 
.blog-box .bottom-list .time{ font-size: 0.8rem; color: #9A9A9A; } 



/* ============================== 
  Blog Page Design 
==================================*/


.beadcrumb { background: #fbfbfb; padding: 30px 0; margin: 36px 0; }
.beadcrumb .title-box { }
.beadcrumb .title-box h2{ font-size: 18px; margin-bottom: 0;  font-weight: 700; }
.beadcrumb .title-box .right p{ margin: 0; font-size: 12px; font-weight: 600; }
.beadcrumb .title-box .right a{ color: #8d8d8d; }


section.blog-page { padding-bottom: 50px; color: #222; background: #fff; font-family: 'Source Serif Pro', serif; font-weight: 400; line-height: 32px; }
section.blog-page .blog-box{ margin: 10px 0; height: calc(100% - 20px);}
section.blog-page .blog-box { border: 1px solid #e2e2e2; display: flex; flex-direction: column; }
section.blog-page .blog-box .content { height: 100%; display: flex; flex-direction: column; }
section.blog-page .blog-box .content p {color: #484848;-webkit-line-clamp: 3;   }
section.blog-page .blog-box .content h2{ color: #2b2b2b; font-size: 26px; font-weight: 600;  height: auto; }
section.blog-page .blog-box .bottom-list {  margin-top: auto; align-items: center; }
section.blog-page .blog-box .bottom-list .profile h6 { color: #9A9A9A; font-size: 1rem; }
section.blog-page .blog-box .cat-links { color: #d79c6a; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; }
section.blog-page .blog-title { position: relative; font-size: 24px; overflow: hidden; margin-bottom: 0; padding-top: 0; margin-top: 0; }
section.blog-page .blog-box .more-link { display: none; }

section.blog-page ul.blog-listing { list-style: none; padding: 0; margin: 0 -10px; display: flex; flex-wrap: wrap; }
section.blog-page ul.blog-listing li{ padding: 0 10px; width: 50%; display: flex;}
section.blog-page ul.blog-listing li.first-blog{ width: 100%; display: block; }
section.blog-page ul.blog-listing li.first-blog .blog-box .content h2 { font-size: 30px; height: auto; }
section.blog-page ul.blog-listing li.first-blog .blog-box{ padding: 0; border: none; }
section.blog-page ul.blog-listing .alm-reveal{ display: flex; flex-wrap: wrap; }

section.blog-page b, section.blog-page strong { font-weight: 700; }
section.blog-page h1,
section.blog-page h2,
section.blog-page h3, 
section.blog-page h4, 
section.blog-page h5, 
section.blog-page h6 { color: #2b2b2b; }
section.blog-page .sidebar .title { font-size: 16px; margin: 0 0 20px; }
section.blog-page .today-pick { display: flex; margin: 0 0 20px; }
section.blog-page .today-pick .left{ flex: 0 0 auto; width: 70px; height: 70px; }
section.blog-page .today-pick .left img{ width: 70px !important; height: 70px !important; object-fit: cover; border: 1px solid #e2e2e2; border-radius: 8px; }
section.blog-page .today-pick .right{ padding: 0 0 0 10px; }
section.blog-page .today-pick h5{ font-size: 13px; }

section.blog-page .app-development { margin: 0 0 20px; }
section.blog-page .app-development .app-development-sldier { border-radius: 8px;  }
section.blog-page .app-development .box{ position: relative; border-radius: 8px; overflow: hidden; }
section.blog-page .app-development .box .content{ color: #fff; position: absolute; padding: 10px; left: 10px; right: 10px; bottom: 15px;z-index: 1; }
section.blog-page .app-development .box .content p{ font-weight: 600; font-size: 14px; line-height: 1.3; }
section.blog-page .app-development .box::after{ content: ""; position: absolute; top: 15%;left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom,rgba(50,50,50,0) 0%,rgba(16,15,15,0.91) 89%,rgba(16,15,15,0.93) 93%)!important;transition: .2s all ease-in-out; opacity: .93; }
section.blog-page .app-development .slide-arrow { position: absolute; top: -48px; right: 0; background: none; border: 0; padding: 0;  }
section.blog-page .app-development .slide-arrow.prev-arrow{ right: 30px; }

section.blog-page .tag-info ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0 0 20px; padding: 0; }
section.blog-page .tag-info ul li{ padding: 0 5px; }
section.blog-page .tag-info ul li a{ padding: 5px 10px;border-radius: 20px; font-size: 12px; background: #fff; box-shadow: 0px 3px 4px 2px #e2e2e2; }
section.blog-page .widget-area { position: sticky; top: 50px; }

section.blog-details { font-size: 20px; }
section.blog-details h1{ font-size: 36px; }
section.blog-details h2{ font-size: 28px; }
section.blog-details h3{ font-size: 24px; }
section.blog-details h4{ font-size: 22px; }
section.blog-details .space-left { padding-left: 80px; }
section.blog-details .bottom-list { color: #8d8d8d; font-size: 12px; }
section.blog-details .entry-header .cat-links{ color: #d79c74; margin: 0 0 10px; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; }
section.blog-details .entry-header .bottom-list{ margin: 0 0 20px; }
section.blog-details .entry-content a{ color: #00992d; }

section.blog-details .related-blog { padding: 20px 0 0; border-top: 1px solid #e2e2e2; margin: 20px 0 0; } 
section.blog-details .related-blog .blog-box{ padding: 15px; }
section.blog-details .related-blog .blog-box p{ display: none; }
section.blog-details .related-blog .blog-box .content h2 { height: auto; font-size: 18px; }
section.blog-details .related-blog .realted-slider .item { padding: 0 5px; }

section.blog-details .related-blog .realted-slider .slide-arrow { position: absolute; top: -48px; right: 0; background: none; border: 0; padding: 0;  }
section.blog-details .related-blog .realted-slider .slide-arrow.prev-arrow{ right: 30px; }
section.blog-details .related-blog h2.title{ font-size: 24px;  margin: 0 0 20px; }

section.blog-details .author-bio { display: flex;  border-radius: 8px; align-items: center; margin-top: 80px; background-color: #f5f5f5; padding: 40px; }
section.blog-details .author-bio .author-avatar{ padding: 0 20px; flex: 0 0 auto; }
section.blog-details .author-bio .author-avatar img{ border-radius: 50%; width: 130px; height: 130px; }
section.blog-details .author-bio .author-details h4{ font-size: 18px; margin-bottom: 10px; }
section.blog-details .author-bio .author-details p{ font-size: 14px; margin: 0; }

@media only screen and (max-width: 768px) {
  .beadcrumb .title-box { display: block; text-align: center; }
  section.blog-details { font-size: 18px; }
  section.blog-details h1 { font-size: 24px; }
  section.blog-details .space-left { padding-left: 0; }
  section.blog-page ul.blog-listing li{ width: 100%; }
  section.blog-details .author-bio { display: block; text-align: center; padding: 20px 15px;}
  section.blog-details .author-bio .author-details h4 { margin: 10px 0; }
}




/* Team Member */
section.team-member .content-title { margin: 0 0 2rem; }
section.team-member .content-title p{ font-weight: 400; font-size: 1.4rem; color: #CDCDCD; }
section.team-member .team-box { text-align: center; border: 1px solid var(--border-color); margin: 10px 0; }
section.team-member .team-box .img img{ filter: grayscale(1); transition: all 0.2s linear; }
section.team-member .team-box:hover .img img{ filter: none; }
section.team-member .team-box .content{ display: flex; align-items: center; justify-content: space-between; text-align: left; border-top: 1px solid var(--border-color); padding: 0.6rem 0.6rem; font-family: 'GT Walsheim Pro'; }
section.team-member .team-box .content h6{ font-weight: normal; margin: 0; font-size: 1rem; }
section.team-member .team-box .content p{ color: #CDCDCD; margin: 0; font-size: 0.8rem; }
section.team-member .team-box .content .soical a{ border: 1px solid #323232; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 14px; }

/* Contact Form */





.wpcf7-not-valid-tip {font-family: poppins,sans-serif;  color: #fff !important; font-size: .7em; }
.wpcf7-form label.error { font-family: poppins,sans-serif; color: #fff !important; margin: 0; }

section.contact-info { font-family: 'GT Walsheim Pro'; }
section.contact-info .content-title p{ font-weight: 400; font-size: 1.2rem;  }
section.contact-info .contact-form { margin: 0 0 1rem;  }
section.contact-info .contact-form h5{ font-weight: normal; font-size: 1.4rem; }
section.contact-info .contact-form .form-group label { color: #EFEFEF; font-size: 0.95rem; margin: 0 0 0.8rem;  }
section.contact-info .contact-form .form-control { height: 48px; background: #282728; border: 1px solid #282728; border-radius: 0px; padding: 0 0 0 50px; font-size: 0.99rem; }
section.contact-info .contact-form .icon-field { position: relative; }
section.contact-info .contact-form .icon-field .img{ position: absolute; top: 14px; left: 16px; z-index: 10; }
section.contact-info .contact-form .icon-field.name .form-control { color: #C7EFFC; }
section.contact-info .contact-form .icon-field.name .form-control:focus{ color: #C7EFFC; border-color: #C7EFFC; }
section.contact-info .contact-form .icon-field.email .form-control { color: #FFF0BF; }
section.contact-info .contact-form .icon-field.email .form-control:focus{ color: #FFF0BF; border-color: #FFF0BF; }
section.contact-info .contact-form .icon-field.phone .form-control { color: #FFB9B9; }
section.contact-info .contact-form .icon-field.phone .form-control:focus{ color: #FFB9B9; border-color: #FFB9B9; }
section.contact-info .contact-form .message textarea.form-control{ padding: 10px 15px; color: #fff; height: 270px; color: #CDC3FF; }
section.contact-info .contact-form .message .form-control:focus{ color: #CDC3FF; border-color: #CDC3FF; }
section.contact-info .contact-form .wpcf7-spinner { position: absolute; }
section.contact-info .contact-form p{margin:0}
section.contact-info .contact-form ul.select-service { display: flex; padding: 0; list-style: none; flex-wrap: wrap; }
section.contact-info .contact-form ul.select-service li{ margin: 0 10px 10px 0; }
section.contact-info .contact-form ul.select-service li:nth-child(2n+1) .radio-box input:checked~.wpcf7-list-item-label { border-color: #C7EFFC; color: #C7EFFC; }
section.contact-info .contact-form ul.select-service li:nth-child(2n+2) .radio-box input:checked~.wpcf7-list-item-label { border-color: #D8FCC7; color: #D8FCC7; }
section.contact-info .contact-form ul.select-service li:nth-child(2n+3) .radio-box input:checked~.wpcf7-list-item-label { border-color: #CDC3FF; color: #CDC3FF; }
section.contact-info .contact-form ul.select-service li:nth-child(2n+4) .radio-box input:checked~.wpcf7-list-item-label { border-color: #FFF0BF; color: #FFF0BF; }

section.contact-info .radio-box { display: inline-flex; position: relative; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;  }
section.contact-info .radio-box .wpcf7-list-item-label {display: inline-block;  font-size: 13px;  background: #282728; border: 1px solid transparent; border-radius: 0px; padding: 10px 15px; }
section.contact-info .radio-box .wpcf7-list-item { margin: 0; }
section.contact-info .radio-box input:checked~.wpcf7-list-item-label { border: 1px solid #000; }
section.contact-info .radio-box input:checked~.wpcf7-list-item-label::after { display: block; }
section.contact-info .radio-box input { position: absolute; opacity: 0; cursor: pointer; }
section.contact-info .primary-btn{ border-radius: 0px; min-width: 170px; }

section.contact-info .contnet { padding: 0; }
section.contact-info .contnet .title{ font-size: 0.95rem; margin: 0 0 1.2rem; font-weight: normal; }

section.contact-info .contnet .box{  margin: 0 0 1rem; padding: 10px 0; display: flex; align-items: center; }
section.contact-info .contnet .box.color1 { color: #FFF0BF; background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%); }
section.contact-info .contnet .box.color2 { color: #D8FCC7; background: linear-gradient(278.37deg, rgba(216, 252, 199, 0.06) 0%, rgba(216, 252, 199, 0.012) 100%); }
section.contact-info .contnet .box.color3 { color: #FFB9E3; background: linear-gradient(278.37deg, rgba(255, 185, 227, 0.06) 0%, rgba(255, 185, 227, 0.012) 100%); }
section.contact-info .contnet .box.color4 { color: #C7EFFC; background: linear-gradient(278.37deg, rgba(199, 239, 252, 0.06) 0%, rgba(199, 239, 252, 0.012) 100%); }
section.contact-info .contnet .box label{  margin: 0 0 0.3rem; font-size: 0.9rem; }
section.contact-info .contnet .box p{ font-size: 1rem; margin: 0; color: #FFFFFF; }
section.contact-info .contnet .box .img{ position: relative; display: flex; align-items: center; justify-content: center; width: 50px; text-align: center; font-size: 22px; flex: 0 0 auto; }
section.contact-info .contnet .box .img::after{ content: ""; position: absolute; right: 0; top: -12px; bottom: -12px; border-radius: 26px; background: #2B2B2B; width: 2px; }
section.contact-info .contnet .box .content{ padding: 0 0 0 10px; }
/* section.contact-info .contnet .office-address{ display: flex; list-style: none; padding: 0; margin: 0 -5px; }
section.contact-info .contnet .office-address li{ padding: 0 5px;  }
section.contact-info .contnet .office-address li .img{ position: relative; }
section.contact-info .contnet .office-address li .img h5{ position: absolute; bottom: 0; left: 10px; font-size: 16px; font-weight: normal; }
 */
section.contact-info .contnet .inner-country1 { display: flex;  }
section.contact-info .contnet .inner-country1 .box { padding: 0; border: 1px solid rgba(255, 255, 255, 0.1); position: relative; flex: 1; overflow: hidden; transition: .5s; margin: 0 3px; }
section.contact-info .contnet .inner-country1 .box::after{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(31, 30, 31, 0) 40.05%, rgba(31, 30, 31, 0.9) 85.8%, #1F1E1F 100%); }
section.contact-info .contnet .inner-country1 .box .address{ transition: .5s; position: absolute; padding: 20px; left: 0; right: 0; top: 0; height: 100%; margin: 0 auto; z-index: 10; }
section.contact-info .contnet .inner-country1 .box .address h4{ transition: .5s; transform: rotate(-90deg); position: relative; margin: 0 auto; text-align: left; font-weight: 500; font-size: 16px; top: 75%; }
section.contact-info .contnet .inner-country1 .box .address p{ transition: .5s; opacity: 0; position: relative; top: 67%; font-size: 1rem; }
section.contact-info .contnet .inner-country1 .box.active .address h4{ transform: none; top: 65%; text-align: left; margin: 0!important; }
section.contact-info .contnet .inner-country1 .box.active .address p{ opacity: 1; }
section.contact-info .contnet .inner-country1 .box > img { width: 200%; height: 300px; object-fit: cover; transition: .5s; }

section.contact-info .contnet .inner-country1 .box.active { flex: 1 1 50%; }
section.contact-info .contnet .inner-country1 .box.active > img { width: 100%; }


section.contact-info .technology-stack { padding: 15px; height: calc(100% - 30px); margin: 15px 0; transition: all 0.2s linear; }
section.contact-info .technology-stack.color1{ background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%); }
section.contact-info .technology-stack.color2{ background: linear-gradient(278.37deg, rgba(199, 239, 252, 0.06) 0%, rgba(199, 239, 252, 0.012) 100%); }
section.contact-info .technology-stack.color1 .box h2{ -webkit-text-stroke-color: #FFF0BF; }
section.contact-info .technology-stack.color2 .box h2{ -webkit-text-stroke-color: #C7EFFC; }
section.contact-info .technology-stack .box{text-align: center; background: rgba(31, 30, 31, 0.85); padding: 50px 10px;  }
section.contact-info .technology-stack  p{ color: #CDCDCD; margin: 10px 0 0;  }
 
.line-single { border-top: 1px solid #9393931A; margin: 10px 0; }




/* Footer  */
footer.footer{  font-family: 'GT Walsheim Pro'; padding: 0rem 0 1rem; color: #EFEFEF; }
footer.footer h5.title{ font-size: 1.2rem;  margin: 0 0 1.2rem; font-weight: 400; }
footer.footer .footer-link{ margin: 1rem 0; }
footer.footer .footer-link ul { list-style: none; padding: 0; margin: 0; }
footer.footer .footer-link ul li { padding: 0.2rem 0; font-size: 1rem; }
footer.footer .footer-link ul li a{ color: #BDBDBD;  }
footer.footer ul.soical { list-style: none; padding: 0; margin: 0; text-align: right; }
footer.footer ul.soical li { display: inline-block; margin: 0 0.3rem 0 0; }
footer.footer ul.soical li a{ color: #fff; border: 1px solid #2B2B2B; width: 35px; height: 35px; font-size: 1rem; display: flex; text-align: center; align-items: center; justify-content: center; }
footer.footer .bottom-line { text-align: center; margin: 1rem 0; font-size: 2.6rem; font-weight: 600; }
footer.footer .certificate { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; }

/*====================
    About Us Page 
======================*/
section.about-banner { overflow: hidden; color: #D9D9D9; font-family: 'GT Walsheim Pro'; display: flex; align-items: center; justify-content: center; text-align: center; height: 100vh; }
section.about-banner .content h2{ font-size: 7rem; font-weight: bold; margin: 4rem 0; }
section.about-banner .content h1{ font-size: 4rem; font-weight: bold; opacity: 0; -webkit-transition: all 0.2s linear;  }
section.about-banner canvas{ position: absolute;  z-index: -1; }
 
/* About Gole */
section.about-gole { height: 100vh; font-size: 1.1rem; display: flex; align-items: center;  }
section.about-gole .box{ max-width: 500px; }
section.about-gole .img lottie-player{ max-width: 460px; }
section.about-gole h2{  font-size: 4rem; margin: 0 0 1rem; }
section.about-gole .line-text{  font-size: 5.5rem; margin: 0; opacity: 0.6;  }

/* Life Kody */
section.life-kody {  }
section.life-kody .border-line-title { font-size: 6rem;}
section.life-kody .inner-slider{/*  min-width: 1920px; margin: 0 auto;  */}
section.life-kody .life-kody-slider .item .img{ padding: 0.5rem; }
section.life-kody .life-kody-slider .item .img img{ width: 100%; }


/* Core Value */
section.core-value {  } 
section.core-value .solution-box{ transition: .5s; position: relative; padding: 20px; margin: 15px 0;    height: calc(100% - 30px); }
section.core-value .solution-box .titlebox { background: rgba(31, 30, 31, 0.85); padding: 40px 10px; }
section.core-value .solution-box img{ transition: .3s; opacity: 0; width: calc(100% - 40px); position: absolute; top: 20px; left: 0; right: 0; bottom: 0; height: calc(100% - 40px); object-fit: cover; margin: 0 auto; }
section.core-value .solution-box:hover img{ opacity: 1; }
section.core-value .solution-box .titlebox .title{ font-size: 5rem;  background-size: cover; -webkit-background-clip: text; background-repeat: no-repeat; font-weight: 800; text-align: center; font-family: 'GT Walsheim Pro'; }
section.core-value .solution-box p{ margin: 10px 0 0; }

section.core-value .solution-box {
  background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%);
  background-size: 200% 200%; /* Gradient size for animation */
  animation: gradientAnimation 10s infinite linear; /* Animate background gradient */
  padding: 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

/* Gradient animation for the background */
@keyframes gradientAnimation {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

section.core-value .solution-box {
  padding: 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
section.core-value .solution-box:nth-child(1) .titlebox > .title {
  -webkit-text-fill-color: rgba(255, 240, 191, 0.8); /* Light Yellow */
}

/* Optional: Add hover effect to change scale and shadow */
section.core-value .solution-box:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Best Investor */
section.best-investor { height: 100vh; display: flex; align-items: center; }
section.best-investor .investor-box { margin: 1rem 0; border: 1px solid var(--border-color); text-align: center; }
section.best-investor .investor-box .img { }
section.best-investor .investor-box .img img{ width: 100%; height: 100%; filter: grayscale(1); object-fit: cover; }
section.best-investor .investor-box .text-bottom{ padding: 1rem; border-top: 1px solid var(--border-color);  font-size: 1rem; }

  
/* Four Country  */
section.located-country {}
section.located-country .inner-country { display: flex;  }
section.located-country .box { border: 1px solid rgba(255, 255, 255, 0.1); position: relative; flex: 1; overflow: hidden; transition: .5s; margin: 0 10px; }
section.located-country .box::after{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(31, 30, 31, 0) 40.05%, rgba(31, 30, 31, 0.9) 85.8%, #1F1E1F 100%); }
section.located-country .box .address{ transition: .5s; position: absolute; padding: 20px; left: 0; right: 0; top: 0; height: 100%; margin: 0 auto; z-index: 10; }
section.located-country .box .address h4{ transition: .5s; transform: rotate(-90deg); position: relative; margin: 0 auto; text-align: left; font-weight: 500; font-size: 24px; top: 80%; }
section.located-country .box .address p{ transition: .5s; opacity: 0; position: relative; top: 77%; font-size: 1rem; }
section.located-country .box.active .address h4{ transform: none; top: 75%; text-align: left; margin: 0!important; }
section.located-country .box.active .address p{ opacity: 1; }
section.located-country .box > img { width: 200%; height: 425px; object-fit: cover; transition: .5s; }

section.located-country .box.active { flex: 1 1 50%; }
section.located-country .box.active > img { width: 100%; }



/*====================
    Our Service Page 
======================*/
section.our-service-banner { padding: 127px 0 50px; }
section.our-service-banner .banner-title{ border: 1px solid var(--border-color); margin: 0 0 2.6rem; padding: 0.8rem 0; text-align: center; background-repeat: no-repeat; background-size: cover; }
section.our-service-banner .banner-title h1{ font-size: 3.75rem; margin: 0; }
section.our-service-banner .service-box { margin: 2rem 0; }
section.our-service-banner .service-box lottie-player{ height: 175px; width: 175px; } 
section.our-service-banner .service-box .detail{ margin: 2rem 0; }
section.our-service-banner .service-box .detail h4{ font-size: 1.4rem; margin: 0 0 1.5rem; }
section.our-service-banner .service-box .detail a{ text-decoration: underline; /* color: #FFB9B9; */ font-size: 1.2rem; }

section.our-service-list { overflow-x: hidden; position: relative; background-repeat: no-repeat; background-size: cover;}
section.our-service-list .content { position: relative; z-index: 10; height: 100%; display: flex; flex-direction: column; }

section.our-service-list::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.9) 48.96%, rgba(0, 0, 0, 0.3) 100%); }
section.our-service-list .content .text{ color: #D9D9D9; font-size: 1.4rem; margin: 0 0 1rem; }
section.our-service-list .content .content-title{ margin: 80px 0 0 0; }

section.our-service-list .content .app-icon-main {position: relative; padding: 20px 0; margin-top: auto; margin-bottom: -50px; }
section.our-service-list .content .app-icon-main h4{ font-weight: 500; font-size: 1.4rem; color: #1F1E1F; }
section.our-service-list .content .app-icon-main:after{ content: ""; position: absolute; left: -100%; right: 0; width: 1000%; z-index: -1; top: 0; bottom: 0; }
section.our-service-list.color1 .app-icon-main:after{ background: #FFF0BF; }
section.our-service-list.color2 .app-icon-main:after{ background: #C7EFFC; }
section.our-service-list.color3 .app-icon-main:after{ background: #D8FCC7; }
section.our-service-list.color4 .app-icon-main:after{ background: #FFC8A9; }
section.our-service-list.color5 .app-icon-main:after{ background: #FFB9E3; }
section.our-service-list.color6 .app-icon-main:after{ background: #CDC3FF; }
section.our-service-list.color7 .app-icon-main:after{ background: #FFB9B9; }


section.our-service-list .content .app-icon { margin: 2rem 0 0; }
section.our-service-list .content .app-icon h5{ font-weight: normal; }
section.our-service-list .content .app-icon ul{ display: flex; align-items: center; list-style: none; padding: 0; margin: 1.5rem 0; }
section.our-service-list .content .app-icon li { padding: 0 0.8rem 0rem 0; }
section.our-service-list .content .app-icon li img{ max-height: 50px; }
section.our-service-list .content .app-icon li p{ font-size: 1.2rem; margin: 1.5rem 0 1rem; }
section.our-service-list .listing-view {background: #0C0C0C; position: relative; padding: 0rem 3rem; height:calc(100vh - 100px); display: flex; align-items: center; z-index: 10; }
section.our-service-list .listing-view.box{ border: 1px solid transparent; }
section.our-service-list.color1 .listing-view.box{ border-color: #FFF0BF; color: #FFF0BF; }
section.our-service-list.color2 .listing-view.box { border-color: #C7EFFC; color: #C7EFFC; }
section.our-service-list.color3 .listing-view.box { border-color: #D8FCC7; color: #D8FCC7; }
section.our-service-list.color4 .listing-view.box { border-color: #FFC8A9; color: #FFC8A9; }
section.our-service-list.color5 .listing-view.box { border-color: #FFB9E3; color: #FFB9E3;}
section.our-service-list.color6 .listing-view.box { border-color: #CDC3FF; color: #CDC3FF; }
section.our-service-list.color7 .listing-view.box { border-color: #FFB9B9; color: #FFB9B9;}
section.our-service-list .listing-view ul { list-style: none; padding: 0; margin: 0; }
section.our-service-list .listing-view ul li a{ font-size: 1.1rem; text-decoration: underline; margin: 1rem 0; display: inline-block; font-weight: 500; }
section.our-service-list .listing-view ul li p{ }

/*====================
    Portfolio Page
======================*/
section.portfolio-page {  }
section.portfolio-page .content-title{ margin: 2rem 0; }
section.portfolio-page .content-title h1{ font-size: 4.6rem; }

section.portfolio-page .portfolio-list .box { display: flex; flex-direction: column;   overflow: hidden; position: relative; height: calc(100% - 24px); margin: 12px 0; }
section.portfolio-page .portfolio-list .box .text { font-size: 1rem; color: #1F1E1F; padding: 40px 30px; }
section.portfolio-page .portfolio-list .box .text.absolute{ position: absolute; top: 0; z-index: 10; }
section.portfolio-page .portfolio-list .box .text h3{ color: #1F1E1F; }
section.portfolio-page .portfolio-list .box .img{ display: flex; margin-top: auto; justify-content: center; }
section.portfolio-page .portfolio-list .box .img img{  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
section.portfolio-page .portfolio-list .box:hover .img img{ transform: scale(1.05); }



/*====================
    Career Page
======================*/
section.career-page {  }
section.career-page .img lottie-player{ max-width: 330px; margin: 0 auto; }
section.career-page .content-title h1{ line-height: 1; margin: 0 0 30px; font-size: 4rem; font-weight: 900; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--white); }
section.career-page .content-title h1 .purple{ color: #CDC3FF; }
section.career-page .content-title h1 span{ -webkit-text-stroke-width: 0; }

/* Current Opening */
section.current-opening .content-title h2 { font-size: 4rem; }
section.current-opening .custom-select  { position: relative; }
section.current-opening .custom-select select{ padding: 10px 20px; border: 0; background-color: #252425; color: #D9D9D9; height: 51px; }
section.current-opening .custom-select select option{ padding: 10px 0; }
   
section.current-opening .opping-box { background: #252425; padding: 20px;  font-size: 14px; height: calc(100% - 20px); margin: 0 0 20px; }
section.current-opening .opping-box.view-all { display: flex; align-items: center; justify-content: center; }
section.current-opening .opping-box h5{ text-decoration: underline; font-size: 16px;}
section.current-opening .opping-box .content{margin: 0 0 1.3rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 74px; line-height: 1.3; }
section.current-opening .row .col-12:nth-child(4n+1) .opping-box h5{ color: #CDC3FF; }
section.current-opening .row .col-12:nth-child(4n+2) .opping-box h5{ color: #D8FCC7; }
section.current-opening .row .col-12:nth-child(4n+3) .opping-box h5{ color: #FFB9B9; }
section.current-opening .row .col-12:nth-child(4n+4) .opping-box h5{ color: #FFF0BF; }

section.current-opening .opping-box .btn-list { display: flex; align-items: center; justify-content: center; } 
section.current-opening .opping-box .btn-list .btn{  padding: 10px 0; width: 100%; font-size: 14px; } 
section.current-opening .opping-box .btn-list .secondary-btn{  } 
section.current-opening .opping-box .btn-list .primary-btn{ } 
section.current-opening .opping-box .posittion { display: flex; } 
section.current-opening .opping-box .posittion .list{ font-weight: normal; width: 50%; } 
section.current-opening .opping-box .posittion .list p{ font-weight: 600; } 

/* Career Detail */
section.career-detail { padding: 127px 0 50px; }
section.career-detail h1{ font-size: 4rem; border-bottom: 1px solid #585858; padding: 0 0 20px; display: inline-block; }
section.career-detail h2{ font-size: 34px; font-weight: 800; margin: 20px 0 30px;}
section.career-detail ul { padding: 0 0 0 30px; list-style: none;  }
section.career-detail ul li{ padding: 5px 0; position: relative; }
section.career-detail ul li::after{  content: "\e92c"; color: #D8FCC7; font-family: 'icomoon'; position: absolute; top: 6px; left: -30px; font-size: 18px; }

section.career-detail .opening { display: flex; margin: 20px 0; }
section.career-detail .opening .box{ margin: 20px 50px 20px 0; }
section.career-detail .opening .box h4{ font-size: 24px; font-weight: normal;  }
section.career-detail .opening .box p{ font-size: 18px; color: #808080; }

section.career-detail .job-box{ position: sticky; top: 15px; background-color: #252525;  padding: 30px; overflow: hidden; }
section.career-detail .job-box::after{ content: ""; position: absolute; top: -40px; right: -5px;  background: url('../images/career/careeer-box-bg.svg') no-repeat;height: 170px; width: 90px; transform: rotate(-90deg); }
section.career-detail .job-box .list { margin: 0 0 30px; }
section.career-detail .job-box .list p{ font-size: 18px; color: #808080; margin: 0 0 8px; }
section.career-detail .job-box .list h5{ font-size: 24px; font-weight: normal; }
section.career-detail .job-box .secondary-btn{ width: 100%; text-align: center; display: inline-block; }

section.career-main .content-title .border-line-title{ font-size: 3.2rem; -webkit-text-stroke-color: #D8FCC7; }
section.career-main .career-form { padding: 0 0 0 50px;  }
section.career-main .career-form .secondary-btn{ padding: 10px 70px; }
section.career-main .career-form .resume-upload { position: relative; align-items: center; word-break: break-all; }
section.career-main .career-form .resume-upload label{ position: relative; overflow: hidden; height: 90px; display: flex; padding: 0px 50px; border: 1px dashed #808080; align-items: center; width: 100%; justify-content: center; cursor: pointer;}
section.career-main .career-form .resume-upload input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer;opacity: 0;width: 100%; filter: alpha(opacity=0); }


/* Career Benefits */
section.career-benefits { }
section.career-benefits .box{ height: calc(100% - 20px); margin: 10px 0; padding: 25px 15px; text-align: center; border: 1px solid transparent; }
section.career-benefits .box h5{ font-weight: 300; color: inherit; }
section.career-benefits .box .img{ font-size: 52px; margin: 0 0 5px; }
section.career-benefits .box.color1{ color: #FFF0BF; border-color: #FFF0BF; background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%);  }
section.career-benefits .box.color2{ color: #C7EFFC; border-color: #C7EFFC; background: linear-gradient(278.37deg, rgba(199, 239, 252, 0.06) 0%, rgba(199, 239, 252, 0.012) 100%);  }
section.career-benefits .box.color3{ color: #D8FCC7; border-color: #D8FCC7; background: linear-gradient(278.37deg, rgba(216, 252, 199, 0.06) 0%, rgba(216, 252, 199, 0.012) 100%); }
section.career-benefits .box.color4{ color: #FFC8A9; border-color: #FFC8A9; background: linear-gradient(278.37deg, rgba(255, 200, 169, 0.06) 0%, rgba(255, 200, 169, 0.012) 100%); }
section.career-benefits .box.color5{ color: #CDC3FF; border-color: #CDC3FF; background: linear-gradient(278.37deg, rgba(235, 231, 255, 0.06) 0%, rgba(235, 231, 255, 0.012) 100%); }
section.career-benefits .box.color6{ color: #FFB9E3; border-color: #FFB9E3; background: linear-gradient(278.37deg, rgba(255, 241, 249, 0.06) 0%, rgba(255, 241, 249, 0.012) 100%); }

 

/* What We Stand */
section.what-we-stand {  align-items: start; height: 100vh; overflow: hidden; }
section.what-we-stand .content-title { position: sticky; top: 30%; }
section.what-we-stand .content-title p{ font-size: 1.5rem; margin: 0 0 2rem; }
section.what-we-stand .gallery{ position: relative;  overflow: hidden;  }
section.what-we-stand .column-2{ padding: 5% 0 0; }
section.what-we-stand .stand-box { margin: 20px 0; /*  position: relative; /*  position: absolute;  z-index: 99999; */ }
section.what-we-stand .stand-box .img{ margin: 0 0 15px; }
section.what-we-stand .stand-box .img img{ width: 100%; }
section.what-we-stand .stand-box .detail h5{ font-size: 18px; font-weight: 700; color: #C7EFFC; }

/*.uk-card { will-change: transform; transform-style: preserve-3d; }*/

/*============================
    Service Detail Page
==============================*/
section.service-detail-banner .line-font { border-bottom: 1px solid #FFF0BF;  -webkit-text-stroke-color: #FFF0BF; color: transparent; -webkit-text-stroke-width: 1px; }
section.service-detail-banner { margin-top: 75px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;  display: flex; align-items: center; flex-wrap: wrap; }
section.service-detail-banner .img{ text-align: right; }
section.service-detail-banner .banner-title{ position: relative;  font-size: 1.2rem; z-index: 10; padding: 0 0 100px;}
section.service-detail-banner .banner-title h1{ font-size: 4rem; font-weight: 900; margin: 0 0 2rem; }
section.service-detail-banner .banner-title p{ color: var(--light-white); }
section.service-detail-banner .request-line { position: relative; display: inline-block; margin: 20px 0 0 0; }
section.service-detail-banner .request-line .line { color: #FFF0BF; position: absolute; top: -10px; right: -100%; padding: 125px 0 0; white-space: nowrap; font-size: 14px; font-weight: 300; }
section.service-detail-banner .request-line .line::after{ content: ""; position: absolute; top: 20px; right: 60px; height: 80px; width: 80px; background: url('../images/service/service-request-line.svg') no-repeat; background-size: 100%; }

section.service-detail-banner .banner-title .list { list-style: none;  }
section.service-detail-banner .banner-title .list li { position: relative; padding: 5px 0; }
section.service-detail-banner .banner-title .list li::before{  content: "\e92c"; color: #d8fcc7; font-family: icomoon; position: absolute; top: 6px; left: -30px; font-size: 18px; }


/* Service Leader Solution */
section.service-solution {  color: #CDCDCD; }
section.service-solution .img{text-align: right; }


/* Common Listing Pages */
section.qwerty-list {  height: 100%; background: #FFF0BF; padding: 0; overflow-x: hidden; }
section.qwerty-list .left-side{ flex: 0 0 auto; width: 42%; }
section.qwerty-list .left-side img{ width: 100%; }
section.qwerty-list .teb-details{  }
section.qwerty-list .teb-details .main-content{ display: flex; }
section.qwerty-list .teb-details .main-content .left-side{ flex: 0 0 auto;width: 40%;  margin: -75px 0 0 0; }
section.qwerty-list .teb-details .main-content .left-side img{ width: 100%; }
section.qwerty-list .teb-details .main-content .content{ flex: 1 1 auto; padding: 30px; max-width: 800px }
section.qwerty-list .teb-details .content { padding: 20px; }
section.qwerty-list .teb-details .content h2{ color: #0C0C0C; font-size: 2.5rem; font-weight: 800; margin: 0 0 30px; }
section.qwerty-list .teb-details .content p{ color: #7A6729; font-size: 1.2rem; }
section.qwerty-list .teb-details .content .view-detail{ display: inline-block; margin: 15px 0 0; }
section.qwerty-list .teb-details .content .view-detail a{ font-size: 1.2rem; }

section.qwerty-list .listing-view {   }
section.qwerty-list .listing-view ul { list-style: none;  padding: 30px 0 0; margin: 0 0 0px 42%; width: 100%; display: flex; }
section.qwerty-list .listing-view ul li{ margin: 0 15px 0 0; }
section.qwerty-list .listing-view ul li a{ color: #0C0C0C; border: 1px solid transparent; padding: 10px 25px; font-size: 16px; font-weight: 500; }
section.qwerty-list .listing-view ul li a.active{ border: 1px solid #0C0C0C; background: #FFEDB1; }



/* Service Process  */
section.service-process {  }
section.service-process .box { height: calc(100% - 30px); margin: 0 0 30px; position: relative; padding: 20px 100px 20px 20px; border: 1px solid transparent; -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear; }
section.service-process .box h2{color: #666; position: absolute; top: -5px; right: 15px; font-size: 120px; opacity: 0.2; z-index: -2; }
section.service-process .box h4{  font-size: 1.4rem; margin: 0 0 15px; }

section.service-process.hire-process .box{ height: auto; }
section.service-process .hire-process-sticky { position: sticky; top: 50px; color: #CDCDCD; } 
section.service-process .hire-process-sticky h2{ font-size: 42px; color: #fff; font-weight: 900; margin: 0 0 30px; border-bottom: 1px solid #FFF0BF; display: inline-block; padding: 0 0 15px; } 

section.service-process .box.line1 { background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%); }
section.service-process .box.line1 h4 { color: #FFF0BF; }
section.service-process .box.line1:hover { border-color: #FFF0BF; }

section.service-process .box.line2 { background: linear-gradient(278.37deg, rgba(199, 239, 252, 0.06) 0%, rgba(199, 239, 252, 0.012) 100%); }
section.service-process .box.line2 h4 { color: #C7EFFC; }
section.service-process .box.line2:hover { border-color: #C7EFFC; }

section.service-process .box.line3 { background: linear-gradient(278.37deg, rgba(216, 252, 199, 0.06) 0%, rgba(216, 252, 199, 0.012) 100%); }
section.service-process .box.line3 h4 { color: #D8FCC7; }
section.service-process .box.line3:hover { border-color: #D8FCC7; }

section.service-process .box.line4 { background: linear-gradient(278.37deg, rgba(255, 200, 169, 0.06) 0%, rgba(255, 200, 169, 0.012) 100%); }
section.service-process .box.line4 h4 { color: #FFC8A9; }
section.service-process .box.line4:hover { border-color: #FFC8A9; }

section.service-process .box.line5 { background: linear-gradient(278.37deg, rgba(255, 185, 227, 0.06) 0%, rgba(255, 185, 227, 0.012) 100%); }
section.service-process .box.line5 h4 { color: #FFB9E3; }
section.service-process .box.line5:hover { border-color: #FFB9E3; }

section.service-process .box.line6 { background: linear-gradient(278.37deg, rgba(205, 195, 255, 0.06) 0%, rgba(205, 195, 255, 0.012) 100%); }
section.service-process .box.line6 h4 { color: #CDC3FF; }
section.service-process .box.line6:hover { border-color: #CDC3FF; }

/* Business Modal */
section.business-modal { color: #CDCDCD; }
section.business-modal .box lottie-player{ height: 175px; width: 175px; }
section.business-modal .box .content{ padding: 20px 0; }
section.business-modal .box .content ul li{ margin: 0 0 15px; font-size: 1.1rem; }

/* Service Offer */
section.service-offer .box {  padding: 40px 30px; text-align: center; font-size: 1.2rem; height: calc(100% - 30px); margin: 15px 0; }
section.service-offer .box div{ display: flex; align-items: center; justify-content: center;  }
section.service-offer .box i{ font-size: 1.5rem; margin: 0 10px 0 0;  }
section.service-offer .box.color1{ border: 1px solid #FFF0BF33; color: #FFF0BF; }
section.service-offer .box.color2{ border: 1px solid #D8FCC733; color: #D8FCC7; }
section.service-offer .box.color3{ border: 1px solid #C7EFFC33; color: #C7EFFC; }
section.service-offer .box.color4{ border: 1px solid #FFB9E333; color: #FFB9E3; }
section.service-offer .box.color5{ border: 1px solid #FFC8A933; color: #FFC8A9; }
section.service-offer .box.color6{ border: 1px solid #CDC3FF33; color: #CDC3FF; }

/* Service Talk */
section.service-talk {  padding: 90px 0; background-color: #D8FCC7; background-image: url('../images/service-detail/lets-talk.svg'); background-repeat: no-repeat; background-size: cover; }
section.service-talk .service-sec-title{   color: #1F1E1F; }
section.service-talk .service-sec-title h2{ color: #1F1E1F; }
section.service-talk .service-sec-title p{margin: 0 auto; max-width: 800px; color: #1F1E1F; }
section.service-talk .service-sec-title .btn{ color: #D8FCC7; margin: 20px 0 0; }

/* Service Specific */
section.service-specific {  }
section.service-specific .box{ display: flex; align-items: center; margin: 25px 0; }
section.service-specific .box img{ width: 60px; height: 60px;  }
section.service-specific .box h5{ margin: 0 0 0 20px; font-weight: 400; }

/* Service Testimonial */
section.testimonial-list {  }
section.testimonial-list .item { padding: 5px 10px; }
section.testimonial-list .testibox{ display: flex; flex-direction: column; position: relative; padding: 30px; border: 1px solid #C7EFFC; height: 440px; margin: 30px 0 15px; -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear;}
section.testimonial-list .testibox:hover{ background: linear-gradient(147.28deg, rgba(199, 239, 252, 0.012) 19.56%, rgba(199, 239, 252, 0.06) 80.44%); }
section.testimonial-list .testibox .content{ font-size: 1rem; line-height: 1.7; }
section.testimonial-list .testibox .bottom{ margin-top: auto; }
section.testimonial-list .testibox .bottom .name{ margin: 5px 0 0; }
section.testimonial-list .testibox .bottom .date{ font-size: 14px; color: #9A9A9A; }
section.testimonial-list .testibox:after{ content: ""; position: absolute; top: -30px; left: 30px; background: url('../images/service-detail/quart.svg') no-repeat 100%; height: 40px; width: 47px;  }


/* Spy Scrolly Animation */
section.spy-scrolly-animation {  }
section.spy-scrolly-animation .vidoe-part { position: sticky; top: 0px; }
section.spy-scrolly-animation .vidoe-part video{ width: 100%; max-width: 275px;  }
section.spy-scrolly-animation .detail-content { color: #CDCDCD; }
section.spy-scrolly-animation .detail-content lottie-player{ width: 250px; height: 250px; display: flex; margin-left: auto; }
section.spy-scrolly-animation .detail-content h4{ color: #fff; font-weight: 400; }
section.spy-scrolly-animation .detail-content .border-line-title{ font-size: 4rem;}
section.spy-scrolly-animation .detail-content .border-line-title.color1{ -webkit-text-stroke-color: #FFF0BF; }
section.spy-scrolly-animation .detail-content .border-line-title.color2{ -webkit-text-stroke-color: #D8FCC7; }
section.spy-scrolly-animation .detail-content .border-line-title.color3{ -webkit-text-stroke-color: #C7EFFC; }
section.spy-scrolly-animation .detail-content .border-line-title.color4{ -webkit-text-stroke-color: #FFB9B9; }


/* FAQ Section */
section.faq-section {  }
section.faq-section .accordion .accordion-header button{ position: relative; background: none; border: 0; padding: 0; color: var(--light-white); font-size: 1.4rem; width: 100%; font-weight: 400; text-align: left; padding-right: 40px; }
section.faq-section .accordion .accordion-header button[aria-expanded="true"] { color: #FFF0BF; }
section.faq-section .accordion .accordion-header button[aria-expanded="true"]::after{ transform: rotate(180deg); }
section.faq-section .accordion .accordion-header button::after{ content: "\e92e"; font-weight: 300; font-family: 'icomoon' !important; position: absolute; top: 0px; right: 0; transition: ease-in-out 0.2s; }
section.faq-section .accordion .accordion-body { padding: 1.2rem 0 0; }
section.faq-section .accordion .faq-item{ padding: 10px 20px; background: #2B292B; margin: 15px 0; }


/*============================
    Hire Details Pages
==============================*/
section.hire-capbilities {  }
section.hire-capbilities .box{ border: 1px solid transparent; padding: 25px; text-align: center; height: calc(100% - 30px); margin: 15px 0; }
section.hire-capbilities .box h4{ margin: 0 0 20px; font-size: 1.4rem; font-weight: 500; }
section.hire-capbilities .box .img{ font-size: 38px; margin: 0 0 15px; }

  section.hire-capbilities .box.color1{ border-color: rgba(255, 240, 191, 0.2); }
  section.hire-capbilities .box.color1:hover{ border-color: #FFF0BF; }
  section.hire-capbilities .box.color1 h4, 
  section.hire-capbilities .box.color1 .img{ color: #FFF0BF; }
  

  section.hire-capbilities .box.color2{ border-color: rgba(216, 252, 199, 0.2); }
  section.hire-capbilities .box.color2:hover{ border-color: #D8FCC7; }
  section.hire-capbilities .box.color2 h4,
  section.hire-capbilities .box.color2 .img{ color: #D8FCC7; }

  section.hire-capbilities .box.color3{ border-color: rgba(199, 239, 252, 0.2); }
  section.hire-capbilities .box.color3:hover{ border-color: #C7EFFC; }
  section.hire-capbilities .box.color3 h4, 
  section.hire-capbilities .box.color3 .img{ color: #C7EFFC; }

  section.hire-capbilities .box.color4{ border-color: rgba(255, 185, 227, 0.2); }
  section.hire-capbilities .box.color4:hover{ border-color: #FFB9E3; }
  section.hire-capbilities .box.color4 h4, 
  section.hire-capbilities .box.color4 .img{ color: #FFB9E3; }

  section.hire-capbilities .box.color5{ border-color: rgba(255, 200, 169, 0.2); }
  section.hire-capbilities .box.color5:hover{ border-color: #FFC8A9; }
  section.hire-capbilities .box.color5 h4, 
  section.hire-capbilities .box.color5 .img{ color: #FFC8A9; }

  section.hire-capbilities .box.color6{ border-color: rgba(205, 195, 255, 0.2); }
  section.hire-capbilities .box.color6:hover{ border-color: #CDC3FF; }
  section.hire-capbilities .box.color6 h4, 
  section.hire-capbilities .box.color6 .img{ color: #CDC3FF; }


/* Pricing Table  */
section.pricing-table {  }
section.pricing-table .box{ padding: 30px; margin: 20px 0; text-align: center; border: 1px solid transparent; height: calc(100% - 40px); }

section.pricing-table .box.color1{ border-color: rgba(216, 252, 199, 0.2); }
section.pricing-table .box.color1 .price,
section.pricing-table .box.color1:hover h4{ color: #D8FCC7; }
section.pricing-table .box.color1:hover{ border-color: #D8FCC7; }

section.pricing-table .box.color2{ border-color: rgba(199, 239, 252, 0.2); }
section.pricing-table .box.color2 .price, 
section.pricing-table .box.color2:hover h4{ color: #C7EFFC; }
section.pricing-table .box.color2:hover{ border-color: #C7EFFC; }

section.pricing-table .box.color3{ border-color: rgba(255, 240, 191, 0.2); }
section.pricing-table .box.color3 .price, 
section.pricing-table .box.color3:hover h4{ color: #FFF0BF; }
section.pricing-table .box.color3:hover{ border-color: #FFF0BF; }

section.pricing-table .box img{ margin: 0 0 35px; }
section.pricing-table .box h4{ font-weight: 400; font-size: 36px; }
section.pricing-table .box .price { margin: 30px 0; font-weight: 700; font-family: 'GT Walsheim Pro'; }
section.pricing-table .box .price sup{ font-size: 34px; margin: 0 10px 0 0;}
section.pricing-table .box .price span{ font-size: 60px; }
section.pricing-table .box .price sub{ font-weight: normal; color: #fff; font-size: 22px; margin: 0 0 0 10px;}
section.pricing-table .box .select .btn{ margin: 0px 0 30px; border-radius: 0; padding: 10px 60px; font-weight: 600; color: #1F1E1F; border: 0; outline: none; }
section.pricing-table .box .select .btn.color1{ background: #D8FCC7;}
section.pricing-table .box .select .btn.color2{ background: #C7EFFC;}
section.pricing-table .box .select .btn.color3{ background: #FFF0BF; }

/* Hire Developemnt Form Page */

section.hire-client-logo { background: #282828; }
section.hire-client-logo .hire-logo-list{ padding: 20px 0 0; display: flex; align-items: center; justify-content: center; list-style: none; flex-flow: wrap; }
section.hire-client-logo .hire-logo-list li{ width: 15%;text-align: center; padding: 10px;}

section.hire-form-banner .hire-form .head{ background: #fff0bf; color: #000; padding: 20px; }
section.hire-form-banner .hire-form .head h4{ color: #000; }
section.hire-form-banner .hire-form .form{ background: #3e3e3e; padding: 20px; }

.hire-form .form-group p{ margin: 0; line-height: normal;  }
.hire-form .form-group label { color: #EFEFEF; font-size: 0.95rem; margin: 0 0 5px;  }
.hire-form .form-control { height: 48px; background: #282728; border: 1px solid #282728; border-radius: 0px; padding: 0 0 0 50px; font-size: 0.99rem; }
.hire-form .icon-field { position: relative; }
.hire-form .icon-field .img{ position: absolute; top: 14px; left: 16px; z-index: 10; }

.hire-form .icon-field.name .form-control { color: #C7EFFC; }
.hire-form .icon-field.name .form-control:focus{ color: #C7EFFC; border-color: #C7EFFC; }
.hire-form .icon-field.company .form-control { color: #D8FCC7; }
.hire-form .icon-field.company .form-control:focus{ color: #D8FCC7; border-color: #D8FCC7; }

.hire-form .icon-field.email .form-control { color: #FFF0BF; }
.hire-form .icon-field.email .form-control:focus{ color: #FFF0BF; border-color: #FFF0BF; }
.hire-form .icon-field.phone .form-control { color: #FFB9B9; }
.hire-form .icon-field.phone .form-control:focus{ color: #FFB9B9; border-color: #FFB9B9; }
.hire-form .message textarea.form-control{ padding: 10px 15px; color: #fff; height: 80px; color: #CDC3FF; }
.hire-form .message .form-control:focus{ color: #CDC3FF; border-color: #CDC3FF; }
.hire-form .wpcf7-spinner { position: absolute; }

section.hire-flutter-kody {  }
section.hire-flutter-kody .box{ display: flex;  border: 1px solid rgba(216, 252, 199, 0.20); padding: 25px 20px; height: calc(100% - 20px); margin: 10px 0; }
section.hire-flutter-kody .box .img{ flex: 0 0 auto; }
section.hire-flutter-kody .box .text { flex: 1 1 auto; padding: 0 0 0 20px; }
section.hire-flutter-kody .box .text h2{ font-size: 40px; color: #C7EFFC; }
section.hire-flutter-kody .box .text h4{ font-size: 19px;  }
section.hire-flutter-kody .box .text p{ margin: 0; font-size: 1rem; }
section.hire-flutter-kody .call .box { align-items: center; justify-content: center; font-size: 30px; color: #FFC8A9; }
section.hire-flutter-kody .call .box:hover { background: #FFC8A9; color: #000; border-color: #FFC8A9; }

section.flutter-exprtise .hire-exprtise {  }
section.flutter-exprtise .hire-exprtise .box{ margin: 0px 0 20px; border: 1px solid #2D2D2D; display: flex; align-items: center; }
section.flutter-exprtise .hire-exprtise .box .head{ font-weight: 600; background: #2D2D2D; padding: 15px 20px; width: 25%; }
section.flutter-exprtise .hire-exprtise .box ul.list { padding: 0; margin: 0; list-style: none; }
section.flutter-exprtise .hire-exprtise .box ul.list li{ position: relative; display: inline-block; padding: 5px 20px;}
section.flutter-exprtise .hire-exprtise .box ul.list li:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 5px; width: 1px; height: 25px; background: #525252; }

/*============================
    Portfolio Details Page
==============================*/
.water-mark { white-space: nowrap; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; -o-user-select: none; user-select: none; color: #252425; font-weight: 600; }
.portfolio-line-title { font-size: 1.3rem; padding: 2rem 0; }
.portfolio-line-title h3{ font-size: 3rem; font-weight: 300; }

section.portfolio-banner { padding: 77px 0 0; }
section.portfolio-banner .water-mark{ position: absolute;top: 20%; left: 0; right: 0; text-align: center; font-size: 21vw;  }
section.portfolio-app-info { height: 100vh; display: flex; align-items: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }
section.portfolio-app-info .content h2{ font-size: 3rem; margin: 0 0 1.2rem; font-weight: 900; }
section.portfolio-app-info .content ul.info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; list-style: none; padding: 0;  margin: 40px 0; position: relative; border-top: 1px solid var(--light-white); }
section.portfolio-app-info .content ul.info li p{ margin: 0 0 5px; font-size: 0.8rem; }
section.portfolio-app-info .content ul.info li{ position: relative;    padding: 25px 0 0 0; }
section.portfolio-app-info .content ul.info li::before{ content: ""; position: absolute; top: -5px; left: 0; background: var(--light-white); width: 10px; height: 10px; border-radius: 50%; }
section.portfolio-app-info .content ul.info li h6{ font-size: 1.1rem; font-weight: 500; }
section.portfolio-app-info .app-img { text-align: center; }
section.portfolio-app-info .app-img img{ max-width: 320px; }
section.portfolio-app-info ul.download-app { display: flex; align-items: center; padding: 0; margin: 15px 0; list-style: none; }
section.portfolio-app-info ul.download-app li{ margin: 0 1rem 0 0;  }
section.portfolio-app-info ul.download-app li img{ max-width: 150px; }
 
section.portfolio-wireframe {  }
section.portfolio-wireframe .wireframe-img{ padding: 0 0 80px; position: relative; }
section.portfolio-wireframe .water-mark{ font-size: 6rem; font-weight: 800; writing-mode: vertical-rl; top: 0; }
section.portfolio-wireframe .water-mark.right{ position: absolute; right: -8%; z-index: -1; }
section.portfolio-wireframe .water-mark.left{ position: absolute; left: -8%; z-index: -1; }
section.portfolio-wireframe #compare-slider img{ width: 100%; max-width: initial; }

section.portfolio-testimonial { color: #D9D9D9; text-align: center; background: #171717;  display: flex; align-items: center;  }
section.portfolio-testimonial .box .profile{ text-align: center; margin: 2rem 0; }
section.portfolio-testimonial .box .profile .img{  width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 1rem; overflow: hidden; }
section.portfolio-testimonial .box .profile h5{ font-weight: normal; }
section.portfolio-testimonial .box .content{ position: relative; padding: 0 3rem; max-width: 1100px; margin: 50px auto; }
section.portfolio-testimonial .box .content::before{ content: "“"; position: absolute; top: -20px; left: 0; font-size: 5rem; font-weight: 800; color: #464646; line-height: 20px; }
section.portfolio-testimonial .box .content::after{ content: "“"; position: absolute; bottom: -40px; right: 0; font-size: 5rem; font-weight: 800; color: #464646; line-height: 20px; }

section.portfolio-video-sec .vidoe-box img{ width: 100%; }
section.portfolio-video-sec .vidoe-box video{ width: 100%; }

/* Feature List Common */
section.portfolio-feature .water-mark{ font-size: 5.8rem; font-weight: 800; writing-mode: vertical-rl; }
section.portfolio-feature .water-mark.center{text-align: center; font-size: 22rem; position: absolute; left: 0; right: 0; z-index: -1; top: 5%; writing-mode: horizontal-tb; }
section.portfolio-feature .water-mark.right{ position: absolute; right: 0px; z-index: -1;  top: 50%; transform: translateY(-50%); }
section.portfolio-feature .water-mark.left{ position: absolute; left: 0px; z-index: -1; top: 50%; transform: translateY(-50%); }

section.portfolio-feature { color: #D9D9D9; overflow: hidden; position: relative; }
section.portfolio-feature .background-main { position: relative; }

section.portfolio-feature h3.title{ text-align: center; font-size: 3rem; font-weight: 800; margin: 1rem 0 5rem; }
section.portfolio-feature .box { margin: 1.5rem 0; }
section.portfolio-feature .box p{ max-width: 370px; }
section.portfolio-feature .box .part-img{ margin: 0 0 1rem; }
section.portfolio-feature .portal-main-img { margin: 5rem 0;}
section.portfolio-feature .control-box { margin: 1rem 0; }
section.portfolio-feature .control-box h5{ font-size: 1.5rem;  margin: 0 0 1rem; font-weight: 500; }
section.portfolio-feature .control-box {  }

section.portfolio-feature .portfolio-technology { display: flex; align-items: center; margin: 0px 0 50px;  }
section.portfolio-feature .portfolio-technology .img{ flex: 0 0 auto; max-width: 100px; }
section.portfolio-feature .portfolio-technology .text{ flex: 1 1 auto; padding: 0 0 0 15px; }
section.portfolio-feature .portfolio-technology .text h6, 
section.portfolio-feature .portfolio-technology .text h5{ margin: 0 0 5px;  font-weight: 500; }


section.portfolio-more-project {  }
section.portfolio-more-project .box{ background: #202224; position: relative; transition: all 0.2s linear; overflow: hidden; height: calc(100% - 20px); margin: 10px 0; border-radius: 15px; }
section.portfolio-more-project .box::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(32 34 36 / 70%);  }
section.portfolio-more-project .box .img { display: flex; align-items: center; justify-content: center;height: 100%; }
section.portfolio-more-project .box .img img{ width: 100%;transition: all 0.2s linear; }
section.portfolio-more-project .box .detail{ position: absolute; top: 0; left: 0; z-index: 10; display: flex; align-items: center; height: 100%; padding: 30px 60px; font-size: 22px; }
section.portfolio-more-project .box .detail h3{ font-size: 36px; }
section.portfolio-more-project .box .detail .link{  opacity: 0; transition: all 0.2s linear; position: absolute; bottom: 60px; }
section.portfolio-more-project .box:hover .detail .link{ opacity: 1; }
section.portfolio-more-project .box:hover .img img{ transform: scale(1.03); }


/* time Line  */
section.time-line-sec { position: relative; padding-bottom: 80px; }
section.time-line-sec .ag-timeline_list .img{ margin: 30px 50px; }
section.time-line-sec .ag-timeline_list .ag-timeline-card_box { display: flex; align-items: center; }
section.time-line-sec .ag-timeline_list .ag-timeline-block {  padding: 300px 0; }
section.time-line-sec .ag-timeline_list .ag-timeline_title-box {  padding: 0 0 30px;  text-align: center;}
section.time-line-sec .ag-timeline_list .ag-timeline_tagline { font-size: 40px; color: rgb(84, 89, 95); }

section.time-line-sec .ag-timeline_item { padding: 40px 0;  position: relative;}
section.time-line-sec .ag-timeline { display: inline-block; width: 100%; max-width: 100%; margin: 0 auto; position: relative; }
section.time-line-sec .ag-timeline_line { width: 10px;  position: absolute; top: 40px !important; left: 0; bottom: 0; overflow: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
section.time-line-sec .ag-timeline_line-progress { width: 100%; height: 20%; border: 1px solid #999; }
section.time-line-sec .ag-timeline_list .ag-timeline-card_point-box { display: inline-block; }
section.time-line-sec .ag-timeline_list .ag-timeline-card_point {  margin: 0 0 0 -16px; width: 60px; }
section.time-line-sec .ag-timeline_list .ag-timeline-card_meta-box {  display: inline-block; }
section.time-line-sec .ag-timeline_list .ag-timeline-card_meta {  padding: 10px 0 0 20px; font-weight: bold; font-size: 4rem; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #D9D9D9; line-height: 1; }
section.time-line-sec .ag-timeline_item.js-ag-active { opacity: 1;  }
section.time-line-sec .ag-timeline_item { opacity: 0; transition: transform .9s, opacity .9s; position: relative; }
section.time-line-sec .ag-timeline_list .js-timeline_item .content h3{ font-size: 40px; color: #D9D9D9; font-weight: 700; font-family: 'Poppins'; }
section.time-line-sec .ag-timeline_list .js-timeline_item .content p{ font-size: 18px; }

 
/* Thank You */
section.thank-you {  } 
section.thank-you .main-box { padding: 80px 0; margin: 0 auto; max-width: 500px; display: flex; align-items: center; justify-content: center;  } 
section.thank-you .main-box .box{ text-align: center; font-size: 22px; } 
section.thank-you .main-box .box h1{ margin: 0 0 40px; font-size: 5rem; color: #CDC3FF;  text-transform: uppercase; } 
section.thank-you .main-box .box h1 span{ font-size: inherit; }
 
/* Ebook Page Desing */ 
section.ebook-page .banner{  padding: 50px 0; font-size: 16px;  color: #fff; }
section.ebook-page .banner h1{ color: #fff; font-weight: 600; font-size: 40px; }
section.ebook-page .banner h1 .border-line-title{ display: block;  -webkit-text-stroke-color: #D8FCC7; color: transparent; -webkit-text-stroke-width: 1px; font-size: inherit; }
section.ebook-page .banner .email-box { margin: 50px 0 0; }
section.ebook-page .banner .email-box .email-field{ width: 100%; outline: none; border: 0; font-size: 16px; color: #8F8F8F; padding: 8px 0; margin: 0 0 30px; background: transparent; color: #fff; border-bottom: 1px solid #3a3a3a; }
section.ebook-page .banner .email-box .email-field:focus { outline: none; }

section.ebook-page .flutter-what-inside { color: #fff; font-size: 16px; background: #262626; padding: 50px 0; }
section.ebook-page .flutter-what-inside h2{ font-size: 36px; color: #fff; font-weight: 600; margin: 0 0 50px; border-bottom: 1px solid #a1a1a1; display: inline-block; }
section.ebook-page .flutter-what-inside .content ul { padding: 0; list-style: none; }
section.ebook-page .flutter-what-inside .content ul li{ margin: 10px 0; display: flex; }
section.ebook-page .flutter-what-inside .content ul li i{ margin: 0 5px 0 0; }

section.ebook-page .marketing {  padding: 50px 0; }
section.ebook-page .marketing .content h3{ font-size: 32px; color: #fff; margin: 0 0 30px; padding: 0 0 20px; font-weight: 600; } 
section.ebook-page .marketing .content img{ max-width: 300px; margin: 0px 0 20px;  }

section.get-in-touch { padding: 80px 0; }
section.get-in-touch .inner-box{ display: flex; justify-content: space-between; align-items: center; }
section.get-in-touch .inner-box h3{ font-size: 42px; }
section.get-in-touch .inner-box .line-font{ border-bottom: 1px solid #D8FCC7; -webkit-text-stroke-color: #D8FCC7; color: transparent; -webkit-text-stroke-width: 1px; }
section.get-in-touch .inner-box .right { flex: 0 0 auto; }
section.get-in-touch .inner-box .left { padding: 0 20px 0 0; }
section.get-in-touch .inner-box .secondary-btn { display: inline-block; }

/* Robotics Page */
section.portfolio-solution .robo-workplace { padding: 50px 0; }
section.portfolio-solution .robo-workplace .inner-box ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 20px 0 0; }
section.portfolio-solution .robo-workplace .inner-box ul li{ width: 25%; margin: 0 -0.5px; }
section.portfolio-solution .robo-workplace .inner-box ul li .box{ border: 1px solid #515151; padding: 25px 30px; }
section.portfolio-solution .robo-workplace .inner-box ul li .box img{ margin: 20px 0 35px; }
section.portfolio-solution .robo-workplace .inner-box ul li .box h4{ font-weight: normal; }

section.robotic-advance-features { background: #171717; }
section.robotic-advance-features .img{  }
section.robotic-advance-features .title{ font-weight: 800; font-size: 35px; margin: 0 0 20px; }
section.robotic-advance-features .box{ margin: 15px 0; border: 1px solid #515151; padding: 25px; display: inline-block; width: 100%; }
section.robotic-advance-features .box h4{ font-weight: normal; }
section.robotic-advance-features .box ul { margin: 0; }
section.robotic-advance-features .box ul li{ padding: 5px 0; }


/* Get In Touch Modal */
.getintouch-modal .modal-content { background: #2A292A; border-radius: 0; border: 1px solid #2A292A; }
.getintouch-modal .modal-body{ padding: 0; }
.getintouch-modal h2{ font-size: 25px; }
.getintouch-modal h2 .border-line-title{ font-size: 2.9rem; -webkit-text-stroke-color: #D8FCC7; }
.getintouch-modal .content-detail{ position: relative; background: #242424; padding: 20px; font-size: 1rem; height: 100%; }
.getintouch-modal .content-detail::after{ content: ""; position: absolute; bottom: 0; right: 0; background: url("../images/career/careeer-box-bg.svg") no-repeat; height: 130px; width: 90px; }
.getintouch-modal .content-detail h4{ font-size: 20px; font-weight: normal; }
.getintouch-modal .content-detail ul { list-style: none; padding: 0; margin: 0; }
.getintouch-modal .content-detail ul li { padding: 10px 0; display: flex; }
.getintouch-modal .content-detail ul li .img{ flex: 0 0 auto; width: 30px; font-size: 18px; }
.getintouch-modal .content-detail ul li .text{ flex: 1 1 auto; }
.getintouch-modal .content-detail .line{ background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0)); height: 1px; margin: 0px 0 15px; }

.getintouch-modal .get-from { padding: 55px 30px 30px; }
.getintouch-modal .get-from p{ margin:0;}
.getintouch-modal .get-from label{ margin: 0 0 10px; font-size: 1rem; }
.getintouch-modal .get-from .form-control , 
.getintouch-modal .get-from .form-select{ background-color: #1F1E1F; }
.getintouch-modal .close-modal { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 10; right: 15px; top: 15px; border: none; background: none; padding: 0; }

/*=================== 
  CMS Pages 
====================*/
section.cms-page .box{  padding: 50px 0; } 
section.cms-page .box.gray{ background: #282828; } 
section.cms-page h2 { font-size: 34px; font-weight: 800; margin: 30px 0 20px; }
section.cms-page ul { padding: 0 0 0 30px; list-style: none }
section.cms-page ul li { padding: 5px 0; position: relative }
section.cms-page ul li::after { content: "\e92c"; color: #d8fcc7; font-family: icomoon; position: absolute; top: 6px; left: -30px; font-size: 18px }


/*=================== 
  Investor
====================*/
section.investor-banner { display: flex;align-items: center; justify-content: center; background: url('../images/investor-banner.jpg') no-repeat center center;      background-size: cover; height: 100vh; }
section.investor-banner .content-title { max-width: 700px; }
section.investor-banner .content-title h1 { color: #CDCDCD; } 
section.investor-banner .content-title h1, 
section.investor-banner .content-title .border-line-title{  font-size: 4rem; } 
  
section.investore-download .box { height: calc(100% - 30px); margin: 0 0 30px; position: relative; padding: 20px 130px 20px 20px; border: 1px solid transparent; -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear; }
section.investore-download .box img{ position: absolute; top: 50%; right: 15px;  z-index: -2; max-width: 130px; filter: grayscale(1); transform: translateY(-50%); -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear;}
section.investore-download .box:hover img{ filter: none; }
section.investore-download .box h4{  font-size: 1.4rem; margin: 0 0 15px; }

section.investore-download table{ color: #fff; } 
section.investore-download table { } 

section.investore-download .dynemic-list .col-md-12:nth-child(6n+1) .box { background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%); }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+1) .box h4{ color: #FFF0BF; }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+1) .box:hover{ border-color: #FFF0BF; } 
 
section.investore-download .dynemic-list .col-md-12:nth-child(6n+2) .box{ background: linear-gradient(278.37deg,rgba(199,239,252,0.06) 0%,rgba(199,239,252,0.012) 100%) }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+2) .box h4{ color: #c7effc }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+2) .box:hover{  border-color: #c7effc }

section.investore-download .dynemic-list .col-md-12:nth-child(6n+3) .box { background: linear-gradient(278.37deg,rgba(216,252,199,0.06) 0%,rgba(216,252,199,0.012) 100%) }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+3) .box h4 { color: #d8fcc7 }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+3) .box:hover { border-color: #d8fcc7 }

section.investore-download .dynemic-list .col-md-12:nth-child(6n+4) .box { background: linear-gradient(278.37deg,rgba(255,200,169,0.06) 0%,rgba(255,200,169,0.012) 100%) }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+4) .box h4 { color: #ffc8a9 }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+4) .box:hover { border-color: #ffc8a9 }

section.investore-download .dynemic-list .col-md-12:nth-child(6n+5) .box { background: linear-gradient(278.37deg,rgba(255,185,227,0.06) 0%,rgba(255,185,227,0.012) 100%) }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+5) .box h4 { color: #ffb9e3 }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+5) .box:hover { border-color: #ffb9e3}

section.investore-download .dynemic-list .col-md-12:nth-child(6n+6) .box { background: linear-gradient(278.37deg,rgba(205,195,255,0.06) 0%,rgba(205,195,255,0.012) 100%) }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+6) .box h4 { color: #cdc3ff }
section.investore-download .dynemic-list .col-md-12:nth-child(6n+6) .box:hover { border-color: #cdc3ff }



/*========================
  Gitex Landing Page 
==========================*/
section.gitex-banner .banner-title .line-font{ border-bottom: none; -webkit-text-stroke-color: #ffffff; }

section.gitex-solution .gitex-steps { margin: 50px 0; }
section.gitex-solution .gitex-steps .content .gitbox{ margin: 25px 0; border: 1px solid #FFC8A9; padding: 15px; color: #CDCDCD; }
section.gitex-solution .gitex-steps .content .gitbox.color1{  border-color: #FFC8A9; }
section.gitex-solution .gitex-steps .content .gitbox.color2{  border-color: #B9D9FF; }
section.gitex-solution .gitex-steps .content .gitbox ul { margin: 0; }
section.gitex-solution .gitex-steps .content .gitbox ul li{ padding: 5px 0; }


section.gitex-trand .time-table .list { margin: 15px 0; display: inline-block; width: 100%;}
section.gitex-trand .time-table { position: relative;  background-color: #252525; padding: 30px; overflow: hidden; }
section.gitex-trand .time-table::after{ content: ""; position: absolute; top: -40px; right: -5px; background: url("../images/career/careeer-box-bg.svg") no-repeat; height: 170px; width: 90px; transform: rotate(-90deg); }
section.gitex-trand .time-table .list p{ font-size: 16px; color: #FFFFFF; margin: 0 0 8px; }
section.gitex-trand .time-table .list h5{ font-size: 22px;  color: #D8FCC7; }

/*========================
  Media Event News
==========================*/

section.media-page .box { height: calc(100% - 30px); margin: 0 0 30px; position: relative; padding: 20px 130px 20px 20px; border: 1px solid transparent; -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear; }
section.media-page .box img{ position: absolute; top: 50%; right: 15px;  z-index: -2; max-width: 130px; filter: grayscale(1); transform: translateY(-50%); -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear;}
section.media-page .box:hover img{ filter: none; }
section.media-page .box h4{  font-size: 1.4rem; margin: 0 0 15px; }

section.media-page .box.line1 { background: linear-gradient(98.37deg, rgba(255, 240, 191, 0.012) 0%, rgba(255, 240, 191, 0.06) 100%); }
section.media-page .box.line1 h4 { color: #FFF0BF; }
section.media-page .box.line1:hover{ border-color: #FFF0BF; } 

section.media-page .box.line2{ background: linear-gradient(278.37deg,rgba(199,239,252,0.06) 0%,rgba(199,239,252,0.012) 100%) }
section.media-page .box.line2 h4{ color: #c7effc }
section.media-page .box.line2:hover{  border-color: #c7effc }

section.news-list-page .blog-box .content h3{ display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.4rem; }
section.news-list-page .blog-box { margin: 12px 0; }


/* ===========================
    Event Listing Page
============================== */
section.event-banner .latest-event-top{ margin: 0 0 40px; }
section.event-banner .latest-event-top .button a{ display: inline-block; }
section.event-banner .latest-event-top .blog-lable .date{ color: var(--light-green); margin: 10px 0 25px; }
section.event-banner .latest-event-top .blog-lable .title{ font-size: 1rem; }

section.upcoming-event .blog-box .content h2 {font-size: 22px; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; }

/* ===========================
    Event-details Page
============================== */
section.event-details { line-height: 1.6; }
section.event-details .banner-img img{  width: 100%; }
section.event-details .highlight-info { padding: 20px; margin: -85px 0 30px 0; background: #282728;  }
section.event-details .highlight-info .ev-info { display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap; margin: 15px 0 0 0; border-top: 1px solid #919191; padding-top: 15px; }
section.event-details .highlight-info .ev-info .box{ display: flex; gap: 10px;  }
section.event-details .highlight-info .ev-info .box h5{ margin: 0; font-size: 15px; color: #919191;}
section.event-details .highlight-info .ev-info .box .text{ font-weight: 500; font-size: 18px; }
section.event-details .highlight-info .ev-info .box .icon{ width: 25px; font-size: 22px; color: var(--light-yellow); }
section.event-details ol{padding: 18px;}
section.event-details ol li{ margin:5px 0px;}
section.event-details .event-gallery { background: #282728; padding: 40px 0; text-align: center; }
section.event-details .event-gallery .gallery-slider .item{ padding: 0 10px; }
section.event-details .event-gallery .gallery-slider .img img{ width: 100%; }

/* event gallery */
section.event-gallery h4{text-align: center; font-size:30px; margin-bottom:40px;}
section.event-gallery .box .img img{width: 100%; border-radius:32px; margin-bottom: 20px;}