@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-v5-latin-regular.woff2') format('woff2');
    /* src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'); */
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    ascent-override: 110%;
    descent-override: 25%;
    line-gap-override: 0%;
    unicode-range: U+0000-00FF;
}
html{
    scroll-behavior: smooth;
}
.fbc-page .fbc-wrap .fbc-items,
body {
  font-family: "Poppins", sans-serif !important;
}
.progressBar {
    position:fixed;
    top:0;
    height:3px;
    background:#e74c3c;
    z-index:9999;
    transition:width .25s;
}
header {
    position: fixed;
    width: 100%;
    z-index: 3;
    transform: translate(0px, 16px);
}
.newHeader {
    transition: all 0.2s ease;
}
.newHeader.fixed {
    transform: translate(0px, 0px) !important;
}
.newHeader.scrolled {
    transition: all 1s ease;
    transform: translate(0, -122px);
}
header .navbar {
    height: 92px;
}
header .navbar .container {
    border-radius: 10px;
    height: 100%;
    box-shadow: 0px 0px 24px 0px #0000003d;
}
.newHeader.fixed .navbar .container {
    border-radius: 0 0 10px 10px;
    transition: all ease-in-out 0.5s;
}
header .navbar-brand {
    width: 160px;
    padding: 0 5px;
    float: left;
    margin-top: 8px;
}
header .navbar-brand img {
    width: 100%;
}
header .navbar-nav {
    float: right;
}
header .navbar-nav > li {
    display: inline-block !important;
    position: relative;
}
header .navbar-nav li > a {
    text-transform: uppercase;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 16px;
}
header .nav > li > a:focus,
header .nav > li > a:hover {
    background-color: transparent !important;
    color: #c43c2d;
}
header .nav > li.flm6 {
    margin-left: 10px;
}
header .nav > li > .hirebutton {
    background: #fff;
    border-radius: 50px;
    padding: 10px 16px;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 19px;
    height: auto;
    text-transform: uppercase;
}
header .nav > li > .hirebutton:hover,
header .nav > li > .hirebutton:focus {
    background: #c43c2d !important;
    color: #fff !important;
}
header .nav > li > .hirebutton:hover img {
    filter: invert(1);
}
header .nav > li > .ctabutton {
    background: #e74c3c;
    border-radius: 50px;
    color: #fff !important;
    padding: 10px 18px;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 19px;
    height: auto;
    text-transform: uppercase;
}
header .nav > li > .ctabutton:hover,
header .nav > li > .ctabutton:focus {
    background: #c43c2d !important;
}
header .nav > li > a > img {
    margin-top: -2px;
}
.megaMenu {
    position: fixed;
    top: 85px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1170px;
    height: auto;
    opacity: 0;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    visibility: hidden;
}
.megaMenu > .container {
    box-shadow: 0px 8px 24px 0px #0000003d !important;
    border-top: 1px solid #e74c3c;
}
header .navbar-nav > li:hover > .megaMenu {
    opacity: 1;
    transition: all 0.2s ease-in;
    pointer-events: all;
    visibility: visible;
}
.megaMenu li > .container {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #e74c3c;
    overflow: hidden;
}
.menuShadowContainer {
    box-shadow: 0px 8px 24px 0px #0000003d !important;
    border-top: 1px solid #e74c3c;
    border-radius: 0 0 10px 10px;
    position: relative;
}
header .navbar-nav > li > a:hover,
header .navbar-nav > li > a:focus,
header .navbar-nav > li.active > a {
    background-color: #c43c2d !important;
    border-radius: 50px;
    color: #fff;
}
.pointer {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #e74c3c;
    border-radius: 2px;
    top: -10px;
    left: 15%;
    margin: 0 auto;
    z-index: 0;
    background: #fff;
    transform: rotate(45deg);
    border-bottom: none;
    border-right: none;
}
.flm1 .pointer {
    left: 23%;
}
.flm2 .pointer {
    left: 12%;
}
.flm3 .pointer {
    left: 7%;
}
.flm4 .pointer {
    left: 27%;
}
.flm5 .pointer {
    left: 37%;
}
.flm6 a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px !important;
    border-radius: 50px;
    background: #fff;
    color: #0f2b46;
    overflow: hidden;
    z-index: 1;
}
.flm6 a::before {
    content: "";
    position: absolute;
    inset: -2px; /* border thickness */
    border-radius: inherit;
    background: conic-gradient(
        from 0deg,
        #e74c3c 0deg,
        #e74c3c 70deg,
        #ffffff 110deg,
        #ffffff 250deg,
        #e74c3c 360deg
    );
    animation: spin 3s linear infinite;
    z-index: -2;
    pointer-events: none;
}
/* Inner white background to create border-only effect */
.flm6 a::after {
    content: "";
    position: absolute;
    inset: 1px; /* controls border width */
    border-radius: inherit;
    background: #ffffff;
    z-index: -1;
    pointer-events: none;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
header .navbar-nav > li > a:hover img,
header .navbar-nav > li.active > a img {
    filter: invert(1);
}
header .navbar-nav > li:not(:hover) > .megaMenu:hover {
    opacity: 1;
    visibility: visible;
}
header .navbar-nav > li:not(:hover) > ul {
    transition-delay: 0.1s;
    top: 85px;
}
header .navbar .megaMenu-submenu {
    list-style: none;
    padding: 0;
    position: relative;
}
header .navbar-nav > li.flm6 > a:hover,
header .navbar-nav > li.flm6 > a:focus,
header .navbar-nav > li.flm6.active > a {
    background-color: #fff !important;
    color: #000 !important;
}
.megaMenu-submenu > li {
    padding-bottom: 16px;
    position: relative;
}
.megaMenu-submenu > li:last-child {
    margin-bottom: 0;
}
.megaMenu-submenu li > a {
    text-transform: capitalize !important;
    font-weight: 500;
    color: #2f2f2f;
    text-decoration: none;
    padding: 0 !important;
    display: block;
    font-size: 15px !important;
}

.megaMenu-submenu li a:hover,

.megaMenu-submenu li.active a {

  color: #e74c3c !important;

}

.megaMenu-submenu li a .activeArrow {

  opacity: 0;

  transition: all ease-in-out 0.3s;

}

.megaMenu-submenu li a:hover .activeArrow,

.megaMenu-submenu li.active a .activeArrow {

  opacity: 1;

  transition: all ease-in-out 0.3s;

}

.megaMenu-submenu li a p {

  margin: 0;

  font-size: 12px !important;

  color: #4d4d4d !important;

  line-height: 19px;

}

.no-padding {

  padding: 0;

}

.megaSudmenu-Child {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  display: none;

  list-style: none;

  padding: 0;

  width: 100%;

  padding-left: 15px;

  background-color: #fdedeb;

}

.megaSudmenu-Child img {

  width: 92%;

  margin-top: 15px;

}

.megaMenu-submenu li:hover .megaSudmenu-Child {

  opacity: 1;

  visibility: visible;

  transition:

    opacity 0.3s ease,

    visibility 0.3s ease;

}

.megaSudmenu-Child h3 {

  margin: 0;

}

.megaSudmenu-Child h3 a {

  padding: 0 !important;

  line-height: 1.2;

}

.megaSudmenu-Child.active {

  display: block !important;

  /*animation: fadeIn .3s ease-in-out;*/

}

.megaSudmenu-Child ul {

  list-style: none;

  padding: 0;

}

.megaSudmenu-Child ul li {

  margin-bottom: 5px;

}

.megaSudmenu-Child div a,

.megaSudmenu-Child ul li a {

  font-size: 12px !important;

  font-weight: 500;

  display: inline-block;

  text-transform: capitalize;

  padding: 7px 0;

  text-decoration: none;

  color: #000;

}

.megaSudmenu-Child div a:hover,

.megaSudmenu-Child ul li a:hover {

  background: none;

  color: #e74c3c;

}

.megaMenu-submenu-active .megaSudmenu-Child {

  opacity: 1;

}

.gray-bg {

  background-color: #ecf0f3;

  padding-left: 30px;

  /*height:100%;*/

  min-height: 311px !important;

}

.gray-bg a {

  text-decoration: none;

}

.menu-title {

  font-size: 16px;

  margin: 10px 0;

  color: #e74c3c;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 1;

}

.single-menu {

  list-style: none;

  padding: 0;

  width: 80%;

}

.single-menu li {

  padding: 0 0 5px 0;

  margin-bottom: 5px;

}

.single-menu li a {

  text-decoration: none;

  display: block;

  text-transform: capitalize !important;

  font-weight: 500;

  font-size: 15px !important;

  margin-bottom: 14px;

}

.single-menu li a:hover {

  color: #e74c3c;

}



.single-menu li p {

  margin: 0;

  font-weight: 400;

  font-size: 12px;

  line-height: 21px;

  color: #4d4d4d;

}

.single-menu li img {

  border-radius: 16px;

  width: 78px;

  margin-right: 10px;

}

.menu-testimonial {

  margin: 0;

  margin-top: 10px;

}

.clientImg {

  border-radius: 10px;

  overflow: hidden;

  width: 80px;

  height: 75px;

}

.clientName {

  font-size: 14px !important;

  font-weight: 600;

  margin: 0 !important;

  color: #000;

}

.clientPosition {

  font-size: 11px !important;

  font-weight: 400;

  margin: 0 !important;

}

.menuIcon {

  width: 40px;

  height: 40px;

  display: inline-block;

  margin-right: 10px;

  border-radius: 4px;

  padding: 0 8px;

  object-fit: contain;

  /* opacity: .3; */

  transition: all ease-in-out 0.3s;

  background-color: #f0f0f0;

}

.menuIcon img {

  width: 100%;

}

.megaMenu-submenu li a:hover .menuIcon,

.megaMenu-submenu li.active a .menuIcon {

  /* opacity: 1; */

  transition: all ease-in-out 0.3s;

  background-color: #e74c3c;

}

.megaMenu-submenu li a:hover .menuIcon img,

.megaMenu-submenu li.active a .menuIcon img {

  filter: invert(1) brightness(4);

}

.single-menu li a:hover .menuIcon {

  opacity: 1;

  transition: all ease-in-out 0.3s;

}

.no-s-padding {

  padding-left: 0 !important;

}

.rightBorder {

  border-right: 1px solid #f5b7b1;

}

.topBorder {

  border-top: 1px solid #e74c3c;

}

.sideMenuBg {

  background-color: #fdedeb;

  position:relative;

}

.megaMenu-submenu > li a {

  position: relative;

}

.megaMenu-submenu > li:hover a:before,

.megaMenu-submenu > li.active a:before {

  content: "";

  position: absolute;

  top: 15px;

  right: -9px;

  width: 15px;

  height: 15px;

  border: 1px solid #f5b7b1;

  transform: rotate(45deg);

  border-left: none;

  border-bottom: none;

  background-color: #fff;

  z-index: 1;

  user-select: none;

}

.noSubMenu > li:hover a:before,

.noSubMenu > li.active a:before {

  display: none;

}

.sideMenuBg2 {

  background-color: #fadbd8;

  border-radius: 0 0 10px 0px;

  overflow: hidden;

  position: relative;

}

.menuSocial {

  list-style: none;

  padding: 0;

  margin: 0;

}

.menuSocial li {

  display: inline-block;

  margin: 0 3px;

}

@scopr (.menuSocial) {

    li a{

        padding: 0 !important;

    }

}

.menuSocial li a img {

  width: 30px;

}

.sideMenuBg2 p {

  color: #6a6a6a;

  font-weight: 500;

  font-size: 13px;

  line-height: 19px;

}

.sideMenuBg2 p a {

  color: #2f2f2f;

  font-size: 14px;

  font-weight: 600;

}

.sideMenuBg2 .menuContactTitle {

  text-align: right;

  color: #fff;

  font-size: 40px;

  text-transform: uppercase;

  font-weight: 600;

  line-height: 20px;

}

.sideMenuBg2 .menuContactTitle span {

  font-size: 20px;

}



/* MOBILE MENU */

.ham-icon {

  width: 40px;

  height: 40px;

}

.mobileHeader {

  display: none;

}

.mobile-menu-list {

  position: fixed;

  top: 100px;

  left: -100%; /* Hide menu offscreen */

  width: 100%;

  height: calc(100vh - 85px);

  background-color: #11142b;

  color: #000;

  padding: 24px;

  box-shadow: 2px 0 5px #0000004f;

  transition: left 0.3s ease-in-out;

  z-index: 6;

  overflow: auto;

  padding-bottom: 200px;

}

.mobile-menu-list.active {

  left: 0; /* Slide in the menu */

}

.menu-overlay {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  pointer-events: none;

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

  z-index: 5; /* Make sure the overlay is behind the menu */

}



.menu-overlay.active {

  display: block;

}

.mobile-menu-list ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.mobile-menu-list ul li {

  border-bottom: 1px dashed #575c83;

  padding: 16px 0;

}

.mobile-menu-list ul li:last-child {

  border: none;

}

.mobile-menu-list ul li a {

  text-transform: uppercase;

  color: #fff;

  font-weight: 500;

  line-height: 35px;

  /* padding-left: 15px; */

  text-decoration: none;

  font-size: 13px;

}

.mobile-menu-list ul li span {

  display: inline-block;

  float: right;

  width: 24px;

  height: 24px;

  /* border-left: 1px solid #a9a9a9; */

  line-height: 34px;

  box-sizing: border-box;

  text-align: center;

}

/* .mobile-menu-list.active:has(.open) ul li a{

  color:#e74c3c;

} */

.submenu-arrow,

.sub-child-arrow {

  cursor: pointer;

  width: 24px;

  /* filter: invert(1) brightness(10); */

}

.mobileHeader .navbar-brand {

  margin: 10px 0;

}

.mobileSubMenu {

  display: none;

  text-transform: capitalize;

  background-color: #ffffff;

  padding: 0 16px !important;

  border-radius: 8px;

  margin-top: 10px !important;

}

.mobileSubMenu li {

  /* padding-left: 10px !important; */

  margin: 0 !important;

  border-bottom: 1px dashed #c3c3c3 !important;

}

.mobileSubMenu li a {

  text-transform: capitalize !important;

  color: #2f2f2f !important;

}

.mobileSubMenu li.active a h4 {

  color: #e74c3c !important;

}

.mobileSubMenu li a .menuHeading {

  font-weight: 500;

  font-size: 14px;

  line-height: 19px;

  color: #2f2f2f;

  margin: 0;

}

.mobileSubMenu li a p {

  font-weight: 400;

  font-size: 11px;

  line-height: 19px;

  text-transform: capitalize;

  color: #4d4d4d;

  margin: 0;

}

.mobileSubMenu li a img {

  width: 40px;

  height: 40px;

  object-fit: contain;

  background-color: #f0f0f0;

  border-radius: 50px;

  padding: 0 8px;

  margin-right: 10px;

}

.mobileSubMenu li ul li {

  padding: 0 !important;

  margin: 0;

  font-size: 12px;

}

.mobileSubMenu li ul li a {

  line-height: 40px;

  display: block;

  /* padding-left: 44px; */

}



.mobileSubMenu.open {

  display: block;

}

.mobileSubMenu li.active > a {

  color: #e74c3c;

}

.subChildMenu {

  background-color: #fdedeb;

  border: 1px solid #e74c3c;

  border-radius: 16px;

  padding: 16px !important;

  margin-top: 15px !important;

  position: relative;

}

.subChildMenu:before {

  position: absolute;

  content: "";

  width: 20px;

  height: 20px;

  background: url(../../../uploads/2025/09/subMenuTopArrow.png) no-repeat;

  background-size: 100%;

  top: -11px;

  left: 12px;

}

.subChildMenu li a {

  color: #000;

}

.subChildMenu li {

  border-bottom-color: #ec7063 !important;

}

.subChildMenu li:last-child {

  border: none !important;

}

.subChildMenu li.active a {

  color: #e74c3c !important;

}



/*.mobileSubMenu li.active a img{*/

/*  filter:invert(1);*/

/*}*/

.single-menu li.active a {

  color: #e74c3c;

}

.megaSudmenu-Child .active a {

  background: none;

  color: #e74c3c !important;

  /* border-bottom: 1px solid #e74c3c; */

}

.megaSudmenu-Child .active a {

  color: #e74c3c !important; /* Ensure the link color is also applied */

}

.subArrow {

  rotate: -90deg;

  position: absolute;

  right: 10px;

  top: 18px;

}

.first_level_menu_game_developement,

.first_level_menu_portfolio,

.first_level_menu_hire_us,

.first_level_menu_company .first_level_menu_industry {

  display: block !important;

}

.menuInnerBtn,

.menuInnerBtn:hover {

  color: #fff !important;

  background: #e74c3c !important;

  margin-top: 10px !important;

  padding: 6px 15px !important;

  border-radius: 4px;

}

.subMenuDetails img {

  border-radius: 16px;

  margin-bottom: 24px;

  width: 100%;

  /* max-height: 190px; */

  object-fit: cover;

}

.subMenuDetails .itemHeading {

  font-weight: 500;

  font-size: 15px;

  line-height: 21px;

  text-transform: capitalize;

  margin-bottom: 15px;

  font-family: "Poppins", sans-serif !important;

  color: #2f2f2f !important;

}

.subMenuDetails p {

  font-weight: 400;

  font-size: 12px;

  line-height: 21px;

  margin-bottom: 18px;

  font-family: "Poppins", sans-serif !important;

}

.subMenuDetails .BlogLink {

  padding: 10px 16px !important;

  border-radius: 50px;

  border: 1px solid #e74c3c;

  font-weight: 500;

  font-size: 13px;

  line-height: 19px;

  text-align: center;

  text-transform: uppercase !important;

  display: inline-block;

  font-family: "Poppins", sans-serif !important;

}

/* .flm1:hover .megaMenu-submenu li.active a{background-color: #a9b1b7;} */

@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}



/* Discuss Modal */

.discuss_modal {

    display: none;

}

.discuss_modal.show {

    display: block !important;

    opacity: 1 !important;

    visibility: visible !important;

}

.modal-backdrop {

    z-index: 1050 !important;

}

.modal-dialog {

    z-index: 1060 !important;

}

.discuss_modal .modal-content {

    position: relative;

    z-index: 1070 !important;

    border-radius: 15px;

    background:none;

}

.modal_con_bg{

    background: rgba(29, 34, 71, 1); 

    width:100%; 

    border-radius:16px;

} 

.discuss_modal .modal-body{

    padding:0px;

}

.discuss_lt{

    padding:32px; 

    overflow:hidden; 

}

.discuss_lt p{

    margin:0;

    font-size:16px;

    color:rgba(136, 136, 136, 1);

    font-weight:600; 

    line-height:27px;

}

.discuss_lt h4{

    margin:0;

    font-size:35px;

    color:rgb(255, 255, 255);

    font-weight:600; 

    line-height:39px;

}

.discuss_lt h4 span{

    color:rgba(255, 171, 64, 1)

}

.discuss_lt .testimonialBox{

    background:#343758; 

    margin-top:28px; 

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

}

.discuss_modal_swiper .swiper-pagination-bullet {

    background: #ffab40;   

    opacity: 0.6;

}

.swiper-pagination-bullet-active {

    background: #fff;      /* active bullet */

    opacity: 1;

}

.discuss_rt{

    background:rgba(253, 237, 235, 1); 

    padding:32px; height:100%; 

    border-radius: 0 16px 16px 0;

}

.discuss_rt .heading-5{

    font-weight:600; 

    font-size:30px; 

    color:rgba(47, 47, 47, 1); 

    margin:0px; 

    text-transform:uppercase;

}

.discuss_rt .heading-5 span{

    color:rgba(231, 76, 60, 1);

}

.dicuss_appoint{

    width:100%; 

    margin-top:20px; 

    display:flex; 

    justify-content:space-between; 

    align-items:center;

}

.dicuss_appoint_lt{

    width:auto;

}

.dicuss_appoint_lt a{

    font-size:13px; 

    line-height:19px; 

    color:rgba(231, 76, 60, 1); 

    text-decoration:underline !important;

}

.dicuss_appoint_lt a img{

    margin-right:6px;

}

.dicuss_appoint_rt{

    width:auto;

}

.dicuss_appoint_rt a{

    font-size:13px; 

    line-height:19px; 

    color:rgba(231, 76, 60, 1); 

    text-decoration:underline !important;

}

.dicuss_appoint_rt a img{

    margin-right:6px;

}

.discuss_form{

    width: 100%; 

    margin-top:18px;

}

.discuss_form input[type="text"], 

.discuss_form input[type="email"], 

.discuss_form input[type="tel"], 

.discuss_form textarea, 

.discuss_form select {

    width: 100%;

    padding: 10px 15px;

    margin-bottom: 18px;

    border: 1px solid #ccc;

    border-radius: 5px;

    box-sizing: border-box;

    font-size: 14px;

    color: #333;

    background-color: #fff;

    min-height:43px;

    font-family: 'Poppins';

}

.discuss_form .error{

    bottom:3px !important;

}

.discuss_form input[type="text"]::placeholder, 

.discuss_form input[type="email"]::placeholder, 

.discuss_form input[type="tel"]::placeholder, 

.discuss_form textarea::placeholder {

    color: rgba(47, 47, 47, 1); font-weight:400;

}

.discuss_form .new_brief .attach_filesec{

    bottom:22px;

}

.discuss_form textarea {

    height: 88px !important; resize: vertical;

}

.discuss_terms{

    margin-top:22px;

}

.discuss_terms label{

    color:rgba(47, 47, 47, 1) !important; font-size:13px; font-weight:400; line-height:19px;

}

.discuss_terms label a{

    color:rgba(231, 76, 60, 1); 

}

.discuss_form .discuss_btn{

    background: #e74c3c;

    border-radius: 50px;

    color: #fff !important;

    padding: 14px 18px;

    font-weight: 500 !important;

    font-size: 16px;

    line-height: 19px;

    height: auto;

    text-transform: uppercase;

}

.discuss_form .discuss_btn:hover{

    background: #c0392b; 

    color:#fff !important; 

}   



.discuss_modal .btn-close{

    /* position:absolute;

    right: 4px;

    top: 4px; */

    opacity: 1;

    padding: 0;

} 

.close_btn_main{

    position:absolute; 

    right:16px; 

    top:16px; 

    width:24px; 

    height:24px; 

    z-index: 9999; 

    border: 1px solid rgba(47, 47, 47, 1);

    border-radius: 50%;

    text-align: center;

}

.milestoneSlider .swiper-slide {

    display: flex;

    justify-content: center;

    align-items: center;

}

.contact-checkbox:before{

    box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .06) !important;

    border: 1px solid #A1A1A1 !important;

}



.globaly_sec{

    width: 100%; 

    border-radius:16px; 

    background:rgba(253, 237, 235, 1); 

    padding:20px 16px; 

    margin-top:16px; 

    overflow:hidden;

}  

.globaly_sec h3{

    font-size:22px; 

    color:rgba(47, 47, 47, 1); 

    font-weight:600; 

    margin:0px 0 20px; 

    line-height:24px; 

    text-align:center; 

    text-transform:uppercase;

}

.globaly_sec h3 span{

    color:rgba(231, 76, 60, 1);

}

.discuss_modal_swiper .tIcon{

    width:50px; 

    height:50px;

}

.discuss_modal_swiper .testimonialIcon{

    font-size:14px;

}

.discuss_modal_swiper .testimonialBox{

    padding:24px; min-height:auto;

}

.discuss_modal_swiper .testimonialContent{

    min-height:215px;

}

.discuss_modal_swiper .swiper-pagination{

    text-align:left; 

    left:32px; 

    bottom:30px;

    pointer-events: none;

}

.discuss_modal_swiper .swiper-pagination-bullet{

    background:#343758;

}

#discussmodal ~ .modal-backdrop {

    background-color: rgb(17, 20, 43) !important; 

    opacity: .96;

}

/* Discuss Modal */



header {

    z-index: 99 !important;

}



div a,

div a:hover {

    color: #FFAB40;

}



img {

    font-size: 10px;

}



section {

    padding: 80px 0;

    font-size: 16px;

    line-height: 1.5;

    position: relative;

    overflow:hidden;

    /* content-visibility: auto;

    contain-intrinsic-size: auto 500px; */

}



.container {

    max-width: 1170px !important;

}



a {

    text-decoration: none !important;

}



.fbc-page .fbc-wrap .fbc-items li a,

.fbc-page .fbc-wrap .fbc-items li .fbc-separator {

    color: #888888 !important;

    text-decoration: none;

}



.fbc-page .fbc-wrap .fbc-items li.active span {

    color: #e74c3c !important;

}



.swiper-pagination {

    z-index: 1;

}



.swiper-pagination-two,

.swiper-pagination-three {

    text-align: center;

    position: absolute;

    bottom: 0 !important;

}



.swiper-pagination-bullet {

    width: 12px !important;

    height: 12px !important;

    background-color: #C3C3C3;

    opacity: 1 !important;

}



.swiper-pagination-bullet-active {

    width: 43px !important;

    height: 12px !important;

    border-radius: 50px !important;

    -webkit-border-radius: 50px !important;

    background-color: #e74c3c !important;

}

















/* HOME PAGE */

.homebannerSection {

    padding: 0;

}



.home-banner {

    background-color: #11142B;

    /* height: calc(100vh - 60px); */

    height: calc(100vh - 0px);

    width: 100%;

}



.darkBlueBg {

    background-color: #11142B;

}



.home-banner .swiper-container {

    width: 100%;

    height: calc(100vh - 0px);

}



.home-banner .swiper-wrapper,

.home-banner .swiper-slide {

    width: 100%;

    height: calc(100vh - 0px);

}



.home-banner .swiper-slide p {

    font-weight: 600;

    font-size: 19px;

    line-height: 27px;

    letter-spacing: 0.8px;

    text-transform: uppercase;

    color: #C3C3C3;

}



.home-banner .swiper-slide h1,

.home-banner .swiper-slide h2 {

    font-weight: 700;

    font-size: 40px;

    line-height: 46px;

    text-transform: uppercase;

    margin-bottom: 35px;

}



.home-banner .swiper-slide h1 span.lite,

.home-banner .swiper-slide h2 span.lite {

    font-weight: 300;

    color: #C3C3C3;

}



.home-banner .swiper-slide h2 {

    min-height: 92px;

}



.home-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0;

    /* margin-right: 20px; */

    height: 60px !important;

    border-left: 1px solid #313F53;

    border-right: 1px solid #313F53;

}



.home-banner .swiper-pagination-bullet {

    position: relative;

    width: 156px;

    height: auto;

    text-align: left;

    border-radius: 0;

    -webkit-border-radius: 0;

    opacity: 1;

    margin-right: 20px;

    background-color: transparent;

}



.home-banner .swiper-pagination-bullet i {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 10px;

    background-color: hotpink;

}



.home-banner .swiper-pagination-bullet b {

    position: absolute;

    top: -1px;

    left: 0;

    z-index: 2;

    width: 0%;

    height: 2px;

    background-color: #E74C3C;

}



.home-banner .swiper-pagination-bullet-active {

    background-color: #171B39 !important;

    color: #fff !important;

}



.home-banner .swiper-pagination-bullet-active b {

    animation-name: countingBar;

    animation-duration: 5s;

    animation-timing-function: ease-in;

    animation-iteration-count: 1;

    animation-direction: alternate;

    animation-fill-mode: forwards;

}



.slide-image img {

    /* position: absolute;

    bottom: -15%;

    right: 0;

    left: 0; */

}



@keyframes countingBar {

    0% {

        width: 0;

    }



    100% {

        width: 100%;

    }

}



.side {

    position: absolute;

    top: 0;

    height: calc(100vh - 60px);

    /* width: 350px; */

    width: 100%;

    /* adjust side width */

    z-index: 1;

}



#particles-js-left {

    left: 0;

}



#particles-js-right {

    right: 0;

}



canvas {

    display: block !important;

    height: calc(100vh - 0px) !important;

    width: 100% !important;

}



.home-banner a {

    min-width: 200px;

    height: 48px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 14px 24px;

    text-align: center;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    color: #fff;

}



.solid-btn {

    background: #E74C3C;

    transition: all linear .3s;

}



.solid-btn:hover {

    background-color: #B93D30;

    color: #fff;

    transition: all linear .3s;

}



.outline-btn {

    border: 1px solid #e74c3c;

    transition: all linear .3s;

}



.outline-btn:hover {

    color: #E74C3C;

    transition: all linear .3s;

}



.achievementImage img {

    max-width: 600px;

    width: 100%;

    height: auto;

    margin-top: 3%;

}



.achievementImage p {

    font-weight: 500 !important;

    font-size: 16px !important;

    line-height: 21px !important;

    letter-spacing: 1px !important;

    text-align: center;

    text-transform: capitalize !important;

    margin-top: 20px;

}



.home-banner .swiper-pagination {

    background-color: #11142B;

    border-top: 1px solid #313F53;

    min-height: 60px;

    bottom: 0;

    transition: all ease-in-out .5s;

}



.home-banner .swiper-pagination .swiper-pagination-bullet {

    width: 290px !important;

    color: #76787E;

    font-weight: 500;

    font-size: 15px;

    line-height: 19px;

    letter-spacing: 0.25px;

    text-transform: uppercase;

    border-left: 1px solid transparent;

    border-right: 1px solid transparent;

    background: transparent;

    /* border-top:2px solid transparent; */

}



.home-banner .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #171B39 !important;

    border-left: 1px solid #313F53;

    border-right: 1px solid #313F53;

    border-radius: 0 !important;

    -webkit-border-radius: 0 !important;

    /* border-top:2px solid #E74C3C; */

}



.bannerList {

    list-style: none;

    margin: 0;

    padding: 0;

    margin-top: 60px;

}



.bannerList li {

    border-left: 1px dashed #6A6A6A;

    padding-left: 14px;

    margin-right: 45px;

    white-space: nowrap;

}



.bannerList li p:first-child {

    font-weight: 400;

    font-size: 14px;

    line-height: 16px;

    letter-spacing: 0.1px;

    color: #fff;

    text-transform: capitalize !important;

    margin-bottom: 6px;

}



.bannerList li p:last-child {

    font-weight: 300;

    font-size: 20px;

    line-height: 25px;

    letter-spacing: 0.3px;

    color: #FFBC66;

    text-transform: capitalize !important;

    margin-bottom: 0;

}



.gridSwiper .clientBox {

    min-height: 108px;

    border: 1px dashed #F5B7B1;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 22px 16px;

    margin-top: 16px;
    display:flex;
    align-items: center;

}



.gridSwiper .clientBox img {

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    max-width: 100%;

    height: 100%;

}



.gridSwiper .clientBox:hover img {

    -webkit-filter: none;

    filter: none;

}



.gridSwiper .clientBox .heading5,

.gridSwiper .clientBox h5 {

    font-weight: 600;

    font-size: 30px;

    line-height: 28px;

    letter-spacing: 0.3px;

}



.gridSwiper .clientBox .heading5 sup,

.gridSwiper .clientBox h5 sup {

    font-weight: 600;

    font-size: 18px;

    line-height: 17px;

}



.gridSwiper .clientBox p {

    font-weight: 500;

    font-size: 14px;

    line-height: 18px;

}



.heading3 {

    font-weight: 600;

    font-size: 30px;

    line-height: 35px;

    text-transform: uppercase;

    margin-bottom: 12px;

}



.yellowBox {

    background-color: #FFAB40;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 32px;

}



#infoBox {

    background-color: #AEB4DE;

    transition: all ease-in-out .3s;

}



#infoBox:hover {

    background-color: #FFAB40;

    transition: all ease-in-out .3s;

}



#infoBox:hover #slideLink img {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transition: all ease-in-out .3s;

}



.yellowBox p {

    font-weight: 400;

    font-size: 16px;

    line-height: 27px;

    color: #11142B;

}



.yellowBox p span {

    font-weight: 700;

    font-size: 25px;

    line-height: 27px;

    letter-spacing: -0.1px;

    text-transform: uppercase;

    color: #2F2F2F;



}



.yellowBox h2 {

    font-weight: 600;

    font-size: 36px;

    line-height: 41px;

    text-transform: capitalize;

}



.yellowBox h4,

.trustTxt {

    font-weight: 600;

    font-size: 40px;

    line-height: 45px;

    text-transform: capitalize;

}



.pad_bot {

    padding-bottom: 64px;

}



.trusted_sec {

    padding: 80px 0;

}



.follow_pad {

    padding: 80px 0 !important;

}



.fs-14 {

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

}



.mar_top {

    margin-top: 45px !important;

}



.dashed-box {

    border: 1px dashed #F1948A;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 19px;

    min-height: 114px;

}



.dashed-box img {

    margin-bottom: 14px;

}



.dashed-box p {

    font-weight: 600;

    font-size: 15px;

    line-height: 19px;

    letter-spacing: 0.2px;

    color: #fff;

}



#collaborationAccordion .accordion-item {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    background-color: #fff;

    margin-bottom: 20px;

    border: none;

}



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

    width: 32px;

    height: 32px;

    background-color: #E74C3C;

    padding: 8px;

    margin-right: 10px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

}



.accordion-button.collapsed .accordionIcon {

    width: 32px;

    height: 32px;

    background-color: #2F2F2F;

    padding: 8px;

    margin-right: 10px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

}
.accordionIcon img{
    max-width: 100%;
    width: 100%;
}



#collaborationAccordion .accordion-button {

    font-weight: 600;

    font-size: 18px;

    line-height: 30px;

    text-transform: capitalize;

    background-color: #fff;

    border: none;

    box-shadow: none;

}



#collaborationAccordion .accordion-button:focus {

    outline: none;

    box-shadow: none;

    border: none;

}



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

    color: #2F2F2F;

    width: 32px !important;

    height: 32px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;

    background-color: #EDEDED;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    border: 1px solid #EDEDED;

    background-position: center;

}



.accordion-button:not(.collapsed) {

    pointer-events: none;

}



#collaborationAccordion .accordion-button::after {

    width: 32px !important;

    height: 32px !important;

    background-color: #fff;

    border: 1px solid #EDEDED;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    background-position: center;

}



.accordion-inner {

    background-color: #11142B;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 16px 24px;

    margin-bottom: 15px;

    font-weight: 400;

    font-size: 16px;

    line-height: 27px;

}



.accordion-inner p {

    font-weight: 400;

    font-size: 16px;

    line-height: 27px;

    margin-bottom: 22px;

}



.accordion-list p {

    color: #FFAB40;

    font-weight: 600;

    font-size: 14px;

    line-height: 19px;

    letter-spacing: 0.2px;

    margin-bottom: 16px;

}



.accordion-list p span {

    width: 32px;

    height: 32px;

    background-color: #3A3F65;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    margin-right: 10px;

    font-weight: 500;

}



.accordion-inner a {

    height: 48px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 14px 24px;

    text-align: center;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    color: #fff;

}



.serviceSliderArea {

    background-color: #11142B;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    width: 100vw;

    position: absolute;

    z-index: 1;

    height: 100%;

    left: 70px;

}



.transformBox {

    transform: translate(-50px, 0);

}



/* .transformBox .yellowBox{

    margin-top: 25px;

} */

.project {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    overflow: hidden;

    /* border: 2px solid #fff; */

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    margin-left: -15px;

    transition: transform 0.3s;

}



.project:first-child {

    margin-left: 0;

}



.project img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



/* 

.project:hover {

    transform: scale(1.1);

    z-index: 10;

} */

.serverHomeSlider {

    width: 100%;

    /* height: 430px; */

}

.serverHomeSlider .swiper-slide{

    display: flex;

    align-items: center;

    justify-content: center;

}

.serverHomeSlider .swiper-slide>div {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    position: relative;

}



.serverHomeSlider .swiper-pagination-fraction {

    position: absolute;

    left: 46%;

    width: auto;

    bottom:15px;

}



.serverHomeSlider .swiper-pagination {

    width: auto;

    right: -10%;

    text-align: right;

}



.serviceOverlay {

    /* background: linear-gradient(180deg, rgba(50, 50, 50, 0) 0%, #323232 100%); */

    padding: 24px 32px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    overflow: hidden;

    transition: all ease-in-out .5s;

    top: 0;

}



.serviceOverlay h3 {

    font-weight: 600;

    font-size: 36px;

    line-height: 41px;

    color: #FFFFFF;

    transition: all ease-in-out .5s;

    margin-top: 16px;

}



.serviceOverlay p {

    font-weight: 400;

    font-size: 15px !important;

    line-height: 21px !important;

    color: #11142B;

    margin-top: 16px;

    margin-bottom: 0;

    /* height: 0; */

    opacity: 0;

    transition: all ease-in-out .3s;

}



.serviceOverlay:hover {

    background: #FFAB40;

    top: 0;

    transition: all ease-in-out .2s;

}



.serviceOverlay:hover h3 {

    color: #fff;

    transition: all ease-in-out .5s;

}



.serviceOverlay:hover p {

    opacity: 1;

    /* min-height: 100px; */

    height: auto;

    transition: all ease-in-out .5s;

}



.watermarkText {

    color: #C3C3C3;

    font-size: 60px;

    text-transform: uppercase;

    line-height: 54px;

    opacity: .48;

}



.watermarkText span {

    font-weight: 700;

    font-size: 70px;

    line-height: 70px;

}



.expertiseSlider {

    clip-path: inset(0 -322px 0 40px);

}



.expertiseSlider .swiper-slide img {

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}



.expertiseSlider .swiper-slide img:hover {

    -webkit-filter: none;

    filter: none;

}





.whiteCard {

    background-color: #fff;

    border-radius: 16px;

    overflow: hidden;

    transition: all ease-in-out .5s;

    position: relative;

}



.whiteCard:hover {

    background-color: #E74C3C;

    transition: all ease-in-out .5s;

}



.whiteCardInner {

    padding: 24px;

}



.whiteCard h3 {

    font-weight: 600;

    font-size: 32px;

    line-height: 37px;

    text-transform: capitalize;

    color: #2F2F2F;

    margin-bottom: 12px;

    transition: all ease-in-out .5s;

}



.whiteCard h3 span {

    color: #E74C3C;

    transition: all ease-in-out .5s;

}



.whiteCard p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #4D4D4D;

    transition: all ease-in-out .5s;

}



.whiteCard:hover h3 {

    color: #fff;

    transition: all ease-in-out .5s;

}



.whiteCard:hover h3 span {

    color: #FFAB40;

    transition: all ease-in-out .5s;

}



.whiteCard:hover p {

    color: #fff;

    transition: all ease-in-out .5s;

}



.expList span {

    border: 1px dashed #EC7063;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    padding: 4px 8px;

    display: inline-block;

    font-weight: 500;

    font-size: 12px;

    line-height: 24px;

    color: #2F2F2F;

}



.whiteCard:hover .expList span {

    border: 1px dashed #fff;

    color: #fff;

}



.expImg {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

}



.serviceArrowIcon {

    /* position: absolute;

    top: 24px;

    right: 24px; */

    width: 40px;

    height: 40px;

    transition: all ease-in-out .3s;

}



.arrowIcon {

    position: absolute;

    top: 24px;

    right: 24px;

    width: 40px;

    height: 40px;

    transition: all ease-in-out .5s;

}



.serviceArrowIcon {

    opacity: 0;

    transition: all ease-in-out .3s;

}



.serviceOverlay:hover .serviceArrowIcon {

    opacity: 1;

    transition: all ease-in-out .3s;

}



.whiteCard .arrowIcon svg,

.serviceArrowIcon svg {

    transition: all ease-in-out .5s;

}



.whiteCard:hover .arrowIcon svg,

.serviceOverlay .serviceArrowIcon:hover svg {

    transform: rotate(45deg);

    transition: all ease-in-out .5s;

}



.whiteCard:hover .arrowIcon svg path {

    stroke: #fff;

    transition: all ease-in-out .5s;

}



.homeTab-container,

.homeTabMain-container {

    display: flex;

    overflow: hidden;

}



.homeTabsMain {

    display: flex;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #fff;

}



.homeTabsMain .homeTabsMainMenu {

    background-color: #fff;

    min-width: 344px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 4px;

    position: relative;



}



.homeTabsMainMenu .homeTabMain {

    font-weight: 500;

    font-size: 16px;

    line-height: 48px;

    text-align: center;

    color: #2F2F2F;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    min-height: 48px;

    text-transform: uppercase;

    width: 100%;

    cursor: pointer;

    position: relative;

    z-index: 2;

    transition: all ease-in-out .3s;

}



.homeTabsMainMenu .homeTabMain.active {

    background-color: #E74C3C;

    color: #fff;

    transition: all ease-in-out .3s;

}



.homeTabMain.service.active,

.homeTabMain.industry.active {

    background-color: transparent;

}



.active-state__bar {

    background-color: #E74C3C;

    width: 168px;

    height: 48px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    position: absolute;

    left: 5px;

    z-index: 1;

    transition: all 0.3s ease-out;

}



.homeTabMain.industry.active~.active-state__bar {

    left: 170px;

    /* right: 5px; */

    transition: all 0.3s ease-out;

}



.homeTabsMainMenu .homeTabMain.active:after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    border-left: 1px solid #fff;

    border-right: 0px solid #fff;

    border-bottom: 0px solid transparent;

    border-top: 1px solid #fff;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -32px;

    transform: rotate(45deg);

    background: #FFAB40;

    transition: all ease-in-out .3s;

}



.homeTabMain-content,

.homeTab-content,

.industryTab-content {

    display: none;

    opacity: 0;

    transition: opacity 1s ease, visibility 1s ease;

}



.homeTabMain-content.active,

.homeTab-content.active,

.industryTab-content.active {

    display: block;

    opacity: 1;

    transition: opacity 1s ease, visibility 1s ease;

}



.homeTab,

.industryTab {

    font-weight: 500;

    font-size: 15px;

    line-height: 21px;

    letter-spacing: 0.2px;

    text-align: center;

    text-transform: uppercase;

    color: #2F2F2F;

    border-bottom: 1px solid transparent;

    cursor: pointer;

}



.homeTab.active,

.industryTab.active {

    color: #fff;

    border-bottom: 1px solid #fff;

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

}



.tabRoundBox {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    background-color: #0C0E1C;

    position: relative;

    max-height: 380px;

}



.tabRoundBox img {

    opacity: 0.2;

    transition: opacity ease-in-out .5s;

}



.tabRoundBox:hover img {

    opacity: 0.6;

    transition: opacity ease-in-out .5s;

}



.tabRoundBoxInner {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 32px;

}



.tabRoundBoxInner h3 {

    font-weight: 500;

    font-size: 24px;

    line-height: 30px;

    text-transform: capitalize;

    margin-bottom: 22px;

    color: #fff;

    padding-right: 30%;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.tabRoundBoxInner>p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    color: #C3C3C3;

    margin-bottom: 30px;

}



.tabRoundBoxInner .appInfo img {

    opacity: 1;

}



.tabRoundBoxInner .appInfo {

    font-weight: 500;

    font-size: 11px;

    line-height: 11px;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #fff;



}



.tabRoundBoxInner .appInfo p {

    color: #FFAB40;

    font-weight: 500;

    font-size: 14px;

    line-height: 18px;

    text-transform: capitalize;

    margin: 0;

    width: 200px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.dashLine {

    width: 100%;

    border-top: 1px dashed #FFAB40;

    margin-left: 10px;

}



.industryTabDetails {

    background-color: #FFCD8C;

    border: 1px dashed #FFDDB3;

    padding: 32px;

    height: 100%;

    transition: all ease-in-out .5s;

    position: relative;

}



.tabRoundBox:hover .industryTabDetails {

    background-color: #FFEED9;

    border: 1px dashed #FFAB40;

    transition: all ease-in-out .5s;

}



.industryTabDetails h3 {

    font-weight: 500;

    font-size: 24px;

    line-height: 32px;

    text-transform: capitalize;

    margin-bottom: 30px;

}



.floatingArrow {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .5s;
    z-index: 1;
}

.tabRoundBox:hover .floatingArrow {
    opacity: 1;
    visibility: visible;
    transition: all ease-in-out .5s;
}

.numbered-list {
    list-style: none;
    padding: 15px 0 0;
    margin: 0;
}

.industryTabDetails .numbered-list li {
    margin-bottom: 15px;
}

.numbered-list li {
    /* display: flex; */
    align-items: center;
    margin-bottom: 12px;
    font-weight: 500;
    color: #1a1a1a;
    font-size: 15px;
    line-height: 19px;
}

.numbered-list li:last-child {
    margin-bottom: 0;
}

.numbered-list li::before {
    content: counter(item);
    counter-increment: item;
    background: #2F2F2F;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    margin-right: 10px;
    float: left;
}

.numbered-list {
    counter-reset: item;
}

.iconTab {
    border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px 0 0 50px;
    background-color: #FDEDEB;
    padding: 6px;
    margin-bottom: 6px;
    position: relative;
    cursor: pointer;
}

.iconTab .iconBg {
    background-color: #fff;
    width: 64px;
    height: 64px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    transition: all ease-in-out .3s;
    position: relative;
}

.iconTooltip {
    display: inline-block;
    background-color: #1D2247;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    z-index: 1;
    pointer-events: none;
    bottom: -35px;
    margin: 0 auto;
    width: fit-content;
}
.iconTooltip:before {
    content: '';
    background: url("../../../uploads/2026/03/tooltipArrow-1.png");
    width: 16px;
    height: 28px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    transform: rotate(270deg);
    top: -15px;
    right: 0;
    opacity: 0;
    margin: 0 auto;
}
.iconBg:hover .iconTooltip {
    opacity: 1;
}
.iconBg:hover .iconTooltip:before  {
    opacity: 1;
}
.iconTab.active .iconBg {
    background-color: #E74C3C;
    transition: all ease-in-out .3s;
}
.iconTab.active .iconBg svg path {
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2);
    transition: all ease-in-out .3s;
}
.iconTab.active .iconBg img {

    filter: brightness(15);

    -webkit-filter: brightness(15)

}



.iconTab-content {

    background-color: #FDEDEB;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    flex: 1;

    display: none;

    opacity: 0;

    transition: opacity .3s ease;

    min-height: 440px;

}



.iconTab-content.active {

    display: block;

    opacity: 1;

    transition: opacity .3s ease;

}



.iconTab-content h3 {

    font-weight: 600;

    font-size: 32px;

    line-height: 37px;

    text-transform: capitalize;

    margin-bottom: 24px;

}



.iconTab-content p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 36px;

}



.iconTab-content a {

    min-width: 174px;

    height: 48px;

    padding: 14px 24px;

    text-align: center;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    color: #E74C3C;

    border: 1px solid #E74C3C;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    margin-top: 43px;

}



.iconTab-content a:hover {

    color: #E74C3C;

}



.iconTab.active:before {

    content: '';

    position: absolute;

    inset: 0;

    left: -2px;

    top: -2px;

    border-radius: 50px 0 0 50px;

    -webkit-border-radius: 50px 0 0 50px;

    background-image: linear-gradient(270deg, #FDEDEB 20%, #E74C3C 100%);

    width: 80px;

    height: 80px;

    z-index: -1;

    /* transition: all ease-in-out .5s; */

}



.iconTab-image {

    width: 100%;

    height: 100%;

    border-radius: 16px;

    overflow: hidden;

}



.iconTab-image img {

    height: 100%;

    object-fit: cover;

}



.custom-dot {

    width: 12px;

    height: 12px;

    background: #C3C3C3;

    opacity: 40%;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    margin: 0 5px;

    cursor: pointer;

}



.custom-dot.active {

    background: #E74C3C;

    opacity: 1;

}



.roundedBtn {

    height: 48px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 14px 24px;

    text-align: center;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

}



.serviceMobileSlider .swiper-slide {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

}



.serviceMobileSlider .serviceOverlay h3 {

    font-size: 28px;

    line-height: 30px;

}



#technologiesAccordion .accordion-item {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    background-color: #FDEDEB;

    margin-bottom: 20px;

    border: none;

}



#technologiesAccordion .accordion-button {

    font-weight: 600;

    font-size: 18px;

    line-height: 30px;

    text-transform: capitalize;

    background-color: transparent;

    border: none;

    box-shadow: none;

}



#technologiesAccordion .accordion-button:not(.collapsed) {

    color: #E74C3C;

}



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

    color: #2F2F2F;

    width: 32px !important;

    height: 32px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;

    background-color: #fff;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    border: 1px solid #fff;

    background-position: center;

}



#technologiesAccordion .accordion-button::after {

    width: 32px !important;

    height: 32px !important;

    background-color: #fff;

    border: 1px solid #fff;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    background-position: center;

}



#technologiesAccordion .accordion-inner {

    background-color: transparent;

    border: 1px dashed #F5B7B1;

    padding: 0;

}



#technologiesAccordion .accordion-list p {

    color: #2F2F2F

}



#technologiesAccordion .accordion-list p span {

    color: #FFAB40

}



#technologiesAccordion .accordion-inner a {

    height: 48px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 14px 24px;

    text-align: center;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    color: #E74C3C;

}





/* ========================================================= END HOME PAGE ========================================= */





.header-banner {

    width: 100%;

    min-height: 588px;

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    color: #fff;

    margin-top: 0px !important;

    padding: 120px 0 70px 0 !important;

}



.header-banner h1 {

    font-size: 52px;

    line-height: 56px;

    font-weight: 700;

    margin-bottom: 15px;

    text-transform: uppercase;

    margin-top: 32px;

}



.header-banner h1 span {

    color: rgba(255, 171, 64, 1);

    font-size: 50px;

    line-height: 40px;

}



.header-banner h1 small {

    font-size: 30px;

    font-weight: 400;

    line-height: 40px;

    color: #fff;

}



.header-banner p {

    font-size: 19px;

    line-height: 27px;

    font-weight: 600;

    color: rgba(195, 195, 195, 1);

    margin: 0;

    text-transform: uppercase;

}



.cardImg {

    /* transform: translate(0, 26%); */

    position: absolute;

    z-index: 1;

    text-align: center;

    bottom: -15%;

    right: 0;

}



.cardImg img {

    width: 100%;

}



.trustedIcon {

    margin-top: 74px;

}



.buttonBox {

    width: 100%;

    margin-top: 44px;

}



.buttonBox a+a {

    margin: 0 10px;

}



.trustedIcon p {

    color: rgba(195, 195, 195, 1);

    margin: 0px;

    font-size: 16px;

    font-weight: 500;

    margin-top: 20px;

}



.redBtn {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 10px 20px;

    line-height: 1.6;

    background-color: #e74c3c;

    transition: all ease-in-out .3s;

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

}



.redBtn:hover,

.redBtn:focus,

.redBtn:active {

    background-color: #b93d30;

    transition: all ease-in-out .3s;

    color: #fff;

}



.yellowBtn {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 10px 20px;

    line-height: 1.6;

    background-color: #FFAB40;

    transition: all ease-in-out .3s;

    display: inline-block;

}



.yellowBtn:hover,

.yellowBtn:focus,

.yellowBtn:active {

    background-color: #D18B33;

    transition: all ease-in-out .3s;

    color: #000;

}



.redSection {

    background: #e74c3c;

    padding: 80px 0 80px;

}



.clientSlider {

    margin-top: 30px;

}



.clientSliderTop {

    margin-top: 35px;

}



.clientSlider .swiper-slide {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 0px 20px;

    background: #fff;

    overflow: hidden;

    border: 1px solid #DFDFDF;

    text-align: center;

}



.clientSlider .swiper-slide img,

.clientSliderTop .swiper-slide img {

    width: 100%;

}



.clientSliderTop .swiper-slide img {

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}



.clientSliderTop .swiper-slide:hover img {

    -webkit-filter: none;

    filter: none;

}



.clientSliderTop .swiper-slide {

    padding: 10px 10px;

    overflow: hidden;

    text-align: center;

}



.pageTitle {

    font-size: 38px;

    line-height: 44px;

    font-weight: 600;

    text-transform: uppercase;

    position: relative;

    margin: 0;

    letter-spacing: .5px;

    color: #2F2F2F;

    margin-bottom: 32px;

}



.pageSubTitle {

    color: #2F2F2F;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-top: 5px;

    text-align: center;

    text-wrap: balance;

}



.text-red {

    color: #e74c3c !important;

}



.text-yellow {

    color: #FFAB40;

}



.text-dark {

    color: #2F2F2F;

}



.text-gray {

    color: #A5A5A5;

}



.text-grayWhite {

    color: #FDEDEB;

}



.redDevider {

    position: relative;

    margin-bottom: -78px;

    z-index: 1;

    background: #fdedeb;

}



.gradientBg {

    background: linear-gradient(180deg, #FDEDEB 0%, #FFFFFF 100%);

    padding-top: 80px;

}



.tab-pane.fade.active {

    opacity: 1;

}



#featureTab {

    border-bottom: 1px solid #E74C3C;

}



#portfolioTab,

#expertiseTab {

    border-bottom: none;

}



#expTab {

    width: fit-content;

    margin: 0 auto;

    border-radius: 50px;

    margin-bottom: 24px;

    background-color: #fff;

    border: none;

    /* box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16); */

}



/* #expTab li{

    padding-bottom: 25px;

} */

#featureTab li {

    margin: 0 25px;

}



#featureTab .nav-link,

#expTab .nav-link {

    border: none;

    color: #2F2F2F;

    font-weight: 500;

    font-size: 16px;

    background: none;

    position: relative;

}



#featureTab .nav-link img {

    -webkit-filter: grayscale(1) brightness(0.8);

    filter: grayscale(1) brightness(0.8);

}



#featureTab .nav-link.active img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}



#featureTab .nav-link.active,

#expTab .nav-link.active {

    color: #E74C3C

}



#featureTab .nav-link.active:after,

/* #portfolioTab .nav-link.active:after, */

#expTab .nav-link.active:after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    border-left: 1px solid #e74c3c;

    border-right: 0px solid #e74c3c;

    border-bottom: 0px solid transparent;

    border-top: 1px solid #e74c3c;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -7px;

    transform: rotate(45deg);

    background: #fef5f4;

}



#expertiseTab .nav-link.active:after,

#portfolioTab .nav-link.active:after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    border-left: 1px solid #e74c3c;

    border-right: 0px solid #e74c3c;

    border-bottom: 0px solid transparent;

    border-top: 1px solid #e74c3c;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -43px;

    transform: rotate(45deg);

    background: #fff5f4;

}



#expertiseTab .nav-link.active:after {

    border-left: 1px solid #e74c3c;

    border-right: 0px solid #e74c3c;

    border-bottom: 0px solid transparent;

    border-top: 1px solid #e74c3c;

    background: #fff5f4;

}



#expTab .nav-link.active:after {

    bottom: -31px;

    background: #fff;

}



#expTabContent {

    border-top: 1px solid #e74c3c;

    padding-top: 30px;

}



#portfolioTab li,

#expertiseTab li {

    margin: 0 5px;

    margin-bottom: -1px;

}



#portfolioTab li {

    margin: 0px;

}



#portfolioTab li .nav-link {

    color: rgba(47, 47, 47, 1);

    font-size: 16px;

    font-weight: 400;

    min-width: 180px;

    line-height: 25px;

    text-align: center;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    text-transform: uppercase;

    background-color: #fff;

    border: none;

}



#expertiseTab li .nav-link {

    color: #2F2F2F;

    font-size: 16px;

    font-weight: 400;

    min-width: 130px;

    line-height: 25px;

    text-align: center;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    text-transform: uppercase;

    background-color: #fff;

    border: none;

}



#portfolioTab li .nav-link.active,

#expertiseTab li .nav-link.active {

    background: #e74c3c;

    color: #fff;

}



.featureBox {

    box-shadow: 0px 0px 16px 0px #00000029;

    background: #FFFFFF;

    padding: 10px 12px;

    border-radius: 16px;

    -webkit-border-radius: 16px;

}



.fetureImg {

    border-radius: 6px;

    -webkit-border-radius: 6px;

    background: #F0F0F0;

    padding: 12px;

    width: 72px;

    height: 68px;

    margin-right: 10px;

}



.fetureImg img {

    height: 100%;

    object-fit: contain;

}



.featureName {

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    letter-spacing: 0.25px;

}



.featureName small {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;



}



.topDevider {

    position: relative;

    margin-top: 100px;

}



.whiteBox {

    width: 100%;

    height: 100%;

    padding: 36px 30px 30px;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    /* box-shadow: 0px 0px 10px 0px #00000014; */

    background-color: #fff;

    position: relative;

}

.whiteBoxTitle{

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    text-align: center;

    margin-bottom: 16px;

}



.serviceIcon {

    margin-bottom: 24px;

}



.serviceDetails h4 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    text-align: center;

    color: #2F2F2F;

}



.serviceDetails p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    text-align: center;

    color: #4D4D4D;

    margin: 0;

    text-wrap: balance;

}



.yellowSection {

    background-color: #FFAB40;

    padding: 80px 0;

}



.faq_sec_main {
    padding: 80px 0;
    overflow: visible;
}



svg.radial-progress {

    height: auto;

    max-width: 120px;

    padding: 0;

    transform: rotate(-90deg);

    width: 100%;

    border-radius: 50%;

    -webkit-border-radius: 50%;

}



section.svg-container svg.radial-progress:nth-child(even) {

    margin: 0 15px;

}



svg.radial-progress circle {

    fill: transparent;

    stroke: #FFCD8C;

}



svg.radial-progress circle.bar-static {

    stroke: #FFCD8C !important;

}



svg.radial-progress circle.bar--animated {

    stroke-dasharray: 219.91148575129;

    stroke: #2F2F2F;

    stroke-dashoffset: 219.91148575129;

    stroke-width: 4px;

}



svg.radial-progress text {

    font-size: 0px;

    fill: #452D0D;

    text-anchor: middle;

}



.circleText {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    font-size: 24px;

    font-weight: 700;

    color: #452D0D;

    line-height: 28px;

    text-align: center;

    position: absolute;

}



.circleText sup {

    top: -4px;

    line-height: 0;

    font-size: 22px;

    font-weight: 700;

}



.uspText {

    font-size: 16px;

    font-weight: 600;

    color: #FFFFFF;

    line-height: 19px;

    margin-top: 15px;

    margin-bottom: 0;

}



.pinkishBg {

    background-color: #FFF5F4;

    padding: 80px 0;

    padding-bottom: 0px

}



.viewBox,

.ThumbItem {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    height: 100%;

}



.viewBox {

    height: 100%;

    position: relative;

    min-height: 465px;

    max-height: 465px;

}



.ThumbItem img,

.viewBox img {

    height: 100%;

    object-fit: cover;

    padding: 0;

}



.ThumbItem {

    height: 148px;

}



.viewBox>img {

    min-height: 465px;

}



.thumbnail {

    border: none;

    margin: 0;

    padding: 0;

}



.playBtn {

    position: absolute;

    bottom: 10px;

    right: 10px;

    color: #fff;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    padding: 6px;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    border: none;

    background-color: #e74c3c;

}



.playBtn:hover {

    background-color: #B93D30;

}



.innerTitle {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

}



.platfromBox {

    border: 0.5px dashed #A5A5A5;

    border-left: none;

    border-right: none;

    padding: 64px 0;

}



.gradientBg2 {

    background: linear-gradient(180deg, #FFF5F4 0.04%, #FFFCFB 100.06%);

}



.gradientBg3 {

    background: linear-gradient(180deg, #FFFCFB 0%, #FFFFFF 100.01%);

}



.gradientBg4 {

    background: linear-gradient(180deg, #FDEDEB 0%, #FFF8F8 100%);

}



.faqBg {

    background: linear-gradient(180deg, #FDEDEB 0%, #ffffff 100%);
    overflow: visible;

}



.removeSpace {

    padding-top: 40px !important;

    margin-top: 0 !important;

}



.darkBg {

    /* background-color: #11142B; */

    background-color: rgba(17, 20, 43, 1);

    padding-top: 250px;

    margin-top: -220px;

    /* height: auto !important; */

}

.touch1 {

    padding-right: 15px;

}

.techBox {

    border: 1px solid #DFDFDF;

    width: 100%;

    height: 80px;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    background-color: #fff;

}



.techBox img {

    height: 80px;

    object-fit: cover;

}



.timeLine {

    width: 100%;

    height: 1px;

    background-color: #2F2F2F;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 60.5%;

}



.stepNumber {

    width: 48px;

    height: 48px;

    background-color: #E74C3C;

    border: 0.8px solid #2F2F2F;

    color: #fff;

    text-align: center;

    font-weight: 600;

    font-size: 18px;

    line-height: 48px;

    margin: 0 auto;

    border-radius: 50%;

    -webkit-border-radius: 50%;

}



.topline,

.bottomline {

    position: relative;

}



.topline {

    margin-top: 25px;

    margin-bottom: 25px;

}



.bottomline {

    margin-top: 25px;

    margin-bottom: 25px;

}



.topline:before {

    position: absolute;

    content: '';

    width: 0px;

    height: 24px;

    background-color: #2F2F2F;

    left: 0;

    right: 0;

    top: -24px;

    margin: 0 auto;

    border-right: 0.5px solid #2F2F2F;

}



.bottomline:before {

    position: absolute;

    content: '';

    width: 0px;

    height: 24px;

    background-color: #2F2F2F;

    left: 0;

    right: 0;

    bottom: -24px;

    margin: 0 auto;

    border-right: 0.5px solid #2F2F2F;

}



.timeLineBox h3 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

}



.timeLineBox p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

}



.processText {

    min-height: 160px;

}



.watermark {

    height: 160px;

}



.horizontalScroll {

    width: 100vw;

}



.bulletList {

    list-style: none;

    padding: 0;

    margin: 0;

}



.bulletList li {

    margin-bottom: 24px;

}



.bulletList li h4 {

    font-weight: 600;

    font-size: 18px;

    line-height: 19px;

    color: #fff;

}



.bulletList li h4 span {

    width: 32px;

    height: 32px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    background-color: #2F2F2F;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: center;

    color: #FFAB40;

    display: inline-block;

}



.bulletList li p {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

}



.testimonialBox {

    /* border: 1px solid #F5B7B1; */

    border-radius: 16px;

    -webkit-border-radius: 16px;

    width: 100%;

    padding: 32px;

    background-color: #11142B;

    min-height: 411px;

}



/* .testimonialBox:hover{

    background-color: #fff;

} */

.testimonialContent {

    font-weight: 400;

    font-style: italic;

    font-size: 16px;

    line-height: 29px;

    color: #A5A5A5;

    margin: 15px 0;

    min-height: 235px;

    /*overflow: auto; */

    display: -webkit-box;

    -webkit-line-clamp: 8;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.testimonialIcon {

    font-weight: 500;

    font-size: 18px;

    line-height: 22px;

    color: #FFAB40;

    width: 250px;

    text-transform: capitalize;

}



.tIcon {

    width: 80px;

    height: 80px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    /* border: 1px solid #FADBD8; */

    overflow: hidden;

    margin-right: 15px;

    /* padding: 5px; */

    background-color: #fff;

}



.rating {

    color: #C3C3C3

}



.accoladesSlider .swiper-pagination-bullets {

    bottom: 0 !important;

}



.blogContainer {

    border-radius: 8px;

    -webkit-border-radius: 8px;

    overflow: hidden;

    position: relative;

    min-height: 480px;

    background-color: #2F2F2F;

    transition: all ease-in-out .5s;

    cursor: pointer;

}



.blogContainer img {

    object-fit: cover;

    height: 480px;

}



.blogContainer:hover img {

    opacity: .5;

    transition: all ease-in-out .5s;

}



.blogTitle,

.blogTitle a {

    font-weight: 600;

    font-size: 16px;

    line-height: 19px;

    color: #fff;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 250px;

}



.blogContent {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    padding: 24px;

    padding-top: 54px;

    background: linear-gradient(0deg, #111111 42.77%, rgba(17, 17, 17, 0) 100%);

}



.blogContent p {

    font-weight: 500;

    font-size: 12px;

    line-height: 21px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    /* change this to the number of lines you want */

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.viewArrow {

    width: 40px;

    height: 40px;

    visibility: hidden;

    margin-bottom: 20px;

}



.viewArrow img {

    width: 100%;

    height: 100%;

}



.blogContainer:hover .viewArrow {

    visibility: visible;

    transition: all ease-in-out .5s;

}



.blogContainer:hover .viewArrow img {

    opacity: 1;

    transition: all ease-in-out .5s;

}



#faq .accordion-item {

    border: none;

    border-radius: 8px !important;

    -webkit-border-radius: 8px !important;

    box-shadow: 0px 0px 16px 0px #00000029;

    margin-bottom: 15px;

    padding: 15px;

}



#faq .accordion-button {

    padding: 0;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    letter-spacing: 0.25px;

    background-color: transparent;

    color: #2F2F2F;

}



#faq .accordion-button:focus {

    outline: none;

    border: none;

    box-shadow: none;

}



#faq .accordion-button span {

    width: 24px;

    height: 24px;

    background-color: #2F2F2F;

    display: inline-block;

    margin-right: 10px;

    font-weight: 500;

    font-size: 12px;

    line-height: 24px;

    text-align: center;

    color: #fff;

    border-radius: 50px;

    -webkit-border-radius: 50px;

}



#faq .accordion-button:not(.collapsed) span {

    background-color: #E74C3C;

}



#faq .accordion-button:not(.collapsed) {

    box-shadow: none;

    color: #2F2F2F;

}



#faq .accordion-body {

    font-weight: 400;

    font-size: 13px;

    line-height: 21px;

    padding: 10px 35px;

}



.milestoneBox {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    background: #FFFFFF;

    border: 1px solid #DFDFDF;

    padding: 8px 20px;

    height: 88px;

    text-align: center;

    margin-right: 5px;

    width: 100%;

}



.milestoneBox+.milestoneBox {

    margin: 0 5px;

}



.milestoneBox img {

    /* width: 100%; */

    height: 100%;

    object-fit: contain;

}



.dashedBorder {

    border: 1px dashed #A5A5A5;

    border-left: none;

    border-right: none;

    padding: 64px 0;

}



.contactInfo p,

.contactInfo p a {

    font-weight: 700;

    font-size: 18px;

    line-height: 30px;

    /* text-transform: capitalize; */

    color: #2F2F2F;

    margin: 0;

}



.rightdashedBorder {

    border-right: 1px dashed #A5A5A5;

}



.redRoundBox {

    background-color: #e74c3c;

    border-radius: 16px 16px 0 0;

    -webkit-border-radius: 16px 16px 0 0;

    padding: 24px;

}



.redRoundBox h3 {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

}



.redRoundBox p {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    text-align: right;

}



.formHeading {

    border-bottom: 1px dashed #fff;

    padding-bottom: 10px;

    margin-bottom: 15px;

    position: relative;

}



.formHeading:after {

    content: '';

    position: absolute;

    width: 12px;

    height: 12px;

    border-left: 1px dashed #fff;

    border-right: 0px solid transparent;

    border-bottom: 0px solid transparent;

    border-top: 1px dashed #fff;

    left: 60px;

    right: 0;

    bottom: -6px;

    transform: rotate(45deg);

    background: #e74c3c;

}

.footerLink {

    color: #FFAB40;

    font-size: 14px;

}



.footerLink a {

    color: #fff !important;

    text-decoration: underline !important;

    font-weight: 400;

    font-size: 13px;

    line-height: 19px;

    text-align: center;

    text-decoration: underline;

    text-decoration-style: solid;

    text-decoration-skip-ink: auto;

}



.footer-form {

    background: transparent !important;

    position: relative;

    z-index: 1;

}
.footer-form .redRoundBox h3{
    font-size: 24px;
    line-height: 30px;
}



/* .footer-form input,

.footer-form textarea,

.footer-form select {

    border-radius: 4px !important;

    -webkit-border-radius: 4px !important;

    height: 45px !important;

    color: #2F2F2F;

    margin-bottom: 0 !important;

} */

.footer-form input, 

.footer-form textarea, 

.footer-form select {

    padding: 8px 12px;

    font-size: 13px;

    height: auto;

    outline: none;

    box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .06);

    border: 1px solid #d9d9d9;

    width: 100%;

    font-size: 14px;

    border-radius: 4px;

    -webkit-border-radius: 4px ;

    height: 45px;

}

.uploadsec {

    position: absolute;

    z-index: 0;

    opacity: 0;

}

.new_brief {

    position: relative;

}



.new_brief textarea {

    -webkit-appearance: none;

    appearance: none;

}

.new_brief .attach_filesec {

    bottom: 6px;

    position: absolute;

    right: 6px;

    cursor: pointer;

}

.iti{

    width:100%;

}

.file-btn2 {

    height: 33px;

    padding: 0px 10px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    background: #C3C3C3;

    border: none;

    color: #fff;

    font-size:14px;

}



.file-btn2:hover {

    color: #000;

    background-color: #FFAB40;

}



.footer-form ::placeholder {

    color: #2F2F2F;

    opacity: 1;

    /* Firefox */

}



.footer-form ::-ms-input-placeholder {

    /* Edge 12 -18 */

    color: #2F2F2F;

}



#nav_menu-2 {

    margin-bottom: 47px

}



#nav_menu-8 {

    margin-bottom: 25px;

}



#block-5 a {

    color: #fff;

}



.submit-button {

    background-color: #FFAB40 !important;

    border: none !important;

    color: #fff !important;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

}



.submit-button:hover {

    background-color: #D18B33 !important;

}



.submit-button:focus {

    border: none !important;

    box-shadow: none !important;

}



.iti__country {

    font-size: 13px;

}



#fileName {

    position: relative;

    left: -58px;

    color: #2F2F2F;

}



.error {

    position: absolute;

    width: 100%;

    bottom: -17px !important;

    left: 15px;

    color: #FFAB40 !important;

    font-size:10px;

}



.footer-form select {

    background-color: #fff !important;

}





.addressBox {

    border-radius: 0 0 16px 16px;

    -webkit-border-radius: 0 0 16px 16px;

    padding: 24px;

    background-color: #8B2E24;

}



.locationAddress h4 {

    font-weight: 700;

    font-size: 14px;

    line-height: 21px;

    color: #fff;

}



.locationAddress h4 span {

    font-weight: 400;

    font-size: 12px;

    line-height: 21px;



}



.locationAddress p {

    font-weight: 400;

    font-size: 12px !important;

    line-height: 17px;

    color: #F5B7B1;

    margin-bottom: 0;

}



.darkBg .widget_nav_menu h3,

.darkBg .widget_block h3 {

    margin: 0;

    font-weight: 700;

    font-size: 14px;

    line-height: 21px;

    color: #fff;

    padding-bottom: 10px;

}



.darkBg .widget_nav_menu h3:before,

.darkBg .widget_nav_menu h3:after,

.darkBg .widget_block h3:before,

.darkBg .widget_block h3:after {

    display: none;

}



.darkBg .menu a:before,

.darkBg .menu a:after {

    display: none !important;

}



.darkBg .menu a,

.darkBg .widget_block a {

    font-weight: 400;

    font-size: 13px;

    line-height: 21px;

    color: #A5A5A5;

    padding: 5px 0 0px 0 !important;

}



.copyrightBox {

    background-color: #F3F3F3;

    color: #4D4D4D;

    padding: 18px 0;

    font-weight: 400;

    font-size: 13px;

    line-height: 17px;

}



.footer-copyright-text span {

    display: inline-block;

    color: #C3C3C3;

    margin: 0 10px;

}



.footer-copyright-text a {

    color: #6A6A6A;

}



.accordion-button::after {



    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E") !important;

    transition: all 0.5s;

    background-size: 20px !important;

    width: 20px !important;

    height: 20px !important;

}



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

    color: #e74c3c;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='red' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;

    background-size: 20px !important;

    width: 20px !important;

    height: 20px !important;

}



.accordion-button::after {

    transition: all 0.5s;

}



.collapsBtn {

    display: none;

}



.engageFeature {

    background-color: #2E0F0C;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    padding: 8px;

}



.engageFeature-innerbox {

    background: linear-gradient(180deg, #604B49 0%, #473735 100%);

    box-shadow: 0px 0px 16px 0px #0000000F;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    padding: 16px;

    color: #FFFFFF;

    font-size: 13px;

    line-height: 14px;

    font-weight: 600;

    letter-spacing: 2px;

    text-align: center;

    text-transform: uppercase;

    min-width: 145px;

}



.engageFeature-innerbox img {

    width: 40px;

    height: 40px;

    margin-bottom: 14px;

}



.contact-checkbox {

    color: #fff;

    position: relative;

}



.contact-checkbox:before {

    content: '';

    appearance: none;

    -webkit-appearance: none;

    background-color: #fff !important;

    box-shadow: none !important;

    border: none !important;

    padding: 10px;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    margin-right: 5px;

    z-index: 1;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



.contact-checkbox input:checked+ :after {

    content: '';

    display: block;

    position: absolute;

    top: 6px !important;

    left: 8px;

    width: 5px !important;

    height: 10px !important;

    border: solid #707070;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

    z-index: 2;

}

.loader {
    width: 20px;
    position: absolute;
    right: 20px;
    top: 9px;
}
.loader img{
    width: 100%;
}
.fileNameUno{
    font-size: 0;
}



.submit-msg {

    background: transparent !important;

    color: #fff !important;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    padding: 0 5px;

    transform: translate(0px, 2px) !important;

    line-height: 20px !important;

    /* position: absolute; */

}



#file_error {

    right: 0;

    bottom: -21px !important;

}



.newSocial {

    display: block !important;

}



.newSocialLinks {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 120px;

}



.newSocialLinks li {

    display: inline-block;

    margin-right: 8px;

    margin-bottom: 8px;

}



.newSocialLinks li img {

    width: 24px;

    height: 24px;

}



div.widget ul.menu li a:hover,

.widget_block a:hover {

    color: #FFAB40 !important;

}



.engagementModel {

    padding: 30px 0;

    padding-top: 120px;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    color: #4D4D4D;



}



.engagementModel h1 {

    font-size: 64px;

    line-height: 40px;

    text-transform: uppercase;

    font-weight: 800;

    color: #2F2F2F;

}



.engagementModel .subTxt {

    font-weight: 700;

    font-size: 40px;

    line-height: 40px;

    text-transform: uppercase;

    color: #2F2F2F;

}



.characterPosition {

    bottom: -30px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.verticalSlider.swiper {

    width: 100%;

    height: 100%;

}



.verticalSlider .swiper-slide {

    font-size: 18px;

}



.verticalSlider h2 {

    font-weight: 600;

    font-size: 35px;

    line-height: 35px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.verticalSlider p {

    font-weight: 400;

    font-size: 15px;

    line-height: 20px;

    /* text-align: justify; */

    margin-bottom: 20px;

}



.verticalSlider ul {

    /* list-style: none; */

    padding-left: 23px;

    margin-bottom: 40px;

}



.verticalSlider ul li::marker {

    font-size: 16px;

    color: #E74C3C;

}



.verticalSlider ul li {

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    letter-spacing: 1px;

    margin-bottom: 8px;

}



.verticalSlider h4 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

}



.techItem span {

    display: inline-block;

    padding: 10px 16px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    border-style: solid;

    border-width: 1px;

    margin-right: 10px;

    margin-bottom: 14px;

    font-size: 14px;

    border-color: #A5A5A5;

}



.red-border {

    border-color: #E74C3C !important;

}



.yellow-border {

    border-color: #FFAB40 !important;

}



.deliveryModel .swiper-slide {

    height: 100%;

}



.deliveryModel .whiteBox {

    min-height: 350px;

}



.deliveryModel .swiper-pagination {

    bottom: 0;

}



.modelTable {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 8px 0 0 8px;

    -webkit-border-radius: 8px 0 0 8px;

    overflow: hidden;

    width: 167px;

}



.modelTable th {

    background-color: #B93D30;

    color: #fff;

    padding: 20px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.modelTable td {

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 23.5px 0;

}



.tableHeading {

    font-weight: 600;

    font-size: 13px;

    line-height: 15px;

    letter-spacing: 0.25px;

    text-align: center;

    text-transform: uppercase;

    background-color: #EC7063;

    border-color: #fff;

    color: #fff;

}



.tableHeadingSelected {

    background-color: #CF5C50

}



.modelTable td:last-child {

    border-bottom: 0;

}



.innerTable {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    overflow: hidden;

    width: 100%;

}



.innerTable th {

    background-color: #B93D30;

    color: #fff;

    padding: 20px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

    box-shadow: 0px 7px 15px 0px #00000029;

}



.innerTable td {

    border-color: #EC7063;

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 14px 0;

    background-color: #fff;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

    box-shadow: 0px 7px 15px 0px #00000029;

}



.innerTableSelected {

    background-color: #FDEDEB !important;

}



.innerTable tr:last-child td {

    border-bottom: 0;

}



.bestFit {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 8px 0 0 8px;

    -webkit-border-radius: 8px 0 0 8px;

    overflow: hidden;

    width: 100%;

}



.bestFit th {

    background-color: #B93D30;

    color: #fff;

    padding: 20px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.bestFit td {

    border-color: #EC7063;

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 14px 0;

    background-color: #FADBD8;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

}



.bestFit tr:last-child td,

.specialOffer tr:last-child td {

    border-bottom: 0;

}



.bestFitSelected {

    background-color: #FFCCC7 !important;

}



.specialOffer {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    overflow: hidden;

    width: 100%;

}



.specialOffer th {

    background-color: #8B2E24;

    color: #FFBC66;

    padding: 10px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.specialOffer td {

    background-color: #2E0F0C;

    color: #A5A5A5;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

    border-color: #EC7063;

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 20px 0;

}



.tableBtn {

    padding: 8px 14px;

    color: #fff;

    background-color: #FFAB40;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    font-weight: 500;

    font-size: 12px;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

    border: none;

}



.tableBtn:hover,

.tableBtn:focus,

.tableBtn:active {

    background-color: #D18B33;

    transition: all ease-in-out .3s;

    color: #000;

}



.offerBox {

    border-radius: 8px;

    -webkit-border-radius: 8px;

    border: 1px dashed #fff;

    padding: 30px 20px;

    width: 100%;

    position: relative;

}



.offerBox .yellowBtn {

    border: none;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    background-color: #FFAB40;

    color: #fff;

    padding: 14px 18px;

    font-weight: 400;

    font-size: 18px;

    line-height: 21px;

    text-align: center;

    text-transform: capitalize;

}



.offerBox .yellowBtn:hover {

    background-color: #D18B33;

    transition: all ease-in-out .5s;

}



.offerBox p {

    color: #FDEDEB;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

}



.offerBox:before {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    border-right: 1px dashed #fff;

    border-left: 0px dashed #fff;

    border-top: 0px solid transparent;

    border-bottom: 1px dashed #fff;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: -9px;

    transform: rotate(45deg);

    background: #E74C3C;

}



.offerBox:after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    border-left: 1px dashed #fff;

    border-right: 0px dashed #fff;

    border-bottom: 0px solid transparent;

    border-top: 1px dashed #fff;

    /* left: 0; */

    right: 75px;

    margin: 0 auto;

    top: -9px;

    transform: rotate(45deg);

    background: #E74C3C;

}



.offerTablemobile {

    border-radius: 8px;

    -webkit-border-radius: 8px;

    overflow: hidden;

}



.offerTablemobile h2 {

    background-color: #EC7063;

    font-weight: 600;

    font-size: 15px;

    line-height: 15px;

    text-align: center;

    text-transform: uppercase;

    padding: 15px 0;

    color: #fff;

    margin: 0;

}



.offerTablemobile table {

    width: 100%;

    background-color: #fff;

    border-collapse: collapse;

}



.offerTablemobile table td {

    border-bottom: 0.5px dashed #EC7063;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    color: #2F2F2F;

    padding: 13px;

    height: 70px;



}



.offerTablemobile table td:first-child {

    color: #4D4D4D;

    /* white-space: nowrap; */

    width: 113px;

    padding-right: 0;

}



.tableYellowBtn {

    color: #fff;

    font-size: 13px;

    font-weight: 400;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 5px 13px;

    line-height: 1.6;

    background-color: #FFAB40;

    transition: all ease-in-out .3s;

    display: inline-block;

}



.offerRow {

    background-color: #2E0F0C;

}



.highlightedRow {

    background-color: #FADBD8;

}



.highlightedRowDark {

    background-color: #1D2247;

}



.highlightedRowDark .uspText {

    font-size: 16px;

    font-weight: 600;

    color: #AEB4DE;

    line-height: 19px;

    margin-top: 15px;

    margin-bottom: 0;

}



.highlightedRowDark .trustedBy p {

    color: #AEB4DE;

}



.offerRow td {

    color: #A5A5A5 !important;

    border-bottom: none !important;

}



.mobileBorder {

    border: 1px solid #e74c3c;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    overflow: hidden;

}



/* Service Page */

.service-banner {

    padding: 30px 0;

    padding-top: 120px;

    color: #2F2F2F;

    background: linear-gradient(180deg, rgba(255, 238, 238, 0) 13.53%, #FFE5E2 100%);



}



.service-banner h1 {

    font-weight: 400;

    font-size: 60px;

    line-height: 60px;

    letter-spacing: 0;

    text-transform: uppercase;

    margin-top: 20px;

}



.service-banner .boldText {

    font-weight: 800;

    font-size: 64px;

    line-height: 48px;

    letter-spacing: -1.7px;

    text-transform: uppercase;

}



.service-banner .subHead {

    font-weight: 300;

    font-size: 37px;

    line-height: 30px;

    letter-spacing: -1.4px;

    text-transform: uppercase;

}



.service-banner .subHead strong {

    font-weight: 700;

}



.service-banner .trustedIcon {

    margin-top: 75px;

}



.floatingPoints {

    position: absolute;

    right: 30px;

    bottom: 30px;

}



.floatingPoints ul {

    padding: 0;

    list-style: none;

}



.floatingPoints ul li {

    display: block;

    width: 60px;

    height: 60px;

    background: #F5B7B1;

    border: 1px solid #F5B7B1;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    margin-bottom: 10px;

    transition: all ease-in-out .5s;

    /* cursor: pointer; */

    position: relative;

}



.floatingPoints ul li:hover {

    background: #fff;

    border: 1px solid #FADBD8;

    box-shadow: 2px 2px 8px 0px #0000001A;

    transition: all ease-in-out .5s;

}



.floatingPoints ul li img {

    width: 30px

}



.floatingTooltip {

    position: absolute;

    right: 20px;

    bottom: 15px;

    font-weight: 500;

    font-size: 12px;

    line-height: 21px;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    color: #fff;

    padding: 4px 10px;

    background-color: #2F2F2F;

    z-index: 3;

    white-space: nowrap;

    /* margin: 0 auto; */

    width: fit-content;

    opacity: 0;

    transition: all ease-in-out .5s;

    pointer-events: none;

}



.floatingPoints ul li:hover .floatingTooltip {

    opacity: 1;

    transition: all ease-in-out .8s;

    right: 70px;

}



.darkBg svg.radial-progress {

    height: auto;

    max-width: 120px;

    padding: 0;

    transform: rotate(-90deg);

    width: 100%;

    border-radius: 50%;

    -webkit-border-radius: 50%;

}



.darkBg .svg-container svg.radial-progress:nth-child(even) {

    margin: 0 15px;

}



.darkBg svg.radial-progress circle {

    fill: transparent;

    stroke: #6A6A6A;

}



.darkBg svg.radial-progress circle.bar-static {

    stroke: #6A6A6A !important;

}



.darkBg svg.radial-progress circle.bar--animated {

    stroke-dasharray: 219.91148575129;

    stroke: #FFAB40;

    stroke-dashoffset: 219.91148575129;

    stroke-width: 4px;

}



.darkBg svg.radial-progress text {

    font-size: 0px;

    fill: #fff;

    text-anchor: middle;

}



.darkBg .circleText {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    font-size: 24px;

    font-weight: 700;

    color: #fff;

    line-height: 28px;

    text-align: center;

    position: absolute;

}



.darkBg .circleText sup {

    top: -4px;

    line-height: 0;

    font-size: 22px;

    font-weight: 700;

}



.techBg {

    background-image: url(../../../uploads/2025/05/techCharacter.png);

    background-repeat: no-repeat;

    background-position: right bottom;

    background-size: 50%;

}



.verticalSliderBg {

    background-color: #FDEDEB;

    padding: 80px 0;

}



.verticalSwipe .swiper-pagination {

    right: 0 !important

}



.verticalSwipe .swiper-pagination .swiper-pagination-bullet {

    width: 5px !important;

    height: 80px !important;

    border-radius: 8px !important;

    -webkit-border-radius: 8px !important;

    background-color: #2F2F2F;

    opacity: 80% !important;



}



.verticalSwipe .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 100% !important;

    background-color: #2F2F2F !important;

}



.serviceTab {

    margin-right: -1px;

}



.serviceTab button {

    background: none;

    color: #000;

    text-align: left;

    padding: 16px 26px;

    font-weight: 600;

    font-size: 17px;

    line-height: 30px;

    text-transform: uppercase;

    border-bottom: 1px solid #F1948A;

    border-top: 1px solid #F1948A;

    /* border-right:4px solid transparent; */

    /* box-shadow: 1px 0 0px 1px #F1948A; */

    margin-bottom: -1px;

    border-left: 8px solid transparent;

    border-radius: 4px 0 0 4px !important;

    -webkit-border-radius: 4px 0 0 4px !important;

}



.serviceTab button:hover {

    color: #e74c3c !important;

}



.serviceTab button.active {

    color: #e74c3c !important;

    background: #fff !important;

    /* border-bottom: 1px solid #F1948A;

    border-top: 1px solid #F1948A; */

    border-left: 8px solid #E74C3C;

    border-radius: 4px 0 0 4px !important;

    -webkit-border-radius: 4px 0 0 4px !important;

    position: relative;

    border-right: 1px solid #fef4f3;

}



.serviceTab button.active:before {

    content: '';

    position: absolute;

    left: -8px;

    top: 0;

    width: 8px;

    height: 100%;

    background-color: #e74c3c;

    border-radius: 4px 0 0 4px;

    -webkit-border-radius: 4px 0 0 4px;

}



.serviceTabIcon {

    border: 1px solid #F5B7B1;

    width: 45px;

    height: 45px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

}



.serviceProvideBox {

    font-weight: 500;

    font-size: 14px;

    line-height: 19px;

    color: #2F2F2F;

}



.dedicatedHiredTab {

    border: 1px solid #F1948A;

    border-radius: 8px;

    min-height: 420px;

}



.dedicatedHiredTab a {

    display: block;

    padding: 8px;

    border: 1px solid transparent;

    transition: all linear .3s;

}



.dedicatedHiredTab a:hover {

    background: #fff;

    display: block;

    border-radius: 8px;

    padding: 8px;

    border: 1px solid #dddddd;

    box-shadow: 0 0 5px 0px #0000002b;

    transition: all linear .3s;

}



.tabItem {

    border-radius: 8px;

    -webkit-border-radius: 8px;

    overflow: hidden;

    position: relative;

    min-height: 480px;

    background-color: #2F2F2F;

}



.tabItem img {

    width: 100%;

    min-height: 480px;

    object-fit: cover;

    transition: all linear .2s;

}



.tabItem:hover img {

    opacity: .5;

    transition: all linear .2s;

}



.tabItemOverlay {

    background: linear-gradient(0deg, #111111 42.77%, rgba(17, 17, 17, 0) 100%);

    padding: 24px;

    padding-top: 56px;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    transition: all linear .2s;

    transform: translate(0, 0);

}



.tabItemOverlay h3 {

    font-weight: 600;

    font-size: 16px;

    line-height: 21px;

    margin-bottom: 10px;

    color: #fff;

}



.tabItemOverlay img {

    width: 40px !important;

    height: 39px !important;

    min-height: auto !important;

    opacity: 0;

}



.tabItem:hover .tabItemOverlay img {

    opacity: 1;

}



.tabItemOverlay p {

    font-weight: 500;

    font-size: 13px;

    line-height: 17px;

    margin: 0;

    color: #888888;

    opacity: 1;

    transition: all linear .2s;

}



.tabItemOverlay p span {

    color: #C3C3C3;

    text-transform: uppercase;

}



.tabItem:hover .tabItemOverlay p {

    opacity: 0;

    transition: all linear .2s;

}



.tabItem:hover .tabItemOverlay {

    transition: all linear .2s;

    transform: translate(0, 20px);

}





.tabItem2 {

    border-radius: 8px;

    -webkit-border-radius: 8px;

    overflow: hidden;

    position: relative;

    min-height: 480px;

    background-color: #fff;

    box-shadow: 0px 0px 16px 0px #00000029;

    border: 1px solid transparent;

    transition: all ease-in .3s;



}



.tabItem2:hover {

    border: 1px solid #FFAB40;

    transition: all ease-in .3s;

}



.tabItemOverlay2 {

    padding: 24px;

    position: absolute;

    bottom: 0;

    top: 0;

    transition: all ease-in-out .2s;

    justify-content: end;

}



.tabItem2:hover .tabItemOverlay2 {

    transition: all ease-in-out .2s;

    background: #fff;

    justify-content: space-between;

}



.AppIcon {

    width: 48px;

    height: 48px;

    border: 1px solid #FFAB40;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    padding: 5px;

    margin-right: 10px;

}



.AppName {

    font-weight: 600;

    font-size: 18px;

    line-height: 19px;

    text-align: center;

    color: #2F2F2F;

}



.AppDetails {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    color: #4D4D4D;

    margin-top: 8px;

    margin-bottom: 30px;

    max-height: 42px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    /* transition: all ease-in-out .3s; */

    text-wrap: balance;

}



.tabItem2:hover .AppDetails {

    max-height: 100%;

    display: -webkit-box;

    -webkit-line-clamp: unset;

    -webkit-box-orient: unset;

    overflow: hidden;

    text-overflow: unset;

    /* transition: all ease-in-out .3s; */

}



.AppStats h2 {

    font-weight: 600;

    font-size: 28px;

    line-height: 32px;

    text-transform: lowercase;

    color: #2F2F2F;

}



.AppStats h2 sup {

    top: -7px;

    font-size: 18px;

}



.AppStats p {

    font-weight: 400;

    font-size: 12px;

    line-height: 15px;

    color: #4D4D4D;

    margin: 0;

}



.openLink {

    width: 34px;

    height: 34px;

    position: absolute;

    top: 15px;

    right: 15px;

    opacity: 0;

    transition: all ease-in-out .2s;

    z-index: 1;

}



.tabItem2:hover .openLink {

    opacity: 1;

    transition: all ease-in-out .3s;

}



.tech-img {

    background-color: #fff;

    border: 1px solid #DFDFDF;

    border-radius: 8px;

    height: 84px;

}



.tech-img .padding {

    padding: 4px 30px;

    ;

}



#expertiseTabContent .show {

    opacity: 1;

}



#expertiseTabContent .fade:not(.show) {

    height: 0;

    opacity: 0;

    overflow: hidden;

}





.vtab-container {

    display: flex;

    /* max-width: 1000px;

    margin: 50px auto; */

    /* border: 1px solid #f4cccc; */

    /* border-radius: 8px; */

    overflow: hidden;

}



.vtabs {

    /* width: 250px; */

    /* background-color: #fff0f0; */

    display: flex;

    flex-direction: column;

    /* border-right: 1px solid #f4cccc; */

    padding-top: 10px;

}



.vtab {

    background: none;

    color: #000;

    text-align: left;

    padding: 16px 26px;

    font-weight: 600;

    font-size: 17px;

    line-height: 30px;

    text-transform: uppercase;

    border-bottom: 1px solid #F1948A;

    border-top: 1px solid #F1948A;

    /* border-right: 4px solid transparent; */

    /* box-shadow: 1px 0 0px 1px #F1948A; */

    margin-bottom: -1px;

    border-left: 8px solid transparent;

    border-radius: 4px 0 0 4px !important;

    -webkit-border-radius: 4px 0 0 4px !important;

    cursor: pointer;

    transition: all ease-in-out .3s;

}



.vtab:hover {

    background-color: #fff5f5;

    color: #e74c3c;

    transition: all ease-in-out .3s;

}



.vtab.active {

    background-color: #fff;

    border-left: 8px solid #e74c3c;

    color: #e74c3c;

    margin-right: -1px;

    border-right: 1px solid #fff5f5;

    z-index: 1;

}



.vtab-content {

    flex: 1;

    padding: 25px !important;

    background-color: #fff;

    display: none;

    opacity: 0;

    transition: opacity 0.3s ease;

    border: 1px solid #F1948A;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    min-height: 420px;

}



.vtab-content.active {

    display: block;

    opacity: 1;

}



.vtab-content a {

    display: block;

    padding: 8px;

    border: 1px solid transparent;

    transition: 0.3s linear;

}





.vtab-content a:hover {

    display: block;

    box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 5px 0px;

    background: rgb(255, 255, 255);

    border-radius: 8px;

    -webkit-border-radius: 8px;

    padding: 8px;

    border-width: 1px;

    border-style: solid;

    border-color: rgb(221, 221, 221);

    border-image: initial;

    transition: 0.3s linear;

}



.vtab-content a.bloglink:hover {

    box-shadow: none !important;

    border: 1px solid transparent;

}







/* -------------------------------------------------------------- */





.industry_blog {

    padding: 80px 0;

}



.industry_blog h2 {

    text-align: left;

}



.industry_blog_inn {

    /* margin-top: 30px; */

    background: #ffab40;

    /* padding: 15px 15px 37px; */

    border-radius: 16px;

    -webkit-border-radius: 16px;

    position: relative;

}



.industry_blog_inn img {

    width: 100%;

}



.industry_blog_dwn {

    position: absolute;

    background: #ffab40;

    /* border-radius: 218px 175px 76px 17px;

    width: 100%;

    height: 215px;

    bottom: -1px;

    right: -37px;

    padding: 44px 66px 0 55px; */

    border-radius: 100%;

    -webkit-border-radius: 100%;

    width: 467px;

    height: 500px;

    bottom: -317px;

    left: 15px;

    padding: 97px 150px 0 82px;

}



.industry_blog_dwn .ebook_heading {

    margin: 0px;

    font-size: 26px;

    line-height: 32px;

    font-weight: 600;

    color: #fff;

    /* padding-top: 47px; */

}



.industry_blog_dwn p {

    margin: 0px;

    font-size: 15px;

    line-height: 20px;

    font-weight: 400;

    color: #fff;

    padding-top: 10px;

}



.arrow_kone {

    width: 40px;

    height: 46px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    position: absolute;

    bottom: 19px;

    text-align: center;

    padding-top: 7px;

    transition: all ease-in-out .5s;

    /* filter: invert(0%); */

    left: 38px;

}



.industry_blog_inn .arrow_kone {

    bottom: -55px

}



.industry_blog_inn .arrow_kone svg {

    transition: all ease-in-out .5s;

}



.industry_blog_inn:hover .arrow_kone svg {

    transform: rotate(45deg);

    transition: all ease-in-out .4s;

}



.industry_blog_inn:hover .arrow_kone svg path {

    stroke: #2F2F2F;

    transition: all ease-in-out .4s;

}



.explore_txt {

    font-size: 14px;

    line-height: 19px;

    font-weight: 500;

    padding-top: 30px;

    margin: 0px;

    text-decoration: underline !important;

    color: #2F2F2F;

    display: inline-block;

}



.blogSwiper .swiper-pagination {

    right: 17px;

    width: auto !important;

    bottom: -5px;

    left: auto !important;

}



.perspective_latest {

    width: 100%;

}



.perspective_latest h2 {

    margin: 0px;

    text-align: right !important;

}



.perspective_inn {

    width: 100%;

    border: 1px solid rgba(245, 183, 177, 1);

    border-radius: 16px;

    -webkit-border-radius: 16px;

    margin-bottom: 16px;

    margin-left: 0px;

    background: #fbf3f2;

    transition: all ease-in-out .5s;

    overflow: hidden;

    position: relative;

}



.pers_lt {

    width: 100%;

    height: 100%

}



.pers_lt img {

    width: 100%;

    height: 100%;

    max-height: 185px;

    object-fit: cover;

    border-radius: 16px;

    -webkit-border-radius: 16px;

}



.pers_rt {

    width: 100%;

    position: relative;

    padding: 16px;

}



.pers_rt span {

    font-size: 12px;

    line-height: 15px;

    color: #888888;

    font-weight: 500;

}



.pers_rt .blog_heading {

    font-size: 19px;

    line-height: 22px;

    color: #2f2f2f;

    font-weight: 600;

    padding-top: 8px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-right: 60px;

}



.pers_rt p {

    font-size: 15px;

    line-height: 22px;

    color: #4d4d4d;

    font-weight: 400;

    padding-top: 12px;

    margin: 0px;

}



.publish span {

    font-size: 12px;

    line-height: 14px;

    color: #a5a5a5;

    font-weight: 500;

    overflow: hidden;

    text-overflow: ellipsis;

}



.publish {

    font-size: 12px !important;

    line-height: 14px;

    color: #e74c3c !important;

    font-weight: 500;

    padding-top: 15px;

    margin: 0px;

}



.pers_rt .arrow_kone {

    right: 16px;

    top: 16px;

    left: auto;

}



.perspective_inn:hover .arrow_kone svg path {

    stroke: #fff;

    transition: all ease-in-out .5s;

}



.perspective_inn:hover {

    background: #e74c3c;

    transition: all ease-in-out .5s;

}



/* .perspective_inn:hover .pers_rt p {

    color: #fff;

    transition: all ease-in-out .5s;

}

.perspective_inn:hover .pers_rt h6 {

    color: #fff;

    transition: all ease-in-out .5s;

}

.perspective_inn:hover .pers_rt span {

    color: #fff;

    transition: all ease-in-out .5s;

}

.perspective_inn:hover .publish{

    color: #fff !important;

    transition: all ease-in-out .5s;

}

.perspective_inn:hover .publish span{

    color: #fff;

    transition: all ease-in-out .5s;

} */

.perspective_inn:hover .arrow_kone svg {

    transform: rotate(45deg);

    transition: all ease-in-out .5s;

}



.perspective_inn:last-child {

    margin-bottom: 0;

}



.industry_blog_sec {

    background: #ffac47;

    /* padding-bottom: 79px;  */

    border-radius: 16px;

    -webkit-border-radius: 16px;

    min-height: 580px;

    overflow: hidden;

}



.perspective_latest .swiper-pagination {

    text-align: right;

    bottom: -6px;

    width: auto;

    right: 0;

    left: unset;

}



.mobpersSwiper {

    display: none;

}



.persSwiper {

    display: block;

}



.blogHover {

    position: absolute;

    right: -100%;

    top: 0;

    width: 100%;

    padding: 24px !important;

    background-color: #E74C3C;

    transition: all ease-in-out .5s;

    opacity: 0;

    height:100%;



}



.perspective_inn:hover .blogHover {

    right: 0;

    opacity: 1;

    transition: all ease-in-out .5s;

}



.blogHover .pers_rt span {

    font-weight: 500;

    font-size: 12px;

    line-height: 14px;

    color: #F5B7B1;

}



.blogHover .pers_rt .blog_heading {

    font-weight: 600;

    font-size: 19px;

    line-height: 28px;

    color: #fff;

}



.blogHover .pers_rt p {

    font-weight: 400;

    font-size: 15px;

    line-height: 25px;

    color: #FADBD8;

}



.blogHover .publish {

    color: #FFBC66 !important;

}



/*21.07.2025*/

.pinkishBg ul {

    background: #fff !important;

    border: none !important;

    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);

    border-radius: 50px;

    -webkit-border-radius: 50px;

}



.pinkishBg ul li {

    margin: 0px !important;

    padding: 4px !important;

    position: relative;

}



.pinkishBg_inner {

    border-bottom: 1px solid #E74C3C;

    width: 100%;

    display: flex;

    justify-content: center;

    margin-bottom: 30px;

}



.pinkishBg_inner ul li button:after {

    bottom: -32px !important;

}



.pinkishBg_inner ul li button {

    padding: 12px 0;

    border-radius: 50px !important;

    -webkit-border-radius: 50px !important;

}







/* ======================================== ABOUT US ============================================= */







.aboutUsBanner {

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFE5E2 100%);

    padding-top: 178px;

    padding-bottom: 70px;

}



.aboutUsBanner h1 {

    font-weight: 700;

    font-size: 40px;

    line-height: 45px;

    text-transform: uppercase;

}



.aboutUsBanner p {

    font-weight: 600;

    font-size: 19px;

    line-height: 27px;

    letter-spacing: 0.8px;

    text-transform: uppercase;

}



.aboutBannerSlider {

    background-color: #e74c3c;

    border-radius: 24px;

    -webkit-border-radius: 24px;

    padding: 32px;

    max-width: 536px;

    height: 326px;

    left: 0;

    bottom: -30px;

    z-index: 3;

    position: absolute;

}



.aboutBannerSlider p:first-child {

    font-weight: 600;

    font-size: 16px;

    line-height: 27px;

    color: #FFFFFF;

    text-transform: capitalize;

    margin-bottom: 10px;

}



.aboutBannerSlider h2 {

    font-weight: 600;

    font-size: 40px;

    line-height: 41px;

    text-transform: capitalize;

    color: #FFBC66;

    margin-bottom: 0;

}



.aboutBannerSlider h2 sup {

    font-weight: 500;

    font-size: 20px;

    line-height: 20px;

    top: -15px;

}



.aboutBannerSlider p {

    font-weight: 400;

    font-size: 14px;

    line-height: 18px;

    color: #FADBD8;

    text-transform: capitalize;

    margin-bottom: 0;

}



.aboutSlider {

    height: 100%;

}



.aboutSlider .swiper-pagination {

    top: 37px;

    right: 32px;

    bottom: unset;

    width: auto;

    left: unset;

}



.aboutSlider .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #FFAB40 !important;

}



.aboutSlider .swiper-pagination .swiper-pagination-bullet {

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

}



.videoBox {

    max-width: 695px;

    height: 482px;

    object-fit: cover;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    position: relative;

}



#playPauseBtn {

    position: absolute;

    bottom: 16px;

    right: 16px;

    border: none;

    background: none;

    z-index: 2;

}



.video-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #11142B;

    z-index: 1;

    pointer-events: none;

    transition: opacity 0.5s ease;

    /* display: none; */

}



.fade-overlay {

    opacity: 0;

    visibility: hidden;

    /* prevents click interaction when invisible */

    transition: opacity 0.5s ease;

}



.fade-overlay.visible {

    opacity: 1;

    visibility: visible;

    transition: opacity 0.5s ease;

}



#aboutUsTab {

    background: #fff !important;

    border: none !important;

    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16) !important;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    margin-top: 64px;

}



#aboutUsTab li {

    margin: 0px !important;

    padding: 4px !important;

}



#aboutUsTab li .nav-link {

    color: rgba(47, 47, 47, 1);

    font-size: 16px;

    font-weight: 400;

    min-width: 180px;

    line-height: 48px;

    text-align: center;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    text-transform: uppercase;

    background-color: #fff;

    border: none;

    padding: 0;

}



#aboutUsTab li .nav-link.active {

    background: #e74c3c;

    color: #fff;

    transition: all ease-in-out .5s;

}



#aboutUsTab .nav-link.active:after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    border-left: 1px solid #e74c3c;

    border-right: 0px solid #e74c3c;

    border-bottom: 0px solid transparent;

    border-top: 1px solid #e74c3c;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -32px;

    transform: rotate(45deg);

    background: #fff;

    transition: all ease-in-out .5s;

}



.aboutTabMenu {

    border-bottom: 1px solid #E74C3C;

    width: 100%;

    display: flex;

    justify-content: center;

    margin-bottom: 48px;

}



.productBox {

    background-color: #fff;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    box-shadow: 0px 0px 16px 0px #00000029;

    position: relative;

    border: 1px solid transparent;

    transition: all ease-in-out .3s;

    overflow: hidden;

}



.productBox:hover {

    border: 1px solid #FFAB40;

}



.productImg {

    border-radius: 16px;

    overflow: hidden;

    width: 100%;

}



.productDetails {

    padding: 24px;

    width: 100%;

    min-height: 245px;

    height: 100%;

}



.productTitle {

    margin-bottom: 8px;

}



.productLogo {

    width: 48px;

    height: 48px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    overflow: hidden;

    border: 1px solid #FADBD8;

    margin-right: 10px;

}



.productName {

    font-weight: 600;

    font-size: 18px;

    line-height: 19px;

    letter-spacing: 0.25px;

    color: #2F2F2F;

}



.productLink {

    position: absolute;

    width: 34px;

    height: 34px;

    top: 10px;

    right: 10px;

}



.productDetails h2 {

    font-weight: 600;

    font-size: 28px;

    line-height: 32px;

    letter-spacing: 0px;

    margin: 0;

}



.productDetails h2 sup {

    font-size: 17px;

}



.productDetails p {

    font-weight: 400;

    font-size: 12px;

    line-height: 15px;

    color: #4D4D4D;

    margin: 0;

}



.shortDesc {

    font-weight: 400;

    font-size: 15px !important;

    line-height: 21px !important;

    color: #4D4D4D;

}



.productHoverBox {

    background-color: #fff;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    padding: 24px;

    width: 100%;

    height: 392px;

    overflow: auto;

    opacity: 0;

    transition: all ease-in-out .3s;

}



.productHoverBox .productLogo {

    border: 1px solid #FFAB40;

}



.productBox:hover .productHoverBox {

    opacity: 1;

    transition: all ease-in-out .3s;

}



.knowledgeImg {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

}



.knowledgeDetails {

    margin-top: 30px;

}



.knowledgeDetails p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 0;

}



.knowledgePoint {

    margin-top: 34px;

}



.knowledgePoint span {

    display: inline-block;

    width: 28px;

    height: 28px;

    color: #fff;

    line-height: 28px;

    font-weight: 600;

    font-size: 13px;

    text-align: center;

    margin-right: 10px;

    background-color: #2F2F2F;

    border-radius: 50px;

    -webkit-border-radius: 50px;

}



.knowledgePoint td {

    font-weight: 500;

    font-size: 15px;

    line-height: 19px;

    letter-spacing: 0.25px;

    padding-bottom: 10px;

}



.journeySection {

    background-color: #FDEDEB;

}



.journeyPagination {

    /* position: absolute; */

    bottom: unset !important;

}



.journeyPagination:before {

    content: '';

    width: 100%;

    height: 1px;

    background-color: #e74c3c;

    left: 0;

    right: 0;

    position: absolute;

    top: 7px;

    z-index: -1;

}



.journeyPagination .swiper-pagination-bullet {

    width: 40px !important;

    height: 16px !important;

    border: 1px solid #e74c3c;

    border-radius: 30px !important;

    -webkit-border-radius: 30px !important;

    background-color: #FDEDEB;

    transition: all ease-in-out .3s;

}



.swiper-pagination-bullet i {

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    text-align: center;

    color: #E74C3C;

    margin-top: 25px;

    display: inline-block;

    transition: all ease-in-out .3s;

}



.journeyPagination .swiper-pagination-bullet {

    position: relative;

}



.journeyPagination .swiper-pagination-bullet-active {

    background: none !important;

    /* border: none; */

    border-color: transparent;

    transition: all ease-in-out .3s;

}



.journeyPagination .swiper-pagination-bullet:before {

    content: '';

    position: absolute;

    width: 40px;

    height: 48px;

    background: url("../../../uploads/2025/09/RedAppleIcon.png") no-repeat;

    background-size: contain;

    top: -25px;

    left: 0;

    opacity: 0;

    transition: all ease-in-out .3s;

}



.journeyPagination .swiper-pagination-bullet-active:before {

    opacity: 1;

    transition: all ease-in-out .3s;

}



.journeyPagination .swiper-pagination-bullet-active i {

    font-weight: 600;

    transition: all ease-in-out .3s;

}



.journeyImage {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

}



.journeySlider {

    margin-top: 64px;

    margin-bottom: 50px;

}



.journeySlider h2 {

    font-weight: 600;

    font-size: 80px;

    line-height: 80px;

    text-transform: uppercase;

    color: #2F2F2F;

    margin-bottom: 40px;

}



.journeyList {

    /* padding: 0; */

    margin: 0;

}



.journeyList li {

    font-weight: 500;

    font-size: 18px;

    line-height: 25px;

    color: #2F2F2F;

    margin-bottom: 10px;

}



.journeyList li::marker {

    color: #E74C3C;

    /* bullet color */

    font-size: 1.2em;

    /* optional: make bullet bigger */

}



/* .slide-content {

    opacity: 0;

    transform: translateY(40px);

} */

.ceoCorner {

    background-color: #11142B;

    padding: 80px 0 40px 0;

}



.ceoImg {

    transform: translate(0, 92px);

    position: absolute;

    bottom: 0;

    left: 0;

}



.ceoSpeech {

    font-weight: 300;

    font-style: Italic;

    font-size: 20px;

    line-height: 42px;

    color: #C3C3C3;

    margin-top: 40px;

    margin-bottom: 40px;

}



.ceoName {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    color: #888888;

}



.ceoName span {

    font-weight: 600;

    font-size: 19px;

    line-height: 23px;

    color: #FFAB40;

}



.leaderShipBox {

    background-color: #FFDDB3;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    position: relative;

    overflow: hidden;

    margin-bottom: 16px;

    min-height: 350px;

    transition: all ease-in-out .5s;

}



.leaderShipBox:hover {

    background-color: #11142B;

    transition: all ease-in-out .5s;

}



.leaderDetails {

    width: 100%;

    padding: 18px 20px;

}



.leaderDetails h3 {

    font-weight: 600;

    font-size: 16px;

    line-height: 21px;

    font-style: italic;

    color: #11142B;

    margin: 0;

    transition: all ease-in-out .5s;



}



.leaderDetails p {

    color: #2F2F2F;

    font-weight: 300;

    font-size: 12px;

    line-height: 19px;

    margin: 0;

    transition: all ease-in-out .5s;

}



.leaderShipBox:hover .leaderDetails h3,

.leaderShipBox:hover .leaderDetails p {

    color: #fff;

    transition: all ease-in-out .5s;

}



.leaderLink {

    position: absolute;

    right: 16px;

    top: 16px;

    width: 33px;

    height: 33px;

    border-radius: 50px;

}



/* .leaderShipBox:hover .leaderLink{

    background-color: #fff;

}

.leaderShipBox:hover .leaderLink svg path{

    fill:#111111;

    stroke: #fff; 

}*/

.isoBox {

    background-color: #E74C3C;

    padding: 32px;

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    color: #FADBD8;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    /* position: absolute; */

    max-width: 360px;

}



.isoIcon {

    margin-bottom: 24px;

}



.isoIcon p {

    font-weight: 600;

    font-size: 14px;

    line-height: 14px;

}



.isoIcon h3 {

    font-weight: 600;

    font-size: 23px;

    line-height: 26px;

    text-transform: uppercase;

}



.pinkBg2 {

    background-color: #FADBD8;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    position: relative;

    width: 685px;

    z-index: 1;

    top: 0;

    bottom: 0;

    right: 10px;

}



.innerPadding {

    padding: 48px 30px;

}



.partnerBox {

    background-color: #fff;

    border: 1px dashed #F5B7B1;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 30px 0;

    transition: all ease-in-out .3s;

}



.partnerBox img {

    transition: all ease-in-out .3s;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}



.partnerBox:hover img {

    transition: all ease-in-out .3s;

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}



.corporateBox {

    background-color: #11142B;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 40px;

    margin-right: 250px;

    padding-right: 290px;



}



.corporateBox p {

    color: #C3C3C3;

}



.corporateImg {

    background-color: #FFAB40;

    width: 500px;

    height: 512px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    position: absolute;

    right: 0;

    top: -24px;

}









/* ======================================== ABOUT US ============================================= */





/* ======================================== Industry ============================================= */





.industryMainSection {

    background-color: #11142B;

    padding-top: 180px;

    padding-bottom: 0;

    height: 700px;

    margin-bottom: 150px;

}



.industryMainHeader h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 15px;

}



.industryMainHeader p {

    font-weight: 400;

    font-size: 19px;

    line-height: 27px;

    letter-spacing: 0.25px;

    text-transform: uppercase;

    color: #C3C3C3;

    margin: 0;

}



.industryBox {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    overflow: hidden;

    background-color: #fff;

}



.industryBox>img {

    border-radius: 16px;

    -webkit-border-radius: 16px;

    height: 119px;

    width: 192px;

    object-fit: cover;

}



.industryBoxInner {

    padding: 24px;

}



.industryBoxInner h2 {

    font-weight: 600;

    font-size: 16px;

    line-height: 20px;

}



.industryBoxInner p {

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.industryCenterSlider {

    margin-top: 75px;

}



.industryLink {

    width: 40px;

    height: 40px;

    cursor: pointer;

}



.industryLink img {

    transform: rotate(-45deg);

}



.industryCenterSlider .swiper-slide.swiper-slide {

    transform: scale(1);

    transform-origin: bottom;

    transition: opacity ease-in-out .5s;



}



.industryCenterSlider .swiper-slide.swiper-slide-active {

    transform: scale(1);

    transform-origin: bottom;

    transition: opacity ease-in-out .5s;

    opacity: 1;

    width: 296px !important;

}



.industryCenterSlider .swiper-slide.swiper-slide-active .industryBox {

    box-shadow: 0px 0px 16px 0px #00000029;



}



.industryCenterSlider .swiper-slide.swiper-slide-active .industryBox:hover {

    background-color: #e74c3c;

    color: #fff;

    transition: all ease-in-out .5s;

}



.industryCenterSlider .swiper-slide.swiper-slide-active .industryBox:hover .industryLink img {

    filter: brightness(100);

    transform: rotate(0deg);

    transition: all ease-in-out .5s;

}



.industryCenterSlider .swiper-slide.swiper-slide-active .industryBoxInner h2 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

}



.industryCenterSlider .swiper-slide.swiper-slide-active .industryBoxInner p {

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

}



.industryCenterSlider .swiper-slide.swiper-slide-active .industryBox>img {

    height: 216px;

    width: 296px !important;

}



.industryCenterSlider .swiper-slide.swiper-slide-next .industryBox>img,

.industryCenterSlider .swiper-slide.swiper-slide-prev .industryBox>img {

    height: 172px;

    width: 100% !important;

}



.industryCenterSlider .swiper-slide {

    opacity: 0.4;

    transition: opacity ease-in-out .5s;

}



.industryCenterSlider .swiper-slide.swiper-slide-next,

.industryCenterSlider .swiper-slide.swiper-slide-prev {

    opacity: 0.6;

    transition: opacity ease-in-out .5s;

}



.gradientBg5 {

    background: linear-gradient(360deg, #FDEDEB 0%, #FFFFFF 100%);

}



.industryParent .homeTabMain {

    font-size: 14px !important;

}



.industryParent .homeTabMain.active:after {

    bottom: -33px;

}



.industryParent {

    width: auto !important;

    margin: 0 auto;

}



.industryParent .homeTabMain {

    white-space: nowrap;

    padding: 0 20px;

}





/* ======================================== Industry ============================================= */













/* ======================================== Dedicated Hire ============================================= */

.dedicatedHireBg {

    background-color: #11142B;

    min-height: 730px;

    background-image: url('../../../uploads/2025/08/hiringBg.png');

    background-size: cover;

    background-repeat: no-repeat;

}



.dedicatedHireBgColor {

    background: radial-gradient(41.99% 50% at 50% 50%, rgba(17, 20, 43, 0) 0%, #11142B 100%);

    height: 100%;

    width: 100%;

    min-height: 730px;

}



.dedicatedHireBg h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

}



.dedicatedHireBg .bannerList {

    margin: 58px 0;

}



.bannerAnimation {

    position: relative;

    margin-top: 100px;

}



.arrowImg {

    position: absolute;

    top: -120px;

    right: 0;

}



.dedicatedHireBgColor .bannerList {

    list-style: none;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    padding: 0;

    margin: 30px 0;

}



.dedicatedHireBgColor .bannerList li {

    position: relative;

    margin-bottom: 15px;

    border: none;

    padding-left: 0;

    color: #fff;

}



.dedicatedHireBgColor .bannerList li:before {

    content: '';

    width: 24px;

    height: 24px;

    background-image: url("../../../uploads/2025/09/gray-bullet.png");

    background-size: 100%;

    background-repeat: no-repeat;

    margin-right: 10px;

}



.left,

.right {

    flex: 1;

    position: relative;

}



.right {

    max-width: 244px;

}



.badge {

    min-height: 40px;

    padding: 0 15px;

    font-weight: 500 !important;

    font-size: 12px !important;

    line-height: 40px !important;

}



.badge span {

    font-weight: 400;

    font-size: 20px;

    line-height: 19px;

    color: #FFAB40;

}



.info-1,

.info-2,

.info-3,

.info-4,

.info-5 {

    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.14);

    min-width: 174px;

    position: absolute;

    transition: all 0.3s ease-out;

    z-index: 1;

    background: #fff;

    left: -35px;

    border-radius: 8px !important;

    border: 1px solid #FADBD8;

    color: #2F2F2F !important;

}



.info-1 {

    top: -85px;

}



.info-2 {

    top: -25px;

}



.info-3 {

    top: 35px;

}



.info-4 {

    top: 95px;

    left: -44px;

}



.info-5 {

    top: 155px;

    left: -15px;

    min-width: 148px;

}



.no-scrollbar {

    -ms-overflow-style: none;

    scrollbar-width: none;

}



.no-scrollbar::-webkit-scrollbar {

    display: none;

}



.topSlider {

    border-radius: 24px;

    background-color: #ffffff21;

    overflow: hidden;

}



.expert-card {

    background: #FFF5F4 !important;

    border: 1px solid #FADBD8 !important;

    border-radius: 26px !important;

    color: #fff;

    font-size: 13px;

    /* backdrop-filter: blur(24px);

    -webkit-backdrop-filter: blur(24px); */

}



.expert-card p {

    color: #2F2F2F;

    font-style: italic;

}



.expert-card p span {

    color: #2F2F2F;

}



.expert-card-inner {

    border-radius: 0 0 24px 24px;

    background-color: #FADBD8;

    font-style: normal;

    /* backdrop-filter: blur(24px);

    -webkit-backdrop-filter: blur(24px); */

}



.expert-card-inner p {

    color: #2F2F2F;

    font-style: normal;

    font-size: 15px;

    margin: 0;

}



.expert-card-inner strong {

    font-style: italic;

    font-weight: 600;

}



.developer-img {

    width: 100%;

    height: auto;

    border-radius: 10px;

    margin-top: 20px;

    /* margin-bottom: -50px; */

}



.success-rate {

    font-size: 13px;

    font-weight: 500;

    font-style: italic;

    color: #2F2F2F;

}



.hired-count {

    margin-top: 18px;

    color: #2F2F2F;

    font-size: 14px;

    line-height: 19px;

    font-weight: 400;

}



.hired-count span {

    color: #2F2F2F;

    font-weight: 600;

}



.serviceBadge {

    position: absolute;

    max-width: 41px;

    top: 10px;

    right: 10px;

}



.thumb-swiper {

    width: 180px !important;

    overflow: hidden;

    margin: 0 auto;

    border-radius: 50px;

    margin-top: 27px;



}



.sliderThumb {

    width: 40px;

    height: 40px;

    border-radius: 50px;

    overflow: hidden;

    border: 1px solid transparent;

    position: relative;

}



.thumb-active .sliderThumb {

    border: 1px solid #e74c3c;

    z-index: 1;

}



.dedicatedHiredTab .serviceTabIcon {

    border: 1px solid #F5B7B1;

    width: 100px;

    height: 100px;

    border-radius: 50px;

    margin-bottom: 8px;

}



.dedicatedHiredTab .serviceProvideBox {

    font-weight: 500;

    font-size: 14px;

    line-height: 19px;

    color: #2F2F2F;

    text-align: center;

}



.dedicatedHiredTab h3 {

    color: #000;

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    text-align: center;

}



.dedicatedHiredTab p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    text-align: center;

}



.darkBg2 {

    background-color: #11142B;

}



.darkBg2 #portfolioTab {

    background-color: #ffffff1a;

    backdrop-filter: blur(24px);

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

    border: none;

    width: fit-content;

    border-radius: 50px;

    margin: 0 auto;

    padding: 5px;

    height: 56px;

}



.darkBg2 #portfolioTab li {

    margin: 0;

}



.darkBg2 #portfolioTab li .nav-link {

    border-radius: 50px;

    background: transparent;

    color: #888888;

    height: 46px;

    min-width: 320px;

}



.darkBg2 #portfolioTab li .nav-link.active {

    background-color: #E74C3C;

    color: #fff;

}



.darkBg2 #portfolioTab li .nav-link.active:after {

    bottom: -37px;

    background-color: #11142B;

}



.dedicatedTab {

    border-bottom: 1px solid #E74C3C;

    margin-bottom: 25px;

    margin-top: 48px;

}





.parameterTable {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 8px 0 0 8px;

    overflow: hidden;

    width: 290px;

}



.parameterTable th {

    background-color: #B93D30;

    color: #fff;

    padding: 20px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.parameterTable td {

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 23.5px 0;

}



.tableHeading {

    font-weight: 600;

    font-size: 13px;

    line-height: 15px;

    letter-spacing: 0.25px;

    text-align: center;

    text-transform: uppercase;

    background-color: #EC7063;

    border-color: #fff;

    color: #fff;

}



.tableHeadingSelected {

    background-color: #CF5C50

}



.parameterTable td:last-child {

    border-bottom: 0;

}



.innerTable {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 0px 8px 8px 0;

    overflow: hidden;

    width: 100%;

}



.innerTable th {

    background-color: #B93D30;

    color: #fff;

    padding: 20px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

    box-shadow: 0px 7px 15px 0px #00000029;

}



.innerTable td {

    border-color: #EC7063;

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 25px 0;

    background-color: #fff;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

    box-shadow: 0px 7px 15px 0px #00000029;

}



.innerTableSelected {

    background-color: #FDEDEB !important;

}



.innerTable tr:last-child td {

    border-bottom: 0;

}



.techTable {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 8px;

    overflow: hidden;

    min-width: 290px;

}



.techTable th {

    background-color: #B93D30;

    color: #fff;

    padding: 38px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.techTable td {

    border-color: #EC7063;

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 25px 0;

    background-color: #FADBD8;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

}



.techTable tr:last-child td,

.specialOffer tr:last-child td {

    border-bottom: 0;

}



.bestFitSelected {

    background-color: #FFCCC7 !important;

}



.specialOffer {

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 8px;

    overflow: hidden;

    width: 100%;

}



.specialOffer th {

    background-color: #8B2E24;

    color: #FFBC66;

    padding: 10px 0;

    text-align: center;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.specialOffer td {

    background-color: #2E0F0C;

    color: #A5A5A5;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

    border-color: #EC7063;

    border-style: dashed;

    border-width: 1px;

    border-left: none;

    border-right: none;

    padding: 20px 0;

}



.tableBtn {

    padding: 8px 14px;

    color: #fff;

    background-color: #FFAB40;

    border-radius: 4px;

    font-weight: 500;

    font-size: 12px;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

    border: none;

}



.tableBtn:hover,

.tableBtn:focus,

.tableBtn:active {

    background-color: #D18B33;

    transition: all ease-in-out .3s;

    color: #000;

}



#techAccordion .accordion-button {

    background-color: #e74c3c;

    box-shadow: none;

    outline: none;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    border-radius: 3px 3px 0 0;

}



#techAccordion .accordion-button.collapsed {

    background-color: #fff;

    border-radius: 3px;

    color: #2F2F2F;

}



#techAccordion .accordion-item {

    border: 1px solid #e74c3c !important;

    margin-bottom: 15px;

    border-radius: 4px;

}



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

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;

    background-size: 20px !important;

    width: 20px !important;

    height: 20px !important;

}





#dedicatedAccordion .accordion-button {

    background-color: #e74c3c;

    box-shadow: none;

    outline: none;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

}



#dedicatedAccordion .accordion-button.collapsed {

    background: transparent;

    border-radius: 4px;

    color: #888888;

}



#dedicatedAccordion .accordion-item {

    background: #FFFFFF1A;

    border: 1px solid #888888;

    backdrop-filter: blur(24px);

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

    margin-bottom: 15px;

    border-radius: 4px;

}



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

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;

    background-size: 20px !important;

    width: 20px !important;

    height: 20px !important;

}



#dedicatedAccordion .accordion-button::after {



    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E") !important;

    transition: all 0.5s;

    background-size: 20px !important;

    width: 20px !important;

    height: 20px !important;

}



/* ======================================== Dedicated Hire ============================================= */





.tIcon {

    width: 80px;

    height: 80px;

}



#faq .accordion-item:last-child {

    margin-bottom: 0px !important;

}



.ban_rt_img {

    position: absolute;

    min-width: 485px;

    width: 100%;

}



#expTab .nav-link.active img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}



#expTab .nav-link img {

    -webkit-filter: grayscale(1) brightness(0.8);

    filter: grayscale(1) brightness(0.8);

}



#expTab {

    gap: 80px;

}



.trustedIcon {

    width: 585px;

}



.game_service_desk1 {

    display: block;

}



.game_service_mob {

    display: none;

}



.disclaimer {

    width: 100%;

    display: block;

    background-color: #e74c3c;

    color: #fff;

    padding: 12px;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

}



.copyrightMobile a {

    color: #6A6A6A !important;

}



.contact-checkbox input {

    width: 20px !important;

    height: 22px !important;

    position: absolute;

    left: 0;

    z-index: 99;

    opacity: 0;

}



.bannerFloatingImg{

    position: absolute;

    height: 100%;

    max-width: 600px !important;

    right: 0;

}



.verticalIconTab {

    border-radius: 50px 0 0 50px;

    -webkit-border-radius: 50px 0 0 50px;

    background-color: #FFFFFF14;

    padding: 12px 16px;

    margin-bottom: 6px;

    position: relative;

    cursor: pointer;

    font-weight: 500;

    font-size: 16px;

    line-height: 21px;

    text-transform: capitalize;

    color: #fff;

}

.verticalIconTab.active {

    box-shadow: -15px 0px 16px -5px #0000003D;

    background-color: #FADBD8;

    color: #2F2F2F;

}



.verticalIconTab .iconBg {

    background-color: #1D2247;

    width: 24px;

    height: 24px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    transition: all ease-in-out .3s;

    position: relative;

}





.verticalIconTab .iconBg img {

    width:16px;

}



.verticalIconTab-content {

    background-color: #FADBD8;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    flex: 1;

    display: none;

    opacity: 0;

    transition: opacity .3s ease;

    min-height: 510px;

    box-shadow: 0px 0px 16px 0px #0000003D;

}



.verticalIconTab-content.active {

    display: block;

    opacity: 1;

    transition: opacity .3s ease;

}



.verticalIconTab-content h3 {

    font-weight: 600;

    font-size: 32px;

    line-height: 37px;

    text-transform: capitalize;

    margin-bottom: 24px;

}



.verticalIconTab-content p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 36px;

}



.verticalIconTab-content a {

    min-width: 174px;

    height: 48px;

    padding: 14px 24px;

    text-align: center;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    color: #E74C3C;

    border: 1px solid #E74C3C;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    margin-top: 43px;

}



.verticalIconTab-content a:hover {

    color: #E74C3C;

}



.verticalIconTab.active:before {

    content: '';

    position: absolute;

    inset: 0;

    left: -2px;

    top: -2px;

    border-radius: 50px 0 0 50px;

    -webkit-border-radius: 50px 0 0 50px;

    background-image: linear-gradient(270deg, #FDEDEB 20%, #E74C3C 100%);

    width: 80px;

    height: 80px;

    z-index: -1;

    /* transition: all ease-in-out .5s; */

}



.verticalIconTab-image {

    width: 100%;

    height: 100%;

    border-radius: 16px;

    overflow: hidden;

}



.verticalIconTab-image img {

    height: 100%;

    object-fit: cover;

}

.blackBorderBox{

    border: 1px dashed #1D2247;

    border-radius: 8px;

    background-color: #fff;

}

.bulletList2{

    list-style: none;

    padding: 0;

    margin: 0;

}

@scope (.bulletList2) {

    li{

        font-weight: 500;

        font-size: 14px;

        line-height: 21px;

        color: #2F2F2F;

        margin-bottom: 10px;

        strong{

            font-weight: 700;

        }

    }

    

}

/* .bulletList2 li{

    font-weight: 500;

    font-size: 14px;

    line-height: 21px;

    color: #2F2F2F;

    margin-bottom: 10px;

}

.bulletList2 li strong{

    font-weight: 700px;

} */

.blackBullet{

    width: 28px;

    height: 28px;

    border-radius: 50px;

    background-color: #2F2F2F;

    font-weight: 600;

    font-size: 13px;

    line-height: 28px;

    text-align: center;

    color:#FFAB40;

    margin-right: 12px;

}



.highlightedBorderBox{

    border-top: 1px dashed #F5B7B1;

    background: #FDEDEB;

    font-weight: 500;

    font-size: 13px;

    line-height: 19px;

    text-align: center;

    color:#2F2F2F;

}

.wpj-jtoc--toc{

    z-index: 1 !important;

}

@scope (.cloudTech) {

    .techTab ul{

        background-color: #fff;

        border-radius: 50px;

    }

    .techTab #portfolioTab .nav-link.active:after{

        background-color: #fef4f3;

    }

}

.darkImageBg{

    background-image: url('../../../uploads/2026/04/darkbg.png') no-repeat;

    background-color: #171B39;

    background-size: 100%;

    background-position: top center;

}

@scope (.boxSlider){

    .borderBox2{

        padding: 16px;

        font-size: 13px;

        line-height: 18px;

    }

    .borderBox2 img{

        margin-right: 0;

    }

}







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



    /* .industry_blog_dwn h6{font-size: 20px; line-height: 26px;} */

    /* .industry_blog_dwn{padding: 0px 0px 0px 88px;} */

    .perspective_latest {

        padding-top: 30px;

    }



    .perspective_latest h2 {

        margin: 0px;

        text-align: center !important;

    }



    .mobpersSwiper {

        display: block;

    }



    .persSwiper {

        display: none;

    }



    .perspective_latest .swiper-pagination {

        text-align: right;

        bottom: -6px;

        right: 0px;

    }



    .pers_rt .blog_heading {

        padding-top: 22px;

    }



    .yellowSection br {

        display: none;

    }



    .rounded__score {

        font-size: 12px;

    }



    .trustedIcon {

        width: 100%;

    }



    .game_service_mob_box .whiteBox {

        height: auto;

        text-align: center;

        padding: 36px 23px 30px;

    }



    .game_service_desk1 {

        display: none;

    }



    .game_service_mob {

        display: block;

    }



    .game_service_mob_box .whiteBox img {

        width: 64px;

    }



    .game_service_mob_box .whiteBox .serviceDetails h4 {

        height: 60px;

    }



    .trustedIcon img {

        width: 90%;

    }



    .trustedIcon {

        text-align: center;

    }



    .bulletList li p {

        text-align: justify;

        font-size: 13px;

        line-height: 20px;

        color: rgba(47, 47, 47, 1);

    }



    .bulletList li:last-child {

        margin-bottom: 0px;

    }



    .platform_slide_sec {

        padding: 14px 0;

    }

}







/* ------------------------------------------------------------- */





/*whitepaper*/

.inner_up_sec {

    width: 100%;

    background: rgba(17, 20, 43, 1);

    padding: 238px 0 134px;



}



.inner_up_txt {

    width: 100%;

    text-align: center;

}



.inner_up_txt h1 {

    margin: 0px;

    font: 700 52px/54px "Poppins", sans-serif;

    color: rgba(231, 76, 60, 1);

    text-transform: uppercase;

    text-align: center;

}



.inner_up_txt h1 span {

    color: rgba(255, 171, 64, 1);

}



.hed_txt_mid {

    color: rgba(195, 195, 195, 1) !important;

    font: 300 52px/54px "Poppins", sans-serif;

}



.inner_up_txt h3 {

    margin: 24px 0 0px;

    font: 700 30px/34px "Poppins", sans-serif;

    color: rgba(195, 195, 195, 1);

    text-transform: uppercase;

}



.inner_up_txt2 h3 {

    font-weight: 700;

    font-size: 40px;

    line-height: 46px;

    text-transform: uppercase;

    color: #C3C3C3;

}



.inner_up_txt2 h1 {

    font-weight: 700;

    font-size: 35px;

    line-height: 45px;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 24px;



}



.white_paper_sec {

    width: 100%;

    padding: 80px 0;

    background: rgba(253, 237, 235, 1);

}



.white_paper_inn {

    width: 100%;

    margin-bottom: 32px;

}



.white_paper_inn h2 {

    text-align: center;

}



.white_paper_inn p {

    margin-top: 35px;

}



.paper_bar {

    width: 100%;

    margin-top: 16px !important;

    background: #fff;

    border-radius: 16px;

    transition: all ease-in-out .4s;

}



.paper_bar_lt {

    width: 100%;

}



.paper_bar_lt img {

    width: 100%;

    height: 100%;

    border-radius: 16px;

}



.paper_bar_rt {

    width: 100%;

    padding: 30px;

}



.paper_bar_rt_up {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.paper_bar_rt_up_lt {

    width: auto;

}



.paper_bar_rt_up_lt h6 {

    margin: 0px;

    font: 600 22px/31px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

}



.paper_bar_rt_up_rt {

    width: auto;

    background: rgba(195, 195, 195, 1);

    border-radius: 15px;

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

    font: 500 11px/17px "Poppins", sans-serif;

    padding: 4px 10px;

    text-transform: uppercase;

}



.paper_bar_rt p {

    margin-top: 20px;

    font: 400 16px/24px "Poppins", sans-serif;

    color: rgba(77, 77, 77, 1);

    margin-bottom: 0px;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.paper_arrow_kone {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid rgba(250, 219, 216, 1);

    display: flex;

    justify-content: center;

    align-items: center;

}



.paper_arrow_kone svg {

    /* transition: all ease-in-out .5s; */

    margin-right: 4px;

}



.paper_bar_rt_dwn {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 24px;

}



.paper_date {

    font: 500 12px/15px "Poppins", sans-serif;

    color: rgba(136, 136, 136, 1);

}



.paper_bar:hover {

    background: #e74c3c;

    transition: all ease-in-out .4s;

}



.paper_bar:hover .paper_arrow_kone svg {

    transform: rotate(45deg);

    transition: all ease-in-out .4s;

}



.paper_bar:hover .paper_bar_rt_up_lt h6 {

    color: #fff;

}



.paper_bar:hover .paper_bar_rt p {

    color: #fff;

}



.paper_bar:hover .paper_date {

    color: #fff;

}



.paper_bar:hover .paper_date svg path {

    stroke: rgba(255, 171, 64, 1);

}



.paper_bar:hover .paper_arrow_kone svg path {

    stroke: #fff;

}



.load-more_sec {

    width: 100%;

    padding: 48px 0 0;

    text-align: center;

}



.load-more_sec a {

    width: 100%;

    display: inline-block;

    color: rgba(47, 47, 47, 1) !important;

    font: 500 14px/20px "Poppins", sans-serif;

    text-decoration: underline !important;

}



.whitepaper_ban_lt .inner_up_txt {

    text-align: left;

    padding-top: 32px;

}



.whitepaper_ban_lt .inner_up_txt h1 {

    text-align: left;

}



.whitepaper_ban_rt {

    width: 100%;

    background: #35384b;

    border-radius: 16px 16px 0 0;

    padding: 16px;

    backdrop-filter: blur(24px);

    backdrop-filter: blur(24px);

    border: 10px solid #1f2236;

    border-bottom: 0px;

}



.whitepaper_ban_rt h6 {

    margin: 0px;

    font: 600 22px/25px "Poppins", sans-serif;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

}



.whitepaper_ban_rt h6 span {

    color: rgba(231, 76, 60, 1);

}



.whitepaper_ban_rt p {

    padding-top: 12px;

    margin: 0px;

    font: 500 12px/17px "Poppins", sans-serif;

    color: rgba(165, 165, 165, 1);

    text-align: center;

}



.white_paper_social {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    padding-top: 14px;

    margin-bottom: 20px;

}



.white_paper_social a {

    font: 500 13px/19px "Poppins", sans-serif;

    color: rgba(231, 76, 60, 1);

    text-decoration: underline !important;

}



.white_paper_social a img {

    width: 16px;

    margin-right: 6px;

}



.white_paper_social span {

    color: rgba(77, 77, 77, 1);

}



.paperbox {

    position: relative;

}



.paperbox input[required]::placeholder {

    color: rgba(47, 47, 47, 1);

    /* normal placeholder color */

}



.paperbox input[type="text"],

.paperbox input[type="email"],

.paperbox input[type="tel"] {

    width: 100%;

    height: 45px;

    border-radius: 4px;

    border: none;

    padding: 12px 16px;

    color: rgba(47, 47, 47, 1);

    font: 400 14px/21px "Poppins", sans-serif;

}



.paperbtn button {

    background: rgba(231, 76, 60, 1);

    padding: 14.5px 0;

    width: 100%;

    border-radius: 50%;

    font: 500 16px/21px "Poppins", sans-serif;

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

    margin-top: 16px;

}



.white_details {

    padding-top: 139px;

}



.whitedetails_mid {

    width: 100%;

    padding: 80px 0;

}



.whitedetails_mid_lt {

    width: 100%;

}



.whitedetails_mid_lt img {



    border-radius: 16px;



}



.whitedetails_mid_rt {

    width: 100%;

}



.whitedetails_mid .row.customwhite-gap {

    --bs-gutter-x: 48px;

}



.whitedetails_mid_rt p {

    color: rgba(47, 47, 47, 1);

    font: 400 16px/24px "Poppins", sans-serif;

    margin: 0px;

    padding-top: 40px;

    text-align: justify;

}



.whitedetails_mid_rt h6 {

    margin: 0px;

}



.other_whitepaper {

    width: 100%;

    padding: 80px 0;

    background: rgba(253, 237, 235, 1);

}



.other_whitepaper_inner h6 span {

    font-size: 40px;

    line-height: 44px;

    font-weight: 600;

}



.other_whitepaper_inner p {

    padding-top: 6px;

    font: 400 16px/24px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    margin-bottom: 0px;

    text-align: center;

}



.other_whitepaper_inner h2 {

    text-align: center;

    text-align: center;

}



.whitepaper_panel_box {

    width: 100%;

    background: #fff;

    border-radius: 16px;

    transition: all ease-in-out .4s;

}



.whitepaper_panel_box_up {

    width: 100%;

    max-height: 188px;

    border-radius: 16px;

    overflow: hidden;

}



.whitepaper_panel_box_up img {

    width: 100%;

    height:100%;

    

}



.whitepaper_panel_box_dwn {

    width: 100%;

    padding: 32px;

}



.whitepaper_panel_box_dwn_top {

    display: flex;

    justify-content: space-between;

    align-items: start;

}



.whitepaper_panel_box_dwn_top_lt {

    width: auto;

}



.whitepaper_panel_box_dwn_top h6 {

    margin: 0px;

    font: 600 22px/31px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    display: inline-block;

    max-width: 13ch;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.whitepaper_panel_box_dwn_top_rt {

    width: auto;

    background: rgba(195, 195, 195, 1);

    border-radius: 15px;

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

    font: 500 11px / 17px "Poppins", sans-serif;

    padding: 4px 10px;

    text-transform: uppercase;

}



.whitepaper_panel_box_dwn_top_rt_green {

    width: auto;

    background: #4ec55e;

    border-radius: 15px;

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

    font: 500 11px / 17px "Poppins", sans-serif;

    padding: 4px 10px;

    text-transform: uppercase;

}



.whitepaper_panel_box_dwn p {

    margin-top: 20px;

    margin-bottom: 0px;

    color: rgba(77, 77, 77, 1);

    font: 400 16px/24px "Poppins", sans-serif;

    display: -webkit-box;

    /* required for webkit line-clamp */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    /* show 3 lines */

    overflow: hidden;

    /* hide the rest */

    text-overflow: ellipsis;

    /* show ... */

    /* Optional: make sure it behaves like a block with predictable width */

    max-width: 100%;

    line-height: 1.5;

}



.whitepaper_panel_box:hover {

    background: #e74c3c;

    transition: all ease-in-out .4s;

}



.whitepaper_panel_box:hover .whitepaper_panel_box_dwn_top_rt {

    background: rgb(255 170 170 / 34%);

}





.whitepaper_panel_box:hover .whitepaper_panel_box_dwn_top_lt h6 {

    color: #fff;

}



.whitepaper_panel_box:hover .whitepaper_panel_box_dwn p {

    color: #fff;

}



.whitepaper_panel_box:hover .paper_bar_rt_dwn .paper_date {

    color: #fff;

}



.whitepaper_panel_box:hover .paper_bar_rt_dwn .paper_date svg path {

    stroke: rgba(255, 171, 64, 1);

}



.whitepaper_panel_box:hover .paper_bar_rt_dwn .paper_arrow_kone svg {

    transform: rotate(45deg);

    /* transition: all ease-in-out .4s; */

}



.whitepaper_panel_box:hover .paper_bar_rt_dwn .paper_arrow_kone svg path {

    stroke: #fff;

}



.other_paper_slide {

    padding-top: 48px;

}



.whitepaper_ban_lt {

    width: 100%;

    padding-top: 70px;

}



.roundBox {

    border-radius: 8px;

    overflow: hidden;

}





/*Events*/

.events_sec {

    padding-top: 207px;

}



.event_mid {

    padding: 80px 0;

    background: rgba(253, 237, 235, 1);

}



.event_mid_txt {

    width: 100%;

    text-align: center;

}



.event_mid_txt p {

    margin: 0px;

    padding-top: 6px;

    font: 400 16px/24px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

}



.event_mid_txt h2 {

    margin-bottom: 0px;

}



.paper_date_main .paper_date {

    width: 100%;

    margin: 1px 0 6px;

}



.event_panel_box {

    width: 100%;

    margin-top: 48px;

}



.event_panel_box .whitepaper_panel_box_dwn {

    padding: 32px;

}

.event_panel_box .whitepaper_panel_box_up {

    max-height: 100%;

}



.event_details_sec {

    width: 100%;

    padding: 149px 0 40px;

}



.event_detail_inn {

    width: 100%;

    text-align: center;

}



.event_detail_inn img {

    padding: 32px 0 16px;

}



.event_detail_inn h1 {

    margin: 0px;

    font: 700 52px / 54px "Poppins", sans-serif;

    color: rgba(255, 171, 64, 1);

    text-transform: uppercase;

    text-align: center;

}



.event_details_date {

    width: 100%;

    margin-top: 32px;

}



.event_details_date a img {

    padding: 0px;

}



.event_details_date a {

    font: 500 14px/21px "Poppins", sans-serif;

    color: rgba(195, 195, 195, 1);

    cursor: auto;

}



.event_details_date span {

    padding: 0 24px;

}



.event_details_mid_inn {

    width: 100%;

}



.event_details_mid_inn h6 {

    text-align: center;

}



.event_details_mid_inn p {

    text-align: center;

}



.event_details_mid {

    width: 100%;

    background: rgba(253, 237, 235, 1);

}



.glimpse_event {

    width: 100%;

    background: rgba(255, 171, 64, 1);

    padding-top: 80px;

    padding-bottom: 80px;

}



.glimpse_event_inn {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 24px;

}



.glimpse_event_inn_lt {

    width: auto;

}



.glimpse_event_inn_lt h6 {

    margin: 0px;

    font: 600 40px/40px "Poppins", sans-serif;

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

    text-transform: uppercase;

    width: 280px;

}



.glimpse_event_inn_lt h6 span {

    color: rgba(47, 47, 47, 1);

}



.glimpse_event_inn_rt {

    width: auto;

}



.glimpse_event_inn_rt p {

    font: 400 16px/24px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

}



.glipse_event_slide {

    width: 100%;

    padding-top: 64px;

}



.glipse_event_box {

    width: 100%;

}



.glipse_event_box img {

    width: 100%;

    border-radius: 10px 10px 0 0;

}



.glipse_event_box_inn {

    position: absolute;

    bottom: 24px;

    left: 24px;

}



.glipse_event_box_inn span img {

    width: 16px;

    margin-right: 8px;

}



.glipse_event_box_inn h6 {

    margin: 8px 0 0px;

    font: 600 16px/22px "Poppins", sans-serif;

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

}



.glipse_event_box_inn span {

    color: rgba(195, 195, 195, 1);

    font: 500 13px/17px "Poppins", sans-serif;

}



.shadow {

    position: absolute;

    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0) 100%);

    width: 100%;

    height: auto;

    top: 138px;

    right: 0px;

    left: 0px;

    bottom: 0px;

    opacity: 1;

}



.event_detail_inn .fbc-page .fbc-wrap .fbc-items {

    width: 100%

}



.event_details_mid_inn p {

    margin-bottom: 0px;

}







.ebook_inner {

    width: 100%;

    margin-top: 48px;

}



.ebook_inner_box {

    width: 100%;

    background: #fff;

    border-radius: 16px;

}



.ebook_inner_box_dwn {

    width: 100%;

    padding: 32px;

}



.ebook_inner_box_dwn h6 {

    font: 600 22px/31px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    margin: 0px;

    display: -webkit-box;

    /* required for webkit line-clamp */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /* show 3 lines */

    overflow: hidden;

    /* hide the rest */

    text-overflow: ellipsis;

}



.ebook_inner_box_dwn_inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 20px;

}



.ebook_inner_box_dwn_inner_lt {

    width: 78%;

}



.ebook_inner_box_dwn_inner_lt p {

    margin: 0px;

    font: 400 16px/24px "Poppins", sans-serif;

    color: rgba(77, 77, 77, 1);

    display: -webkit-box;

    /* required for webkit line-clamp */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    /* show 3 lines */

    overflow: hidden;

    /* hide the rest */

    text-overflow: ellipsis;

}



.ebook_inner_box_up {

    width: 100%;

}



.ebook_inner_box_up img {

    width: 100%;

    height: 100%;

    border-radius: 16px;

}



.ebook_inner_box:hover {

    background: #e74c3c;

    transition: all ease-in-out .4s;

}



.ebook_inner_box:hover .ebook_inner_box_dwn h6 {

    color: #fff;

}



.ebook_inner_box:hover .ebook_inner_box_dwn_inner_lt p {

    color: #fff;

}



.ebook_inner_box:hover .paper_arrow_kone svg {

    transform: rotate(45deg);

}



.ebook_inner_box:hover .paper_arrow_kone svg path {

    stroke: #fff;

}



.new_ebook_rt {

    width: 100%;

}



.new_ebook_rt img {

    width: 100%;

}



.ebook_detail_dwn h6 {

    margin-bottom: 40px;

}



.ebook_detail_dwn p {

    padding-top: 24px;

}



.ebook_detail_btm {

    margin-top: 50px;

    display: flex;

    justify-content: start;

    align-items: center;

}



.ebook_detail_btm_lt {

    width: auto;

    padding-right: 20px;

}



.ebook_detail_btm_lt p {

    margin: 0px;

    font: 600 22px/25px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    text-transform: uppercase;

    padding: 0px;

}



.ebook_detail_btm_lt p span {

    color: rgba(231, 76, 60, 1);

}



.ebook_detail_btm_rt {

    width: auto;

    padding-left: 20px;

    border-left: 1px dashed rgba(165, 165, 165, 1);

}



.ebook_detail_btm_rt a {

    background: rgba(231, 76, 60, 1);

    border-radius: 50px !important;

    padding: 14.5px 24px;

    border-radius: 4px;

    font: 500 16px/19px "Poppins", sans-serif;

    color: rgba(255, 255, 255, 1) !important;

    border: none;



}



.blog_inn {

    width: 100%;

}



.blog_inn h1 {

    font: 700 52px/56px "Poppins", sans-serif;

    color: rgba(255, 171, 64, 1);

    text-transform: uppercase;

    margin: 0px;

    text-align: center;

}



.blog_inn h1 span {

    color: rgba(231, 76, 60, 1);

}



.blog_inn h3 {

    font: 700 20px/24px "Poppins", sans-serif;

    color: rgba(195, 195, 195, 1);

    text-transform: uppercase;

    margin: 24px 0 0px;

    text-align: center;

}



.searching_sec {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 32px;

}



.searching_sec_lt {

    width: 240px;

    position: relative;

}



.searching_sec {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

    margin: 0px auto;

    max-width: 800px;

}



.searching_sec_lt select {

    padding: 10px 15px;

    border: 1px solid #ccc;

    border-radius: 4px;

    font-size: 14px;

    font-weight: 400;

    color: rgba(47, 47, 47, 1);

    outline: none;

    width: 240px;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: #fff;

    outline: none;



}



.searching_sec_rt {

    display: flex;

    align-items: center;

    width: 100%;

    max-width: 500px;

    border-radius: 4px;

    overflow: hidden;

    background: #fff;

}



.searching_sec_rt input {

    flex: 1;

    padding: 10px 15px;

    border: none;

    outline: none;

    font-size: 14px;

    font-weight: 400;

}



.searching_sec_rt input::placeholder {

    color: rgba(47, 47, 47, 1);

    /* text color */

    font-size: 14px;

    /* font size */

    font-weight: 400;



}



.searching_sec_rt button {

    background: none;

    border: none;

    color: #fff;

    padding: 10px 20px;

    font-size: 14px;

    cursor: pointer;

}





.searching_sec_lt i {

    position: absolute;

    right: 16px;

    color: rgba(47, 47, 47, 1);

    top: 13px;

    pointer-events: none;

}



.blog_main {

    /* min-height: 492px; */

}



.blog_mid {

    background: rgba(253, 237, 235, 1);

    padding: 80px 0;

}



.blog_list_label {

    display: flex;

    justify-content: start;

    align-items: center;

}



.blog_list_label span {

    width: auto;

    background: rgba(195, 195, 195, 1);

    border-radius: 15px;

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

    font: 500 11px / 17px "Poppins", sans-serif;

    padding: 4px 10px;

    text-transform: uppercase;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.blog_list_hed {

    width: 100%;

}



.blog_list_hed h6 {

    margin: 0px;

    font: 600 18px/26px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.blog_list_hed {

    padding-top: 20px;

}



.whitepaper_panel_box:hover .blog_list_hed h6 {

    color: #fff;

}



.blog_list_label span {

    margin-right: 6px;

}



.whitepaper_panel_box:hover .paper_date span {

    color: rgba(255, 171, 64, 1) !important;

}



.whitedetails_mid {

    position: relative;

    /* z-index: -1; */

}



.paperbtn {

    position: relative;

}



.paperbtn .loader {

    position: absolute;

    bottom: 10px !important;

    top: auto !important;

}



.loader2 {

    position: absolute;

    width: 20px;

    right: 20px;

    top: 24px;

}





#phone_error {

    padding-left: 16px;

}



.ebook_detail_dwn h6 {

    margin-bottom: 16px;

}





/* =============================Services Inner Main Page====================================== */

.videoBg {

    background-color: #11142B;

}



.videoBg video {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    opacity: .3;

    mix-blend-mode: Luminosity;

    object-fit: cover;

}



.videoBg h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

}



.videoBgSubTitle {

    font-weight: 700;

    font-size: 30px;

    line-height: 35px;

    text-transform: uppercase;

    color: #C3C3C3;

    margin-bottom: 24px

}



.gameDevSideImg {

    background: #FFFFFF1A;

    backdrop-filter: blur(24px);

    border-radius: 24px;

    max-height: 522px;

    padding: 6px;

    position: relative;

}



.element1 {

    position: absolute;

    top: -38px;

    right: 38px;

}



.element2 {

    position: absolute;

    top: 45px;

    left: -45px;

}



.element3 {

    position: absolute;

    bottom: 160px;

    left: -28px;

}



.element4 {

    position: absolute;

    bottom: -18px;

    right: 11px;

}



.awardImg {

    margin-top: 97px;

    margin-bottom: 20px;

    width: 100%;

    height: 105px;

    max-width: 587px;

}



.gameDevClientSlider .swiper-wrapper {

    transition-timing-function: linear !important;

}



.gameDevClientSlider .swiper-slide {

    width: auto;

    padding: 0 12px;

    white-space: nowrap;

}



.gameDevClientSlider .swiper-slide img {

    -webkit-filter: grayscale(1);

    filter: grayscale(1);
    max-width: 100%;

}



.gameDevClientSlider .swiper-slide img:hover {

    -webkit-filter: none;

    filter: none;

}



.trustedBy {

    border-right: 1px dashed rgb(46 15 12 / 32%);

}



.trustedBy h3 {

    font-weight: 600;

    font-size: 40px;

    line-height: 41px;

    text-transform: capitalize;

    color: #2F2F2F;

    margin-bottom: 38px;

}



.trustedBy h4 {

    font-weight: 600;

    font-size: 16px;

    line-height: 27px;

    color: #2F2F2F;

    margin-bottom: 10px;

}



.trustedBy p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    color: #2F2F2F;

    margin: 0;

}



.highlightedRow h3,

.highlightedRowDark h3 {

    margin-bottom: 40px;

}



.highlightedRow svg.radial-progress,

.highlightedRowDark svg.radial-progress {

    height: auto;

    max-width: 96px;

    padding: 0;

    transform: rotate(-90deg);

    width: 100%;

    border-radius: 50%;

    -webkit-border-radius: 50%;

}



.highlightedRow .svg-container svg.radial-progress:nth-child(even),

.highlightedRowDark .svg-container svg.radial-progress:nth-child(even) {

    margin: 0 15px;

}



.highlightedRow svg.radial-progress circle {

    fill: transparent;

    stroke: #FADBD8;

}



.highlightedRowDark svg.radial-progress circle {

    fill: transparent;

    stroke: #3A3F65;

}



.highlightedRow svg.radial-progress circle.bar-static {

    stroke: #FADBD8 !important;

}



.highlightedRowDark svg.radial-progress circle.bar-static {

    stroke: #3A3F65 !important;

}



.highlightedRow svg.radial-progress circle.bar--animated {

    stroke-dasharray: 219.91148575129;

    stroke: #e74c3c;

    stroke-dashoffset: 219.91148575129;

    stroke-width: 4px;

}



.highlightedRowDark svg.radial-progress circle.bar--animated {

    stroke-dasharray: 219.91148575129;

    stroke: #FFAB40;

    stroke-dashoffset: 219.91148575129;

    stroke-width: 4px;

}



.highlightedRow svg.radial-progress text {

    font-size: 0px;

    fill: #fff;

    text-anchor: middle;

}



.highlightedRow .circleText {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    font-size: 24px;

    font-weight: 700;

    color: #2F2F2F;

    line-height: 28px;

    text-align: center;

    position: absolute;

}



.highlightedRowDark .circleText {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    font-size: 24px;

    font-weight: 700;

    color: #fff;

    line-height: 28px;

    text-align: center;

    position: absolute;

}



.highlightedRow .circleText sup {

    top: -4px;

    line-height: 0;

    font-size: 22px;

    font-weight: 700;

}



.highlightedRow .uspText {

    font-size: 14px;

    font-weight: 600;

    color: #2F2F2F;

    line-height: 19px;

    margin-top: 15px;

    margin-bottom: 0;

}



.ourServiceSwiper .serviceBox {

    border-radius: 16px;

    overflow: hidden;

    position: relative;

    /* height: 214px; */

}



.serviceGradient {

    background: linear-gradient(180deg, #FFFFFF 0%, #FDEDEB 100.04%);

}



.serviceBoxOverlay {

    background: linear-gradient(180deg, rgba(17, 20, 43, 0) 0%, rgba(17, 20, 43, 0.72) 56.1%);

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 24px 16px 16px;

    font-weight: 500;

    font-size: 16px;

    line-height: 21px;

    text-transform: capitalize;

    color: #fff;

    width: 100%;

}



.workTabMain {

    margin-top: 48px;

}



.workTabs {

    border-bottom: 1px solid #e74c3c;

}



.workTabList {

    border-radius: 50px;

    box-shadow: 0px 0px 16px 0px #00000029;

    background-color: #fff;

    padding: 4px;

    margin-bottom: 25px;

}



.workTabList .tab {

    padding: 12px 20px;

    cursor: pointer;

    min-width: 168px;

    border-radius: 50px;

    text-align: center;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    color: #2F2F2F;

    position: relative;

}



.workTabList .tab.active {

    background: #e74c3c;

    color: #fff;

}



.workTabList .tab.active::after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    border-left: 1px solid #e74c3c;

    border-right: 0px solid #e74c3c;

    border-bottom: 0px solid transparent;

    border-top: 1px solid #e74c3c;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -37px;

    transform: rotate(45deg);

    background: #fff;

}



.workTabMain .tab-content {

    display: none;

    padding: 20px 0;

}



.workTabMain .tab-content.active {

    display: flex;

}



.left-panel {

    background: #FFAB40;

    border-radius: 16px;

    /* padding: 20px; */

    height: 100%;

}



.left-panel img {

    width: 250px;

    border-radius: 12px;

}



.details {

    width: 100%;

    padding: 32px;

}



.details h3 {

    font-weight: 600;

    font-size: 30px;

    line-height: 25px;

    text-transform: capitalize;

    color: #fff;

    margin-bottom: 15px;

}



.details h3 span {

    font-weight: 400;

    font-size: 16px;

}



.details p {

    font-weight: 400;

    font-size: 15px;

    line-height: 27px;

    color: #452D0D;

}



.details small {

    font-weight: 500;

    font-size: 13px;

    line-height: 17px;

    color: #FFFFFF;

}



.details small span {

    font-weight: 300;

}



.imageBox {

    position: relative;

    border-radius: 16px;

    overflow: hidden;

}



.titleArtOverlay {

    background: linear-gradient(180deg, rgba(17, 20, 43, 0) 0%, #11142B 103.08%);

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 24px;

    width: 100%;

    text-align: center;

}



.titleArtOverlay img {

    max-width: 180px;

}



.gameLink img {

    width: 40px;

    margin-bottom: 24px;

}



.thumbs {

    width: 100%;

    background-color: #0C0E1C;

    border-radius: 16px;

    overflow: hidden;

}



.thumbs img {

    width: 100%;

    border-radius: 8px;

    cursor: pointer;

    opacity: 0.24;

    transition: 0.3s;

}



.thumbs img.active,

.thumbs img:hover {

    opacity: 1;

}



.portfolioLink {

    font-weight: 300;

    font-style: Italic;

    font-size: 16px;

    line-height: 21px;

    color: #fff;

    position: absolute;

    width: 140px;

    bottom: 24px;

    left: 24px;

}



.portfolioLink span {

    font-weight: 600;

}



.portfolioLink p {

    margin-top: 20px;

}



.portfolioLink a img {

    transition: all ease-in-out .3s;

}



.portfolioLink a:hover img {

    transform: rotate(45deg);

    transition: all ease-in-out .3s;

}



.workBox {

    position: relative;

    border-radius: 16px 16px 0 0;

    overflow: hidden;

}



.workBoxOverlay {

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    padding: 56px 24px 24px 24px;

    background: linear-gradient(0deg, #111111 42.77%, rgba(17, 17, 17, 0) 100%);

}



.workBoxOverlay h2 {

    font-weight: 600;

    font-size: 16px;

    line-height: 21px;

    letter-spacing: 0.25px;

    color: #fff;

}



.workBoxOverlay p {

    font-weight: 500;

    font-size: 13px;

    line-height: 17px;

    color: #888888;

}



.workBoxOverlay p span {

    color: #C3C3C3;

}



.blueBg {

    background-color: #1D2247;

}



.text-graysBlue {

    color: #AEB4DE;

}



.solutionSlider {

    margin-top: 48px;

}



.solutionSliderImage {

    border-radius: 16px;

    overflow: hidden;

    width: 100%;

    height: 100%;

}



.solutionSliderDetails {

    padding: 32px;

}



.solutionSliderDetails h4 {

    font-weight: 600;

    font-size: 32px;

    line-height: 37px;

    text-transform: capitalize;

    color: #FFAB40;

    margin-top: 0;

    margin-bottom: 24px;

}



.solutionSliderDetails p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #AEB4DE;

    margin-bottom: 36px;

}



.solutionSliderDetails ul {

    margin: 0;

    padding-left: 20px;

    list-style: none;

}



.solutionSliderDetails ul li {

    font-weight: 500;

    font-size: 15px;

    line-height: 19px;

    color: #FFFFFF;

    margin-bottom: 16px;

    position: relative;

    padding-left: 12px;



}



.solutionSliderDetails ul li::before {

    content: counter(list-counter);

    counter-increment: list-counter;

    position: absolute;

    left: -24px;

    top: 50%;

    transform: translateY(-50%);

    background: #3A3F65;

    color: #FFAB40;

    font-weight: 500;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    line-height: 27px;

}



.solutionSliderDetails ul {

    counter-reset: list-counter;

}



.solutionSlider .swiper-slide {

    background: #FFFFFF0A;

    border-radius: 16px;

    backdrop-filter: blur(24px);

    -webkit-backdrop-filter: blur(24px)

}



.solutionSlider .swiper-pagination-bullet {

    background-color: #C3C3C3;

    opacity: 0.24;

}



.processGradientBg {

    background: linear-gradient(360deg, #FDEDEB 0%, #FFFFFF 100%);



}



.processIcon {

    width: 144px;

    height: 144px;

    border-radius: 100%;

    box-shadow: 0px 0px 16px 0px #00000029;

    border: 10px solid #FDEDEB;

    background-color: #1D2247;

    position: relative;

    z-index: 2

}



.processIcon img {

    width: 48px;

}



.processIcon2 {

    width: 144px;

    height: 144px;

    border-radius: 100%;

    box-shadow: 0px 0px 16px 0px #00000029;

    border: 10px solid #FDEDEB;

    background-color: #FFAB40;

    position: relative;

    z-index: 2;

}



.processIcon2 img {

    width: 48px;

}



.processTitle {

    font-weight: 600;

    font-size: 15px;

    line-height: 25px;

    text-align: center;

    color: #2F2F2F;

    position: relative;

}



.processLine {

    width: 1px;

    height: 48px;

    border-left: 1px dashed #1D2247;

    margin: 15px auto;

}



.blankSpace {

    min-height: 130px;

}



.curveEnd {

    position: absolute;

    width: 94px;

    height: 94px;

    background-image: url(../../../uploads/2025/10/curve-bottom.png);

    background-repeat: no-repeat;

    background-size: 100%;

    bottom: 89px;

    left: 0px;

    z-index: 1;

}



.curveEndLast {

    position: absolute;

    width: 94px;

    height: 94px;

    background-image: url(../../../uploads/2025/10/curve-bottom.png);

    background-repeat: no-repeat;

    background-size: 100%;

    bottom: 89px;

    right: 0;

    z-index: 1;

    transform: rotate(75deg);

    -webkit-transform: rotate(75deg);

}



.curveTop {

    position: absolute;

    width: 188px;

    height: 94px;

    background-image: url(../../../uploads/2025/10/curve-up.png);

    background-repeat: no-repeat;

    background-size: 100%;

    top: 90px;

    left: 93px;

    z-index: 1;

}



.curveBottom {

    position: absolute;

    width: 188px;

    height: 94px;

    background-image: url(../../../uploads/2025/10/curve-up.png);

    background-repeat: no-repeat;

    background-size: 100%;

    bottom: 90px;

    left: 93px;

    z-index: 1;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}



.featureBorderBox {

    width: 100%;

    border-radius: 16px;

    border: 2px dashed #e74c3c;

    padding: 16px;

    text-align: center;

    background-color: #fff;

    height: 100%;

}



.featureBorderBox img {

    max-width: 42px;

}



.featureBorderBox p {

    font-weight: 500;

    font-size: 13px;

    line-height: 19px;

    text-align: center;

    margin-top: 24px;

    margin-bottom: 0;

    color: #2F2F2F;

}



.devPartnerInfo {

    margin-bottom: 48px;

    width: 100%;

}



.devPartnerInfo h3 {

    font-weight: 600;

    font-size: 18px;

    line-height: 32px;

    color: #fff;

    margin-bottom: 6px;

}



.devPartnerInfo h3 span {

    display: inline-block;

    width: 32px;

    height: 32px;

    border-radius: 50px;

    background-color: #2F2F2F;

    color: #FFAB40;

    font-weight: 500;

    font-size: 16px;

    line-height: 32px;

    text-align: center;

    margin-right: 6px;

}



.devPartnerInfo p {

    margin: 0;

}



.featureSlider .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #FFAB40 !important;

}



/* =============================Services Inner Main Page====================================== */





.whitepaper_panel_box:hover .blog_list_label span {

    background: #ff9085;

}



.paginate {

    width: 100%;

    text-align: center;

}



.paginate .page-numbers {

    padding: 6px 12px;

    border-right: 1px solid #e94b3c;

}



.paginate_inn {

    width: auto;

    display: inline-block;

    border: 1px solid #e74c3c;

    border-radius: 25px;

    padding: 6px 12px;

}



.paginate .page-numbers:last-child {

    border: none;

}







/*08.09.2025*/

.new_blog_details {

    width: 100%;

    padding: 170px 0px 64px;

    background: rgba(17, 20, 43, 1);

}



.new_blog_details_txt {

    width: 100%;

    text-align: center;

}



.new_blog_details_txt h1 {

    color: rgba(255, 171, 64, 1);

    margin: 0px;

    font: 700 52px/54px "Poppins", sans-serif;

    text-transform: uppercase;

    text-align: center;

}



.new_blog_date {

    width: 100%;

    margin-top: 32px;

    color: rgba(136, 136, 136, 1);

    font: 400 15px/20px "Poppins", sans-serif;

    gap: 16px;

}



.contactus-form .contact-checkbox:before {

    border: 1px solid #A1A1A1 !important;

    box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .06) !important;

}



.blog_details_mid_lt_img {

    width: 100%;

}



.blog_details_mid_lt_img img {

    width: 100%;

    border-radius: 16px;

}



.blog_details_mid_rt {

    width: 100%;

    background: rgba(253, 237, 235, 1);

    padding: 24px;

    border-radius: 16px;

}



.blog_details_mid_rt h4 {

    margin: 0px;

    font: 600 30px/32px "Poppins", sans-serif;

    text-transform: uppercase;

    color: rgba(47, 47, 47, 1);

}



.blog_details_mid_rt h4 span {

    color: rgba(231, 76, 60, 1);

}



.blog_details_mid_rt ul {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}



.blog_details_mid_rt ul li {

    padding-top: 20px;

    font: 600 15px/19px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    display: flex;

    align-items: flex-start;

}



.blog_details_mid_rt ul li::before {

    content: "•";

    font-size: 24px;

    color: rgba(231, 76, 60, 1);

    margin-right: 8px;

}



.blog_details_mid_rt a {

    width: 100%;

    margin-top: 20px;

    padding: 14.5px 0;

    border-radius: 50px;

    background: rgba(231, 76, 60, 1);

    font: 500 16px/19px "Poppins", sans-serif;

    color: #fff;

    text-transform: uppercase;

    display: inline-block;

    text-align: center;

    border: none;

}



.blog_details_mid_dwn {

    width: 100%;

    padding-top: 20px;

}



.blog_details_mid_dwn_bar {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: rgba(253, 237, 235, 1);

    padding: 24px;

    border-radius: 16px;

}



.blog_details_mid_dwn_bar_lt {

    width: auto;

}



.blog_details_mid_dwn_bar_lt p {

    margin: 0px;

    font: 600 22px/27px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    text-transform: uppercase;

}



.blog_details_mid_dwn_content {

    width: 100%;

    padding: 10px 0 0;

}



.blog_details_mid_dwn_content strong,

.blog_details_mid_dwn_content strong b,

.blog_details_mid_dwn_content h3 strong,

.blog_details_mid_dwn_content h3 b,

.blog_details_mid_dwn_content p b {

    font-weight: 500;

}



.blog_details_mid_dwn_content p {

    margin-bottom: 25px;

}



.blog_details_mid_dwn_content h3,

.blog_details_mid_dwn_content h2 {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 15px;

}



.blog_details_mid_dwn_content ul li {

    margin-bottom: 10px;

}



.blog_details_mid_dwn_content1 {

    width: 100%;

}



.blog_details_mid_dwn_content1 p {

    font: 400 16px/24px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    margin: 0px;

    text-align: justify;

    padding-top: 24px;

}



.blog_details_mid_dwn_content2 {

    width: 100%;

    margin-top: 40px;

}



.blog_details_mid_dwn_content2 p {

    font: 400 16px/24px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    padding-top: 24px;

    margin: 0px;

}



.blog_details_mid_dwn_content2 h2 {

    margin: 0px;

    font: 600 30px/34px "Poppins", sans-serif;

    color: rgba(47, 47, 47, 1);

    text-transform: uppercase;

}



.blog_details_mid_dwn_content2 h3 {

    font: 400 24px/40px "Poppins", sans-serif;

    margin: 0px;

}



.blog_details_mid_dwn_bar_rt {

    width: 32px;

    height: 32px;

    border: 1px solid #fbdbd8;

    border-radius: 50%;

    text-align: center;

    padding-top: 3px;

}



.blog_details_mid_lt {

    width: 100%;

    padding-right: 18px;

}



.blogPagination li a {

    padding: 10px 18px !important;

    font-size: 16px;

    color: #212121 !important;

}



.blogPagination li.active a,

.blogPagination li.active a:hover {

    background-color: #e74c3c;

    border: 1px solid #e74c3c;

    color: #fff !important;

}



.blogPagination .page-item:first-child .page-link {

    border-top-left-radius: 8px;

    border-bottom-left-radius: 8px;

}



.blogPagination .page-item:last-child .page-link {

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

}



/* ======================================Game Dev New York============================================= */



.newYorkBg {

    background-color: #11142B;

    min-height: 730px;

    background-image: url(../../../uploads/2025/09/gamedevNewyork.png);

    background-size: cover;

    background-repeat: no-repeat;

}



.newYorkBgBannerSpacing {

    margin-top: 108px !important;

}



.newYorkBg h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

}



.gameDevNYbg {

    position: absolute;

    right: 0;

    bottom: -68px;

    width: 670px !important;

}



.liteTxt {

    font-weight: 300;

    color: #C3C3C3;

}



.mapBg {

    width: 100%;

}



.mapInfoBox {

    position: absolute;

    top: 0;

}



.mapClientBox {

    min-height: 176px;

    border: 1px dashed #F5B7B1;

    border-radius: 16px;

    -webkit-border-radius: 16px;

    padding: 32px;

    margin-top: 16px;

}



.mapClientBox h5 {

    font-weight: 600;

    font-size: 52px;

    line-height: 56px;

    letter-spacing: 0.25px;

}



.mapClientBox h5 sup {

    font-weight: 500;

    font-size: 40px;

    line-height: 40px;

}



.mapClientBox p {

    font-weight: 500;

    font-size: 18px;

    line-height: 23px;

}



.serviceBg {

    background: linear-gradient(180deg, #FDEDEB 0%, #FFFFFF 83.85%, #FDEDEB 100%);



}



.hide-until-init {

    visibility: hidden;

}



.expertiseTech img {

    filter: grayscale(1);

    transition: all ease-in-out .3s;

}



.expertiseTech img:hover {

    filter: grayscale(0);

    transition: all ease-in-out .3s;

}



.newTab-container {

    min-width: 344px;

    border-radius: 50px;

    padding: 4px;

    background: #FFFFFF;

    box-shadow: 0px 0px 16px 0px #00000029;

    margin: 48px 0;

}



.newTab-container .tab-button {

    width: 100%;

    border-radius: 50px;

    text-align: center;

    padding: 12px 46px;

    cursor: pointer;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

}



.newTab-container .tab-button.active {

    background-color: #e74c3c;

    color: #fff;

}



.vtab-wrapper {

    width: 100%;

}



.newTab-content .content {

    display: none;

}



.newTab-content .content.active {

    display: block;

}



.vtab-list {

    background-color: #fff;

    padding: 24px;

    border-radius: 16px 0 0 16px;

    box-shadow: 0px 0px 24px 0px #00000029;

    height: fit-content;

    min-height: 420px;

}



.vtab-item,

.vtab-item2 {

    padding: 16px 20px 16px 35px;

    cursor: pointer;

    transition: all 0.3s ease;

    font-weight: 600;

    font-size: 17px;

    line-height: 30px;

    text-transform: uppercase;

    color: #2F2F2F;

    position: relative;

    transition: all linear .5s;

}



.vtab-item:before,

.vtab-item2:before {

    position: absolute;

    content: '';

    left: 11px;

    top: 0;

    height: 100%;

    width: 2px;

    background-color: #E5E5E5;

    transition: all linear .5s;

}



.vtab-item.vactive:before,

.vtab-item2.vactive2:before {

    background-color: #e74c3c;

    transition: all linear .5s;

}



.vtab-item:after,

.vtab-item2:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 20px;

    bottom: 0;

    height: 24px;

    width: 24px;

    background-color: #E5E5E5;

    border-radius: 50px;

    transition: all linear .5s;

}



.vtab-item.vactive:after,

.vtab-item2.vactive2:after {

    background-color: #e74c3c;

    transition: all linear .5s;

}



/* .vtab-item:hover {

    background-color: #f9f9f9;

} */



.vtab-item.vactive,

.vtab-item2.vactive2 {

    color: #e74c3c;

}



.arrow {

    position: absolute;

    right: 0;

    top: 20px;

}



.arrow:before {

    position: absolute;

    content: '';

    background: url(../../../uploads/2025/09/grayPoint.png) no-repeat;

    background-size: contain;

    height: 23px;

    width: 14px;

    right: -38px;

    opacity: 0;

    transition: all linear .3s;

    z-index: 1;

}



.vtab-item.vactive .arrow:before,

.vtab-item2.vactive2 .arrow:before {

    opacity: 1;

    transition: all linear .3s;

}



.v-tab-content {

    flex-grow: 1;

    padding: 48px;

    background-color: #fff;

    box-shadow: 0px 0px 24px 0px #00000029;

    border-radius: 16px;

    min-height: 480px;

}



.vcontent,

.vcontent2 {

    display: none;

}



.vcontent.vactive,

.vcontent2.vactive2 {

    display: block;

}



.hiringAccordion {

    box-shadow: 0px 0px 24px 0px #00000029;

    border-radius: 16px 0 0 16px;

    padding: 24px;

}



.hiringAccordion .accordion-item {

    border: none;

    border-radius: 0;

    padding-left: 20px;

    position: relative;

}



.hiringAccordion .accordion-item:before {

    position: absolute;

    content: ' ';

    width: 2px;

    height: 100%;

    background-color: #E5E5E5;

    left: 12px;

    top: 0;

}



.hiringAccordion .accordion-button {

    background-color: transparent !important;

    border-radius: 0;

    font-weight: 600;

    font-size: 17px;

    line-height: 30px;

    letter-spacing: 0.25px;

    text-transform: uppercase;

    position: relative;

    padding: 20px;

}



.hiringAccordion .accordion-button:before {

    position: absolute;

    content: ' ';

    width: 24px;

    height: 24px;

    border-radius: 50px;

    background-color: #E5E5E5;

    left: -20px;

    top: 24px;

}



.hiringAccordion .accordion-button:focus {

    box-shadow: none;

    outline: none;

}



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

    background-color: transparent;

    color: #e74c3c;

    box-shadow: none;

}



.hiringAccordion .accordion-button:not(.collapsed):before {

    background-color: #E74C3C;

}



/* .hiringAccordion .accordion-button:not(.collapsed) ~ .hiringAccordion .accordion-item:before{

    background-color: #E74C3C;

} */

.hiringAccordion .accordion-item:has(.accordion-button:not(.collapsed)):before {

    background-color: #E74C3C;

}



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

    background-image: url(../../../uploads/2025/09/CheckboxChecked.png) !important;

    background-size: 24px !important;

    width: 24px !important;

    height: 24px !important;

    transform: rotate(0deg);

}



.hiringAccordion .accordion-button::after {

    background-image: url(../../../uploads/2025/09/Checkbox.png) !important;

    background-size: 24px !important;

    width: 24px !important;

    height: 24px !important;

}



.hireForm {

    background-color: #11142B;

    padding: 24px;

    border-radius: 24px;

    width: 100%;

    height: 100%;

}



.hireForm h2 {

    font-weight: 600;

    font-size: 22px;

    line-height: 25px;

    text-transform: uppercase;

    color: #fff;

}



.hireForm p {

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

    color: #A5A5A5

}



.hireForm a {

    font-weight: 500;

    font-size: 13px;

    line-height: 19px;

    letter-spacing: 0.25px;

    text-decoration: underline !important;

    color: #E74C3C;

}



.hiringBtn {

    background-color: #E74C3C;

    color: #fff !important;

    padding: 14px 24px !important;

    font-weight: 500;

    font-size: 16px !important;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

    border-radius: 50px !important;

    -webkit-border-radius: 50px !important;

    width: 300px !important;

    border: none !important;

}





/* ======================================Game Dev New York============================================= */

.industry_blog_part {

    padding: 0 0 80px;

}



.new_thankyou_sec {

    width: 100%;

    background: RGBA(255, 255, 255, 0);

    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 229, 226, 1) 100%);

    padding: 160px 0 112px;

}



.new_thankyou_inn {

    width: 100%;

    text-align: center;

}



.new_thankyou_inn img {

    width: 192px;

}



.new_thankyou_inn h1 {

    position: relative;

    font: 700 100px/110px "Poppins", sans-serif;

    color: #e74c3c;

    /* red fill */

}



.new_thankyou_inn h1::after {

    content: attr(data-text);

    /* same text again */

    position: absolute;

    top: 5px;

    left: 4px;

    margin: 0 auto;

    text-align: center;

    color: transparent;

    /* no fill */

    -webkit-text-stroke: 1px #e94b3c;

    pointer-events: none;

    width: 100%;

}



.new_thankyou_inn h6 {

    margin: 33px 0 0px;

    font: 400 24px/35px "Poppins", sans-serif;

    color: rgba(17, 20, 43, 1);

    text-align: center;

}



.new_thankyou_inn p {

    margin: 20px 0 0px;

    font: 700 24px/35px "Poppins", sans-serif;

    color: rgba(17, 20, 43, 1);

    text-align: center;

}



.new_thankyou_box {

    width: 100%;

    background: rgba(14, 18, 36, 1);

    position: relative;

    border-radius: 16px;

}



.new_thankyou_box img {

    width: 100%;

    border-radius: 16px;

    opacity: 0.6;

}



.new_thankyou_box_txt {

    background: linear-gradient(180deg, rgba(50, 50, 50, 0) 0%, #323232 100%);

    padding: 30px 20px;

    position: absolute;

    bottom: 0px;

    width: 100%;

    left: 0px;

    border-radius: 0 0 16px 16px;

}



.new_thankyou_box_txt h4 {

    margin: 0px;

    font: 600 24px/30px "Poppins", sans-serif;

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

}



.new_thankyou_box_txt a {

    display: inline-block;

    line-height: 16px;

    padding: 8px 25px;

    font-size: 9px;

    font-family: "Poppins", sans-serif;

    margin-top: 10px;

    text-decoration: none;

    border: 1px solid rgba(255, 171, 64, 1);

    border-radius: 20px;

    color: #fff;

    font-weight: 700;

}



.new_thankyou_mid {

    width: 100%;

    background: rgba(253, 237, 235, 1);

}



.new_thankyou_box_txt a:hover {

    background: #FFAB40;

    color: #fff;

}



.igaming_sec .iconTab.active img {

    filter: invert(1) brightness(100);

}



.igaming_sec .iconTab img {

    width: 32px;

    height:32px;

}



.igaming_sec .accordionIcon img {

    filter: invert(1) brightness(100);

}



.igaming_ban .cardImg {

    bottom: -6%;

}



.igaming_ban_new .cardImg {

    bottom: -65%;

}



.igaming_ban_new .cardImg img{width:96%;}



.acco_mob span {

    width: 32px;

    height: 32px;

    background-color: #3A3F65;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    margin-right: 10px;

    font-weight: 500;

}



#technologiesAccordion .accordion-list .acco_mob span {

    color: #FFAB40;

}



.acco_mob p {

    color: #FFAB40;

    font-weight: 600;

    font-size: 16px;

    line-height: 19px;

    letter-spacing: 0.2px;

    margin-bottom: 16px;

}



#technologiesAccordion .acco_mob p {

    color: #2F2F2F;

}



.bulletList p a {

    color: #212529;

    text-decoration: underline;

}

.tictac{

    position:relative

}

.tictac .cardImg {

    bottom: -15px;

}



.roundMenuBox {

    border-radius: 50px;

    background-color: #fff;

    box-shadow: 0px 0px 16px 0px #00000029;

    padding: 5px;

    width: fit-content;

    margin: 0 auto;

    /* margin-bottom: 48px; */

}



/* #portfolioTabContent,

#expertiseTabContent{

    margin-top:30px;

    padding-top:30px;

    border-top:1px solid #fff;

} */

#expertiseTabContent {

    border-top: 1px solid #e74c3c;

}



.esports-bg {

    background: url(../../../uploads/2025/10/esports-bg.png) no-repeat;

    background-size: cover;

    padding-top: 135px !important;

}



.esports-bg h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

    margin-bottom: 32px;

}



.esports-bg p {

    font-weight: 600;

    font-size: 19px;

    line-height: 27px;

    text-transform: uppercase;

    color: #C3C3C3;

    margin-bottom: 5px

}



.blurBg {

    backdrop-filter: blur(24px);

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

    box-shadow: 0px 0px 16px 0px #00000029;

    border-radius: 16px;

    padding: 8px;

    transform: translate(0px, -60px);

}



.blurBgInner {

    border-radius: 10px;

    padding: 8px;

    background: linear-gradient(180deg, rgba(23, 27, 57, 0.8) 0%, #171B39 100%);

    backdrop-filter: blur(24px);

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

    padding: 25px 32px !important;

}



.blurBgInner h2 {

    font-weight: 600;

    font-size: 48px;

    line-height: 48px;

    letter-spacing: 0.25px;

    color: #fff;

    margin: 0;

    margin-bottom: 8px;

}



.blurBgInner h2 sup {

    font-size: 28px;

    font-weight: 500;

    line-height: 17px;

}



.blurBgInner p {

    font-weight: 500;

    font-size: 14px;

    line-height: 14px;

    color: #888888;

    margin: 0;

}



.blurBgInnerPadding {

    padding: 0 32px;

    border-right: 1px dashed #747AA2;

    height: 100%;

}



.redCard {

    background-color: #e74c3c;

    border-radius: 16px;

    padding: 32px;

}



.redCard h3 {

    font-weight: 600;

    font-size: 40px;

    line-height: 41px;

    text-transform: capitalize;

    color: #fff;

    margin-bottom: 30px;

}



.redCard p {

    font-weight: 300;

    font-size: 16px;

    line-height: 25px;

    color: #fff;

    margin: 0;

}



.redCardImg {

    width: 40px;

    height: 40px;

    margin-right: 16px;

}



.whiteBorderBox {

    background-color: #fff;

    border: 1px dashed #F5B7B1;

    border-radius: 16px;

    padding: 24px;

    height: 100%;

    font-size: 14px;

}



.whiteBorderBox h2 {

    font-weight: 600;

    font-size: 34px;

    line-height: 32px;

    letter-spacing: 0.25px;

    color: #2F2F2F;

    margin-bottom: 15px;

    margin-top: 20px

}



.whiteBorderBox h2 sup {

    font-size: 18px;

}



.whiteBorderBox p {

    font-weight: 500;

    font-size: 14px;

    line-height: 21px;

    color: #4D4D4D;

    margin: 0;

}



.floatingBackdrop {

    background-color: #FADBD8;

    border-radius: 16px;

    max-width: 685px !important;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    right: -25px;

}



.esports-vtab-container .vtab-content {

    border: 1px solid #fff;

    background-color: #FFDDB3;

    border-radius: 8px 8px 0 8px;

    padding: 40px !important;

}



.esports-vtab-container .vtab {

    border-bottom: 1px solid #FFCD8C;

    border-top: 1px solid #FFCD8C;

    font-weight: 600;

    font-size: 17px;

    line-height: 30px;

    letter-spacing: 0.25px;

    text-transform: uppercase;

    color: #2F2F2F;

}



.esports-vtab-container .vtab.active {

    background-color: #FFDDB3;

    border-color: #FFFFFF;

    border-right-color: transparent;

    color: #2F2F2F;

}



.IllustrationMen {

    transform: translate(-31px, 38px);

}



.caseStudySlider .pageSubTitle {

    color: #AEB4DE;

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    margin-top: 32px;

    margin-bottom: 48px;

}

.caseStudySlider .swiper-slide img{

    height: 100%;

}



.keyBox {

    border: 1px dashed #575C83;

    padding: 16px;

    border-radius: 8px;

    color: #AEB4DE;

    height: 100%;

}



.keyBox p {

    font-weight: 500;

    font-size: 11px;

    line-height: 14px;

    text-transform: uppercase;

    padding-top: 16px;

    margin-top: 16px;

    margin-bottom: 0;

    border-top: 1px dashed #575C83;

}



.keyNumber {

    color: #FFAB40;

    font-weight: 500;

    font-size: 14px;

    line-height: 21px;

    text-transform: capitalize;

}



.keyNumber img {

    width: 28px;

    height: 28px;

    margin-right: 8px;

}



.sliderListTitle {

    font-weight: 600;

    font-size: 24px;

    line-height: 26px;

    margin-top: 24px;

    margin-bottom: 36px;

}



.sliderList {

    list-style: none;

    padding: 0;

}



.sliderList li {

    font-weight: 400;

    font-size: 14px;

    line-height: 19px;

    letter-spacing: 0.25px;

    margin-bottom: 26px;

    color: #FFFFFF;

}



.sliderList li:last-child {

    margin: 0;

}



.sliderList li span {

    display: inline-block;

    width: 24px;

    height: 24px;

    border-radius: 50px;

    background-color: #FFAB40;

    margin-right: 10px;

    font-weight: 500;

    font-size: 12px;

    line-height: 24px;

    text-align: center;

    color: #11142B;



}



.techStackBox {

    border: 2px dashed #1D2247;

    background: #fff;

    border-radius: 8px;

    min-height: 54px;

    width: 100%;

}



.techStackTitle {

    font-size: 34px;

    line-height: 30px;

    font-weight: 700;

    color: #fff;

    opacity: 0.25;

    text-transform: uppercase;

}



.techStackTitle span {

    font-size: 18px;

    font-weight: 500;

    line-height: 24px;

}



.featureBlueBox {

    background: #1D2247;

    border-radius: 16px;

    padding: 32px;

}



.featureBox2 {

    padding: 32px;

}



.featureBlueBox h3,

.featureBox2 h3 {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    margin-bottom: 32px;

}



.featureBlueBoxInnerItems {

    background-color: #fff;

    padding: 36px 30px;

    border-radius: 16px;

    width: 100%;

    text-align: center;

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    color: #2F2F2F;

    height: 100%;

}



.featureBlueBoxInnerItems p {

    margin-top: 24px;

    margin-bottom: 0;

}



.featureBlueBoxInnerItems img {

    max-width: 52px;

}



.featureBoxBorderBox {

    border: 1px dashed #A5A5A5;

    border-radius: 16px;

    padding: 18px;

    width: 100%;

    font-weight: 600;

    font-size: 18px;

    line-height: 25px;

    letter-spacing: 0.25px;

    color: #2F2F2F;



}



.featureBoxBorderBox img {

    max-width: 78px;

    border-radius: 8px;

    margin-right: 16px;

}



.specializeList {

    list-style: none;

    margin: 0;

    padding: 0;

}



.specializeList li {

    font-weight: 600;

    font-size: 18px;

    line-height: 19px;

    letter-spacing: 0.25px;

    color: #fff;

    margin-bottom: 24px;

}



.specializeList li span {

    background: #2F2F2F;

    width: 32px;

    height: 32px;

    border-radius: 50px;

    font-weight: 500;

    font-size: 16px;

    line-height: 32px;

    text-align: center;

    color: #FFAB40;

    display: inline-block;

    margin-right: 6px;

}



.esportsMarketSlider .swiper-slide {

    background: #fff;

    border-radius: 16px;

    overflow: hidden;

}



.esportsMarketSlider .swiper-slide img {

    border-radius: 16px;

}



.esportsMarketSliderInfo {

    padding: 32px;

}



.esportsMarketSliderInfo img {

    margin-bottom: 32px;

    border-radius: 0 !important;

    max-width: 64px;

}



.esportsMarketSliderInfo h3 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    color: #2F2F2F;

    margin-bottom: 16px;

}



.esportsMarketSliderInfo p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    color: #4D4D4D;

    margin: 0;

}



.esportsEventsSlider {

    box-shadow: 0px 0px 24px 0px #00000029;

    border-radius: 16px 0 0 16px;

}



.esportsEventsSlider .swiper-slide {

    padding: 32px;



    background-color: #fff;

}



.esportsEventsSlider img {

    border-radius: 8px;



}



.eventInfoBox {

    padding: 0 0 0 32px;

}



.eventInfoBox h3 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 14px;

}



.eventInfoBox p {

    font-weight: 400;

    font-size: 14px;

    line-height: 23px;

    margin: 0;

}



.eventInfoBorderbox {

    border: 1px dashed #EC7063;

    border-radius: 4px;

    padding: 18px;

    margin-top: 32px

}



.eventInfoBorderbox h4 {

    font-weight: 600;

    font-size: 34px;

    line-height: 32px;

    letter-spacing: 0.25px;

    margin: 0;

}



.eventInfoBorderbox p {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    margin: 0;

}



.esportsEventsSlider .swiper-pagination-bullets {

    left: 30px;

    bottom: 30px;

}



.qMark {

    background-image: url(../../../uploads/2025/10/q-mark.png);

    background-repeat: no-repeat;

    background-position: right bottom;

    /* background-size: contain; */

}



/* .playerFocusSlider .swiper-pagination{

    bottom: 0;

} */



.aiDevBanner {

    background-image: url(../../../uploads/2025/10/aiDevBanner.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.aiDevBanner h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

    margin-top: 50px;

    margin-bottom: 30px;

}



.aiDevBanner h2 {

    font-weight: 700;

    font-size: 24px;

    line-height: 28px;

    text-transform: uppercase;

    margin-bottom: 24px;

}



.aiDevBanner p {

    font-weight: 500;

    font-size: 12px;

    line-height: 19px;

    color: #AEB4DE;

    margin-bottom: 30px;

}



.teamBox {

    border-radius: 50px;

    background: #FFFFFF1A;

    backdrop-filter: blur(24px);

    padding: 6px;

    max-width: 176px;

    margin-bottom: 25px;

}



.teamMember {

    width: 40px;

    height: 40px;

    border-radius: 50px;

    border: 1px solid #6D7086;

    overflow: hidden;

    box-shadow: 1px 4px 10px 0px #0000001A;

    background: #11142B;

    margin-right: -9px;

    font-weight: 500;

    font-size: 12px;

    line-height: 40px;

    text-align: center;

    color: #FFAB40;



}



.teamMember:nth-child(1) {

    background: #FFAB40;

}



.teamMember:nth-child(2) {

    background: #557286;

}



.teamMember:nth-child(3) {

    background: #918EE9;

}



.teamMember:nth-child(4) {

    background: #AFC700;

}



.aiBannerSliderBox {

    backdrop-filter: blur(24px);

    background: #FFFFFF33;

    border-radius: 16px;

    padding: 16px;

    margin-bottom: 24px;

}



.aiBannerSliderBox h3 {

    font-weight: 600;

    font-size: 14px;

    line-height: 17px;

    text-transform: uppercase;

    color: #FFAB40;

    margin-bottom: 16px;

}



.aiBannerSlider .swiper-slide {

    border-radius: 8px;

    background: #FFFFFF66;

    backdrop-filter: blur(24px);

    opacity: 0.5;

}



.aiBannerSlider .swiper-slide img {

    border-radius: 8px;

}



.aiBannerSlider .swiper-slide h4 {

    font-weight: 500;

    font-size: 11px;

    line-height: 17px;

    text-align: center;

    text-transform: uppercase;

    margin: 6px;

}



.aiBannerSlider .swiper-slide-active h4 {

    color: #fff

}



.aiBannerSlider .swiper-slide-active {

    opacity: 1;

}



.aiSliderDetails {

    margin-top: 16px;

}



.aiSliderDetails p {

    font-weight: 400;

    font-size: 12px;

    line-height: 20px;

    color: #CCCFE8;

}



.aiSliderDetails a {

    transition: all ease-in-out .3s;

}



.aiSliderDetails a:hover {

    transform: rotate(45deg);

    transition: all ease-in-out .3s;

}



/* .aiVerticalSwipe{

    background-color: #fff;

    border-radius: 16px;

} */

.aiVerticalSwipe {

    height: 465px !important;

}



.aiVerticalSwipe.swiper {

    width: 100%;

    height: 100%;

}



.aiVerticalSwipe .swiper-slide {

    font-size: 18px;

}



.aiVerticalSwipe h2 {

    font-weight: 600;

    font-size: 35px;

    line-height: 35px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.aiVerticalSwipe p {

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    /* text-align: justify; */

    margin-bottom: 20px;

}



.aiVerticalSwipe ul {

    /* list-style: none; */

    padding-left: 23px;

    margin-bottom: 20px;

}



.aiVerticalSwipe ul li::marker {

    font-size: 16px;

    color: #E74C3C;

}



.aiVerticalSwipe ul li {

    font-weight: 400;

    font-size: 14px;

    line-height: 19px;

    letter-spacing: 1px;

    margin-bottom: 8px;

}



.aiVerticalSwipe ul li:last-child {

    margin-bottom: 0;

}



.aiVerticalSwipe h4 {

    font-weight: 600;

    font-size: 28px;

    line-height: 30px;

    margin-bottom: 15px;

}



.aiVerticalSwipe h5 {

    font-weight: 600;

    font-size: 16px;

    line-height: 22px;

}



.aiVerticalSwipe img {

    border-radius: 16px;

}



.aiVerticalSwipe .swiper-pagination {

    left: 0 !important;

    width: 20px;

    top: 46%;

}



.aiVerticalSwipe .swiper-pagination .swiper-pagination-bullet {

    width: 5px !important;

    height: 18px !important;

    border-radius: 8px !important;

    -webkit-border-radius: 8px !important;

    background-color: #2F2F2F;

    opacity: 15% !important;



}



.aiVerticalSwipe .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 100% !important;

    background-color: #2F2F2F !important;

}



.whiteRoundBox {

    background-color: #fff;

    border-radius: 16px;

    /* padding: 32px; */

}



.accordion-innerGray .accordion-list {

    background-color: #EFF0F8;

    border-radius: 16px;

    margin-bottom: 10px;

    padding: 14px;

}



.accordion-innerGray .accordion-list p {

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    color: #2F2F2F;

    margin-bottom: 0;

}



.accordion-innerGray .accordion-list span {

    width: 24px;

    height: 24px;

    background-color: #2F2F2F;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    margin-right: 10px;

    font-weight: 500;

    font-size: 12px;

    line-height: 15px;

    color: #FFAB40;

}



.innovativeSlider h2,

.innovativeSlider .yellowBox h2 {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

    color: #2F2F2F;

    margin-bottom: 24px;

}



.innovativeSlider p,

.innovativeSlider .yellowBox p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #2F2F2F;

    margin-bottom: 24px;

}



.useCasesSlider .borderBox {

    border: 1px dashed #EC7063;

    border-radius: 16px;

    width: 184px;

    height: 184px;

    background-color: #fff;

    padding: 30px;

    text-align: center;

}



.useCasesSlider .borderBox p {

    font-weight: 500;

    font-size: 14px;

    line-height: 19px;

    text-align: center;

    margin-top: 24px;

    margin-bottom: 0;

}



.processNew {

    border-radius: 500px;

    overflow: hidden;

    width: 100%;

    height: 100%;

    box-shadow: 0px 0px 16px 0px #00000029;

    text-align: center;

}



.processNew img,

.processNewImage {

    /* width: 40px; */

    margin: 24px 0;

}



.processNewInfo {

    background-color: #1D2247;

    padding: 24px;

    height: 100%;

}



.processNewInfo h3 {

    font-weight: 600;

    font-size: 16px;

    line-height: 25px;

    text-align: center;

    color: #FFFFFF;

    margin-bottom: 5px;

}



.processNewInfo p {

    font-weight: 500;

    font-size: 14px;

    line-height: 18px;

    text-align: center;

    color: #AEB4DE;

    margin-bottom:0;

}



.processCurveTop {

    position: absolute;

    top: -20px;

    left: -2px;

    width: 100%;

    pointer-events: none;

}



.processCurveBottom {

    position: absolute;

    bottom: -20px;

    left: -3px;

    width: 101%;

    pointer-events: none;

}



.aiPartnerSlider {}



.sliderWhiteBox {

    background-color: #fff;

    border-radius: 0 16px 16px 0;

    padding: 30px;

    padding-right: 208px;

    padding-bottom: 112px;

    min-height: 414px;

}



.sliderWhiteBox h3 {

    font-weight: 600;

    font-size: 32px;

    line-height: 37px;

    text-transform: capitalize;

    margin-bottom: 24px;

}



.sliderWhiteBox p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

}



.custom-navigation {

    position: absolute;

    bottom: 60px;

    left: 360px;

    right: 0;

    width: 100px;

    z-index: 1;

}



.custom-navigation button {

    border: none;

    background: none;

    width: 40px;

    height: 40px;

    padding: 0;

}



.custom-navigation .swiper-button-disabled {

    filter: grayscale(1);

    opacity: .6;

}



.floatingImage {

    position: absolute;

    bottom: 21px;

    right: -95px;

    width: 500px !important;

    z-index: 1;

}





.aiVtab .vtab {

    color: #fff;

}



.aiVtab .vtab.active {

    color: #e74c3c;

}



.aiVtab .vtab-content {

    border: 1px solid #AEB4DE;

}



.aiVtab .vtab {

    border-top: 1px solid #AEB4DE;

    border-bottom: 1px solid #AEB4DE;

}



.aiVtab .vtab.active {

    background-color: #fff;

    border-left: 8px solid #AEB4DE;

    color: #1D2247;

    border-right: 1px solid #fff;

}



.aiVtab .vtab:hover {

    background-color: #fff;

    color: #1D2247;

    transition: all ease-in-out .3s;

}



.vtabUp,

.vtabDown {

    filter: invert(1) brightness(5);

    cursor: pointer;

}



.vtabUp.disabled,

.vtabDown.disabled {

    opacity: 0.2;

    pointer-events: none;

}



.vtabList {

    height: 380px;

    overflow-y: hidden;

    position: relative;

    scroll-behavior: smooth;

}



/* ===============App DEV================== */



.appBanner {

    background-image: url(../../../uploads/2025/11/app-dev-background.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    /* min-height: 730px; */

}



.appBanner .smallHeading {

    font-weight: 600;

    font-size: 19px;

    line-height: 27px;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    color: #C3C3C3;

    margin-top: 50px;



}



.appBanner h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

    margin-bottom: 30px;

}



.appBanner h2 {

    font-weight: 700;

    font-size: 24px;

    line-height: 28px;

    text-transform: uppercase;

    margin-bottom: 24px;

}



.appBanner p {

    font-weight: 500;

    font-size: 12px;

    line-height: 19px;

    color: #AEB4DE;

    margin-bottom: 30px;

}



.appServiceBox {

    background-color: #fff;

    border-radius: 16px;

    overflow: hidden;

    position: relative;

}



.appServiceImg {

    border-radius: 16px;

    overflow: hidden;

}



.appServiceDetails {

    padding: 32px;

    opacity: 1;

    transition: all ease-in-out .5s;

}



.appServiceDetails .visually-hidden {

    width: 0px !important;

    height: auto !important;

    position: relative !important;

}



.appServiceBox:hover .appServiceDetails {

    opacity: 0;

    transition: all ease-in-out .5s;

}



.appServiceDetails h3 {

    font-weight: 600;

    font-size: 22px;

    line-height: 31px;

    color: #2F2F2F;

}



.appServiceDetails p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #4D4D4D;

}



.outlineBtn,

.appServiceBox .outline-btn {

    border: 1px solid #E74C3C;

    border-radius: 50px;

    padding: 12px 24px;

    color: #E74C3C;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

}



.appServiceDetails p {

    display: -webkit-box;

    overflow: hidden;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    color: #4D4D4D;

}



.appServiceDetails h3 {

    font-weight: 600;

    font-size: 22px;

    line-height: 31px;

    color: #2F2F2F;

    margin-bottom: 16px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.highlightInfo {

    background: #EC7063;

    border-radius: 8px;

    padding: 16px;

    font-weight: 400;

    font-size: 12px;

    line-height: 19px;

    color: #FADBD8;

}





.appServiceDetailsHoverBox {

    background-color: #e74c3c;

    height: 100%;

    border-radius: 16px;

    padding: 30px;

    position: absolute;

    left: 0;

    bottom: -100%;

    opacity: 0;

    transition: all ease-in-out .5s;

}



.appServiceBox:hover .appServiceDetailsHoverBox {

    opacity: 1;

    bottom: 0;

    transition: all ease-in-out .5s;

}



.appServiceDetailsHoverBox p {

    font-weight: 400;

    font-size: 14px;

    line-height: 22px;

    color: #FADBD8;

}



.appServiceDetailsHoverBox h3 {

    font-weight: 600;

    font-size: 22px;

    line-height: 31px;

    color: #FFFFFF;

    margin-bottom: 16px;

}



.appServiceDetailsHoverBox ul {

    margin-top: 28px;

    margin-bottom: 28px;

}



.appServiceDetailsHoverBox ul li {

    font-weight: 500;

    font-size: 14px;

    line-height: 19px;

    color: #FFFFFF;

    margin-bottom: 16px;

}



.appServiceDetailsHoverBox ul li:last-child {

    margin: 0;

}



.appServiceDetailsHoverBox ul li span {

    width: 24px;

    height: 24px;

    border-radius: 50px;

    background-color: #2F2F2F;

    color: #FFAB40;

    margin-right: 8px;

    font-weight: 500;

    font-size: 12px;

    line-height: 24px;

    text-align: center;

}



.appServiceDetailsHoverBox .redBtn {

    background-color: #fff;

    color: #e74c3c;

}



.appServiceDetailsHoverBox .outline-btn {

    border: 1px solid #fff;

    color: #fff;

}



.service-item {

    opacity: 1;

    transform: translateY(0);

    transition: opacity .4s ease, transform .4s ease;

}



.service-item .appServiceBox {

    margin-bottom: 15px;

}



.hiddenService,

.hiddenExpertise {

    opacity: 0;

    transform: translateY(10px);

    pointer-events: none;

    height: 0;

    margin: 0;

    padding: 0;

    overflow: hidden;

}



.appProcess {

    box-shadow: 0px 0px 16px 0px #00000029;

    backdrop-filter: blur(24px);

    background: #FFFFFF1A;



}



.appProcess .processNewInfo {

    background: #FFAB40;

    color: #2F2F2F

}



.appProcess .processNewInfo h3,

.appProcess .processNewInfo p {

    color: #2F2F2F;

}



.appProcess .processNewImage svg {

    filter: invert(1) brightness(5);

}



#loadMoreBtn,

#loadMoreBtn2 {

    cursor: pointer;

}



.igamingExpertise a {

    color: #212121;

}



.fintech-bg {

    background: url(../../../uploads/2025/11/fintechBanner.png) no-repeat;

    background-size: cover;

    padding-top: 135px !important;

    background-position: center;

}



.fintech-bg h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

    margin-bottom: 32px;

}



.fintech-bg p {

    font-weight: 600;

    font-size: 19px;

    line-height: 27px;

    text-transform: uppercase;

    color: #C3C3C3;

    margin-bottom: 5px

}



.edtech-bg {

    background: url(../../../uploads/2026/01/Edtech-development-page-main-banner.png) no-repeat;

    background-size: cover;

    background-position: right;

}



.ecommerce-bg {

    background: url(../../../uploads/2025/11/Ecommerce-Software-development-page-main-banner-copy-scaled.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}



.health-bg {

    background: url(../../../uploads/2026/01/Health-wellness-development-page-banner.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}



.media-bg {

    background: url(../../../uploads/2026/01/Media-Entertainment-Software-Development-banner.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}



.ondemand-bg {

    background: url(../../../uploads/2026/01/On-demand-app-development-page-banner.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}



.SliderItem {

    background: #fff;

    border-radius: 16px;

}



.sliderImageBox {

    border-radius: 16px;

    overflow: hidden;

}



.sliderBoxInfo {

    padding: 24px;

    color: #2F2F2F;

    font-size: 15px;

}



.sliderBoxInfo .sliderHeading,

.sliderBoxInfo h3 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 11px;

}



.sliderBoxInfo p {

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    margin: 0;

}



.smallColorBox span {

    display: inline-block;

    width: 122px;

    /* height: 72px; */

    padding: 25px 0;

    text-align: center;

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    color: #2F2F2F;

    border-radius: 4px;

}



.colorBox1 {

    background: #FADBD8;

    border: 1px solid #E74C3C;



}



.colorBox2 {

    background: #EFEFEF;

    border: 1px solid #1D2247;

}



.yellowBorderBox {

    border: 2px dashed #FFAB40;

    background-color: #fff;

    border-radius: 16px;

    padding: 24px;

}



.yellowBorderBox img {

    width: 40px;

    height: 40px;

}



.yellowBorderBox p {

    font-weight: 500;

    font-size: 14px;

    line-height: 19px;

    color: #2F2F2F;

}



.blueSliderBox {

    background-color: #1D2247;

    border-radius: 16px;

    padding: 40px;

}



.blueSliderBox h3 {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

    color: #FFAB40;

    margin-bottom: 24px;

}



.fintechProjectSlider h2 {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

    color: #2F2F2F;

}



.blueSliderBox p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #AEB4DE;

}



.blueSliderBox img {

    max-width: unset;

    width: 330px;

    position: absolute;

    left: -10px;

}



.techTab #portfolioTab li .nav-link {

    min-width: 150px;

    padding: 12px;

}



.tabBorderBox {

    background: #fff;

    border-radius: 16px;

    border: 1px dashed #F5B7B1;

    overflow: hidden;

}



.techTab #portfolioTab .nav-link.active:after {

    background-color: #FADBD8;

}



.whyChooseSlider .swiper-slide {

    background-color: #fff;

    border-radius: 16px;

    padding: 24px;

    min-height: 405px;

}



.whyChooseSlider .swiper-slide ul {

    margin: 0;

    font-size: 14px;

}



.innerRoundBox {

    width: 120px;

    height: 120px;

    background-color: #1D2247;

    border-radius: 100%;

    margin-bottom: 24px

}



.innerRoundBox img {

    width: 60px;

}



.whyChooseSlider .swiper-slide h3 {

    font-weight: 600;

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 14px;

    color: #2F2F2F;

    text-align: center;



}



.whyChooseSlider .swiper-slide p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    color: #2F2F2F;

}



.emergingTechServiceBox {

    border-radius: 16px;

    overflow: hidden;

    position: relative;

}



.emergingTech-bg {

    background: url(../../../uploads/2025/11/EmergingTechDevelopmetnBanner-scaled.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}



.blockchain-bg {

    background: url(../../../uploads/2025/11/BlockchainDevelopmentBanner-scaled.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}



.dedicatedHireSubParentBgColor {

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFE5E2 100%);

}



.floatingSliderBox {

    position: absolute;

    right: 0;

    top: -50px;

    width: 244px;

}



.imagePosition {

    transform: translate(-118px, 0px);

}



.floatingBottomBox {

    position: absolute;

    width: 65%;

    right: 0;

    bottom: 58px;

}



.programTeamBox {

    background-color: #fff;

    border-radius: 16px;

    padding: 24px;

    box-shadow: 0px 0px 16px 0px #00000029;

    transition: all ease-in-out .3s;

}



.programTeamBox:hover {

    background-color: #FDEDEB;

    transition: all ease-in-out .3s;

}



.programTeamBox a {

    transition: all ease-in-out .3s;

}



.programTeamBox:hover a {

    transform: rotate(45deg);

    transition: all ease-in-out .3s;

}



.programTeamBox h3 {

    font-weight: 600;

    font-size: 15px;

    line-height: 21px;

    color: #2F2F2F;

    margin-bottom: 20px;

}



.programTeamBox p {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    color: #4D4D4D;

    margin: 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.hiringTable {

    border-radius: 8px;

    overflow: hidden;

    background-color: #EFF0F8;

}



.hiringTable thead th {

    background-color: #575C83;

    padding: 20px 0 !important;

    font-weight: 600;

    font-size: 16px;

    line-height: 20px !important;

    letter-spacing: 0.5px;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

    box-shadow: 0px 0px 16px 0px #00000029;

}



.hiringTable tbody td {

    border-top: 1px dashed #AEB4DE;

    padding: 25px 0;

    font-weight: 500;

    font-size: 12px;

    text-align: center;

    color: #2F2F2F;

    box-shadow: -3px 0px 4px 0px #00000029

}



.hiringTable tbody td:first-child {

    background-color: #747AA2;

    font-weight: 600;

    font-size: 13px;

    line-height: 15px;

    letter-spacing: 0.25px;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

}



/*08.12.2025*/

.pad_bot a {

    color: #212529;

}



/*09.12.2025*/

.ios_game_sec .tab-content a {

    color: #535353;

}



.ios_game_sec .tab-content a:hover {

    color: #FFAB40;

}



.projectFeatureBox {

    background-color: #FFEED9;

    border-radius: 0 16px 16px 0;

    padding: 40px;

}



.projectFeatureBox .borderBox {

    border: 1px dashed #EC7063;

    border-radius: 16px;

    background-color: #fff;

    min-height: 140px;

}



.projectFeatureBox .borderBox p {

    font-weight: 500;

    font-size: 12px;

    line-height: 15px;

    text-align: center;

    margin-top: 15px;

    margin-bottom: 0;

}



.projectSlider h3 {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

    margin-bottom: 30px;

}



.processArrowBox {

    height: 200px;

    position: relative;

}



.arrowFirstImg {

    position: absolute;

    max-width: 275px;

    left: 0;

}



.arrowLastImg {

    position: absolute;

    max-width: 210px;

    left: -10px;

}



.processArrowBox h4 {

    font-weight: 500;

    font-size: 14px;

    line-height: 18px;

    text-align: center;

    color: #2F2F2F;

    margin: 18px 0;

}



.processArrowBoxDetails {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    text-align: center;

    color: #2F2F2F;

    text-align: center;

    margin-top: 24px;

    padding: 0 25px;

}



.redRoundBox2 {

    border-radius: 16px 0 0 16px;

    padding: 32px;

    background-color: #E74C3C;

}

.yellowRoundBox{
    border-radius: 16px 0 0 16px;
    padding: 32px;
    background-color: #FFAB40;
}



.redRoundBox2 h4,

.blueRoundBox h4,
.pinkRoundBox h4,
.yellowRoundBox h4 {

    font-weight: 600;

    font-size: 30px;

    line-height: 30px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.blueRoundBox p,

.redRoundBox2 p,
.pinkRoundBox p,
.yellowRoundBox p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0%;

}



.sliderCard {

    background-color: #fff;

    border-radius: 16px;

    margin-bottom: 16px;

    padding: 20px;

}



.sliderCardImg img {

    border-radius: 10px;

    overflow: hidden;



}



.sliderCard h5 {

    font-weight: 600;

    font-size: 18px;

    line-height: 25px;

    margin-bottom: 10px;

}



.sliderCard p {

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

    color: #4D4D4D;

}



.sliderCardImg {

    width: 96px;

    height: 96px;

    margin-right: 20px;

}



.blueRoundBox {

    background-color: #1D2247;

    border-radius: 16px;

    padding: 30px;

}



.blueRoundBox .whiteBorderBox,
.pinkRoundBox .whiteBorderBox {

    border: 1px dashed #EC7063;

    min-height: 192px;

}



.blueRoundBox .whiteBorderBox img,
.pinkRoundBox .whiteBorderBox img {

    margin-bottom: 24px;

}



.offerTablemobile2 {

    border-radius: 8px;

    -webkit-border-radius: 8px;

    overflow: hidden;

}



.offerTablemobile2 h2 {

    background-color: #575C83;

    font-weight: 600;

    font-size: 15px;

    line-height: 15px;

    text-align: center;

    text-transform: uppercase;

    padding: 15px 0;

    color: #fff;

    margin: 0;

}



.offerTablemobile2 table {

    width: 100%;

    background-color: #EFF0F8;

    border-collapse: collapse;

}



.offerTablemobile2 table td {

    border-bottom: 0.5px dashed #AEB4DE;

    font-weight: 500;

    font-size: 12px;

    line-height: 17px;

    color: #2F2F2F;

    padding: 13px;

    height: 70px;



}



.offerTablemobile2 table td:first-child {

    color: #4D4D4D;

    /* white-space: nowrap; */

    width: 113px;

    padding-right: 0;

}



.dedicatedHireBox1 {

    background: #fff;

    border-radius: 8px 0 0 8px;

    padding: 30px 24px;

    box-shadow: 0px 0px 16px 0px #00000029;

}



.dedicatedHireBox2 {

    background: #FADBD8;

    border-radius: 8px;

    padding: 30px 24px;

    padding-bottom: 52px;

    box-shadow: 0px 0px 16px 0px #00000029;

}



.dedicatedHireBox3 {

    background: #fff;

    border-radius: 0 8px 8px 0;

    padding: 30px 24px;

    box-shadow: 0px 0px 16px 0px #00000029;

}



.hiringDetails {

    text-align: center;

    margin-bottom: 20px;

}



.hiringDetails h3 {

    font-weight: 600;

    font-size: 22px;

    line-height: 28px;

    text-align: center;

    text-transform: uppercase;

    color: #2F2F2F;

    margin-bottom: 16px;

    margin-top: 16px;

}



.hiringDetails p {

    font-weight: 400;

    font-size: 12px;

    line-height: 19px;

    text-align: center;

    color: #2F2F2F;

}



.hiringPrice {

    margin-bottom: 22px;

    text-align: center;

    /* min-height: 95px; */

}



.hiringPrice h4 {

    font-weight: 600;

    font-size: 40px;

    line-height: 40px;

    letter-spacing: 0.25px;

    text-align: center;

    color: #2F2F2F;

    margin-bottom: 0;

}



.hiringPrice p {

    font-weight: 600;

    font-size: 14px;

    line-height: 19px;

    text-align: center;

    color: #2F2F2F;

    margin-bottom: 12px;

}



.hiringPrice small {

    font-weight: 400;

    font-size: 12px;

    line-height: 19px;

    text-align: center;

    color: #2F2F2F;

}



.outlineLink {

    border: 1px solid #E74C3C;

    padding: 14px;

    border-radius: 50px;

    min-width: 240px;

    color: #E74C3C;

    display: inline;

    text-align: center;

    transition: all ease-in-out .3s;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

}



.outlineLink:hover {
    background-color: #E74C3C;
    color: #fff;
    transition: all ease-in-out .3s;
}

.pinkBox {
    background: #FADBD8;
    border-radius: 16px;
    padding: 24px;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
}

.pinkBox h3{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #2F2F2F;
}
.pinkBox p{
    margin-bottom: 0;
}
.pinkBoxRoundBox {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    background: #1D2247;
    margin-right: 24px;
    position: relative;
    z-index: 1;
}

.pinkBoxRoundBox p {
    font-weight: 500;
    font-size: 26px;
    line-height: 28px;
    text-align: center;
    color: #FFAB40;
    margin: 0;
}

.pinkBoxRoundBox span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #AEB4DE;
}

.pinkBoxRoundBox::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 255px;
    background-color: #1D2247;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.col-12:last-child .pinkBoxRoundBox::after {
    display: none;
}
.tictac1{
    position: relative;
}
.tictac1 .cardImg {
    bottom: 13%;
}

/* Career Details page */

.career-banner {

    width: 100%;

    height: 520px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    color: #fff;

    margin-top: 0px !important;

    padding: 160px 0 56px 0 !important;

}



.career-banner h1 {

    font-size: 52px;

    line-height: 56px;

    font-weight: 700;

    margin-bottom: 15px;

    text-transform: uppercase;

    margin-top: 32px;

}



.criteria_vacancy_sec {

    width: 100%;

    padding-top: 70px;

}



.exp_sec {

    width: auto;

}



.exp_txt {

    width: auto;

}



.exp_txt span {

    color: #b5b5b5;

    font-weight: 400;

    font-size: 14px;

    line-height: 18px;

}



.exp_txt p {

    font-weight: 400;

    font-size: 16px;

    line-height: 15px;

    color: #fff;

    margin-top: 4px;

    margin-bottom: 0;

}



.exp_img {

    margin-right: 14px;

    width: 48px;

}



.job_desc_content {

    width: 100%;

}



.job_desc_sec {

    width: 100%;

    background: rgba(253, 237, 235, 1);

    padding: 64px 0;

    background: linear-gradient(180deg, #FDEDEB 0%, #FFFCFB 11.12%);

    padding-bottom: 0;



}



.job_desc_content h4 {

    font-size: 34px;

    line-height: 40px;

    font-weight: 600;

    color: rgba(47, 47, 47, 1);

    position: relative;

    text-transform: uppercase;

    margin-bottom: 24px;

}



.job_desc_content h6 {

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

}



.job_desc_content h4 span {

    color: rgba(231, 76, 60, 1);

}



.job_desc_content p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 24px;

    padding-right: 40px;

}



.job_desc_content p strong {

    font-size: 24px;

    font-weight: 500;

    color: #e74c3c;

}



.job_desc_content ul {

    list-style: none;

    margin: 0;

    padding-left: 22px;

    position: relative;

    margin-bottom: 24px;

    padding-right: 40px;

}



.job_desc_content ul::before {

    content: "";

    position: absolute;

    left: 12px;

    top: 5px;

    bottom: 0;

    width: 2px;

    background: rgba(229, 229, 229, 1);

}



.job_desc_content ul li {

    position: relative;

    padding: 15px 0 15px 20px;

    font-size: 16px;

    line-height: 1.6;

    color: #333;

}



.job_desc_content ul li::before {

    content: "";

    position: absolute;

    left: -21px;

    top: 16px;

    width: 24px;

    height: 24px;

    background: rgba(229, 229, 229, 1);

    /* grey dot */

    border-radius: 50%;

    z-index: 1;

}



.careerFormBox {

    background: #FFFFFF29;

    backdrop-filter: blur(24px);

    box-shadow: 0px 0px 16px 0px #00000033;

    padding: 8px;

    border-radius: 24px;

    transform: translate(0, -65%);

    z-index: 3;

    position: relative;

}



.careerFormBoxInner {

    background: linear-gradient(180deg, #11142B 0%, rgba(17, 20, 43, 0.04) 100%);

    padding: 16px;

    border-radius: 16px;

    backdrop-filter: blur(24px);

}



.careerFormBox h3 {

    font-weight: 600;

    font-size: 20px;

    line-height: 22px;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 12px;

}



.careerFormBoxInner .error {

    bottom: 4px !important;

}



.con_txt_sec {

    position: relative;

}



.careerFormBox input,

.careerFormBox select {

    background-color: #FFFFFF;

    border-radius: 4px;

    font-weight: 400;

    font-size: 13px;

    line-height: 38px;

    width: 100%;

    border: none;

    box-shadow: none;

    outline: none;

    /* min-height: 36px; */

    padding: 0px 12px;

    color: #212121;

    margin-bottom: 22px;

}



.careerFormBox textarea {

    background: #FFFFFF;

    border-radius: 4px;

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    width: 100%;

    border: none;

    box-shadow: none;

    outline: none;

    height: 40px !important;

    padding: 12px;

    color: #212121;

    margin-bottom: 2px;

    resize: none;

}



.careerFormBox input[type="number"] {

    appearance: none;

    -webkit-appearance: none;

}



.careerFormBox select:focus {

    box-shadow: none;

    outline: none;

}



.careerFormBox select {

    color: #7a7a7a;

    /* gray for placeholder */

}



.careerFormBox select option {

    color: #212121;

    /* dark options */

}



.careerFormBox select:has(option:not([value=""]):checked) {

    color: #212121;

}



/* .careerFormBox input::placeholder,

.careerFormBox textarea::placeholder {

    color: #212121;

    opacity: 1;

} */

.careerFormBox .iti__selected-dial-code,

.careerFormBox .iti__country-name {

    color: #212121

}



.careerFormBox .iti {

    margin-bottom: 8px;

}



.careerFormBox .attach_filesec {

    top: -16px;

    right: 8px;

    display: flex;

    align-items: center;

}



.careerFormBox .new_brief .file-input__label img {

    width: 24px;

}
#file-input{
    font-size: 0;
}
#file-display{
    padding-right: 84px;
    text-overflow: ellipsis;
}



.careerFormBox input[type="submit"] {

    background: #E74C3C;

    width: 100%;

    height: 45px;

    border-radius: 500px;

    padding: 14px 24px;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

}



.careerFormBox input[type="submit"]:hover {

    background: #c43c2d;

}



#snow-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 9999;

}



.snowflake {

    position: absolute;

    top: -10px;

    color: white;

    font-size: 1em;

    opacity: 0.8;

    animation-name: fall;

    animation-timing-function: linear;

}



@keyframes fall {

    to {

        transform: translateY(100vh);

    }

}





.pythonBg {

    background: url(../../../uploads/2025/12/pythonBg.png);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 730px;

}



.pythonBg h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

}



.pythonBg .bannerList,

.imageList {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    list-style: none;

    padding: 0px;

    margin: 30px 0px;

}



.pythonBg .bannerList li,

.imageList li {

    position: relative;

    margin-bottom: 15px;

    padding-left: 0px;

    color: rgb(255, 255, 255);

    border-width: initial;

    border-style: none;

    border-color: initial;

    border-image: initial;

}



.pythonBg .hired-count span {

    color: #FFAB40;

}



.gradientBg6 {

    background: linear-gradient(360deg, #FDEDEB 0%, #FFFFFF 100%);

}



.gradientBg7 {

    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0.01%, #FDEDEB 100%);



}



.newProcessBox {

    max-width: 136px;

    position: relative;

}



.col:nth-child(odd) .newProcessBox:before {

    position: absolute;

    content: '';

    width: 226px;

    height: 86px;

    background-position: center;

    background-image: url(../../../uploads/2026/01/redEllipse.png);

    background-repeat: no-repeat;

    top: 60px;

    left: 0;

    background-size: 100%;

}



.col:nth-child(even) .newProcessBox:before {

    position: absolute;

    content: '';

    width: 226px;

    height: 86px;

    background-position: center;

    background-image: url(../../../uploads/2026/01/blueEllipse.png);

    background-repeat: no-repeat;

    top: 60px;

    left: 0;

    background-size: 100%;

}



.col:last-child .newProcessBox:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 86px;

    background-position: center;

    background-image: url(../../../uploads/2026/01/redEllipseEnd.png);

    background-repeat: no-repeat;

    top: 60px;

    left: 0;

    background-size: 100%;

}



.circleMain {

    max-width: 114px;

    border-radius: 100px;

    margin-bottom: 24px;

}



.col:nth-child(odd) .circleMain {

    background-color: #E74C3C;

}



.col:nth-child(even) .circleMain {

    background-color: #1D2247;

}



.circleMain .circle {

    width: 114px;

    height: 114px;

    border-radius: 100px;

    box-shadow: 0px 0px 20px 0px #00000029;

    background-color: #fff;

    margin-bottom: 25px;

}



.newProcessBox h4 {

    font-weight: 600;

    font-size: 16px;

    line-height: 21px;

    text-align: center;

    color: #2F2F2F;

    margin-bottom: 40px;

}



.newProcessBox p {

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    text-align: center;

    margin-bottom: 28px;

}



.circleMain p {

    font-weight: 300;

    font-size: 22px;

    line-height: 17px;

    text-align: center;

    color: #F1948A;

}



.col:nth-child(odd) .circleMain p {

    color: #F1948A;

}



.col:nth-child(even) .circleMain p {

    color: #747AA2;

}



.dedicatedNewTab #portfolioTab {

    background: #fff;

    border-radius: 50px;

    padding: 5px;

}



.dedicatedNewTab #portfolioTab .nav-link.active:after {

    background-color: #ffab40;

    bottom: -37px;

}



.detailsForMobile {

    position: absolute;

    bottom: 0;

    padding: 10px;

    width: 100%;

    left: 0;

    color: #fff;

    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.3) 69%);

}



.detailsForMobile h3 {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 18px;

}



.detailsForMobile small {

    font-weight: 600;

}



.detailsForMobile small span {

    font-weight: 400;

}



.career-parent-banner {

    background-color: #11142B;

    background-image: url(../../../uploads/2026/01/CareersParentBanner.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding-top: 125px;

}



.career-parent-banner h1 {

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

    margin-bottom: 24px;

    margin-top: 16px;

}



.career-parent-banner p {

    font-weight: 600;

    font-size: 19px;

    line-height: 27px;

    letter-spacing: 0.25px;

    text-transform: uppercase;

    color: #C3C3C3;

    margin-bottom: 40px;

}



.blueBox {

    background-color: #1D2247;

    border-radius: 16px;

    padding: 32px;

    position: relative;

}



.blueBox::before {

    content: '';

    position: absolute;

    width: 10px;

    border-radius: 16px 0 0 16px;

    background-color: #FFAB40;

    height: 91%;

    top: 20px;

    left: -10px;

}



.blueBox h2 {

    font-weight: 600;

    font-size: 40px;

    line-height: 41px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-bottom: 0;

}



.blueBox p {

    font-weight: 600;

    font-size: 16px;

    line-height: 27px;

    color: #FFFFFF;

    margin-bottom: 0;

}



.logicText p {

    font-weight: 400;

    font-size: 15px;

    line-height: 25px;

    color: #AEB4DE;

    margin-bottom: 20px;

}



.logicText p strong {

    font-weight: 500;

    color: #fff;

}



.logicText p strong span {

    font-size: 23px;

    line-height: 25px;

    color: #FFAB40;

}



.floatingImg {

    position: absolute;

    bottom: -115px;

    width: 164px;

    right: -35px;

    z-index: 1;

}



.careerBox {

    background-color: #fff;

    border-radius: 16px;

    width: 100%;

    padding: 24px;

}



.careerBox h3 {

    font-weight: 600;

    font-size: 16px;

    line-height: 21px;

    color: #2F2F2F;

    margin: 0;

}



.careerBox p {

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

    color: #4D4D4D;

    position: relative;

    margin-right: 24px;

    margin-bottom: 0;

}



.careerBox p::after {

    content: '|';

    color: #C3C3C3;

    position: absolute;

    right: -15px;

    font-size: 12px;

    top: 0;

}



.careerBox p:last-child::after {

    display: none;

}



.careerBox .redBtn {

    font-weight: 500;

    font-size: 12px;

    line-height: 19px;

    text-align: center;

    text-transform: uppercase;

    padding: 10px 20px;

    white-space: nowrap;

}



.hiddenItem {

    display: none;

}



#loadMore {

    cursor: pointer;

}



.borderBox2 {

    border: 1px dashed #EC7063;

    border-radius: 16px;

    padding: 24px;

    font-weight: 500;

    font-size: 14px;

    line-height: 19px;

    color: #2F2F2F

}



.borderBox2 img {

    margin-right: 18px;

}



.borderBox2 p {

    margin: 0;

    width: 100%;

    font-size: 13.5px;

}

.borderBox2-heading{

    font-weight: 700;

    font-size: 16px;

    line-height: 19px;

    margin-bottom: 8px;

}



.gradientBg8 {

    background: linear-gradient(360deg, #FFFFFF 49.96%, #FDEDEB 100%);

}



.circleBox {

    border: 1px dashed #EC7063;

    background: #FFFFFF;

    width: 120px;

    height: 120px;

    border-radius: 100%;

    margin-bottom: 24px;

}



.hiringProcess {

    position: relative;

}



.hiringProcess h3 {

    font-weight: 600;

    font-size: 16px;

    line-height: 21px;

    text-align: center;

    margin-bottom: 10px;

}



.hiringProcess p {

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

    text-align: center;

    color: #4D4D4D;

    margin: 0;

}



.hiringProcess::after {

    content: '';

    background-image: url(../../../uploads/2026/01/ProgressLine.png);

    background-size: 100%;

    width: 105px;

    height: 20px;

    background-repeat: no-repeat;

    position: absolute;

    right: -53px;

    top: 25%;

}



.hiringProcess:last-child::after {

    display: none;

}



.officeLifeBox {

    width: 100%;

    border-radius: 16px;

    overflow: hidden;

    position: relative;

}



.infoOverlay {

    background: linear-gradient(0deg, #111111 0%, rgba(17, 17, 17, 0) 100%);

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    padding: 24px;

}



.infoOverlay h3 {

    font-weight: 600;

    font-size: 16px;

    line-height: 21px;

    color: #fff;

    margin-bottom: 0;

}



.infoOverlay p {

    font-weight: 500;

    font-size: 13px;

    line-height: 17px;

    color: #C3C3C3;

    margin-bottom: 0;

}



.event_list_sec {

    margin-top: 25px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    /* center the row */

    gap: 15px;

    list-style: none;

    padding: 0;

    max-width: 700px;

    /* controls total row width */

    margin-left: auto;

    margin-right: auto;

    /* ensures centering in page */

    text-align: center;

}



.event_list_sec li {

    text-align: left;

}



.glimpse_event1 {

    padding: 80px 0;

    background: rgba(255, 171, 64, 1);

}





/*02.03.2026*/

.all_coins_sec {

    position: absolute;

    width: 240px;

    bottom: -210px;

}



.all_coins_sec img {

    width: 100%;

}



.igaming_ban p {

    margin-top: 32px;

}



.igaming_ban h1 {

    margin-bottom: 0px;

}



.igaming_ban_new {

    padding-bottom: 170px !important;

}





/* Playing card style for service cards */

.service-card {

    background: #fff;

    border-radius: 16px;

    padding: 64px 24px;

    height: 100%;

    box-shadow: 0px 0px 10px 0px #00000014;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.orange_play_rt .pageSubTitle{text-wrap: auto;}

.blueBg .swiper-pagination-bullet{background:#C3C3C3; opacity: 24% !important;}

.blueBg .swiper-pagination-bullet-active{opacity:1 !important;}

.service-card:hover {

    background: #E74C3C;

}



.service-card:hover h3 {

    color: #fff;

}



.service-card:hover p {

    color: #fff;

}



.service-card:hover .card-icon {

    filter: grayscale(1) brightness(6);

}



.service-card:hover .card-rank {

    opacity: 0;

}



.service-card:hover .card-suit {

    opacity: 0;

}



.card-icon {

    text-align: center;

}



.service-card .card-rank {

    position: absolute;

    top: 20px;

    right: 18px;

    font: 400 28px/20px 'Bodoni Moda', serif;

    color: #11142B;

    opacity: 1;

}



.service-card .card-suit {

    position: absolute;

    top: 48px;

    right: 17px;

    opacity: 1;

}



.service-card .card-suit img {

    width: 22px;

    height: 24px;

}



.service-card .card-suit-bot {

    position: absolute;

    bottom: 20px;

    left: 8px;

    font-size: 1rem;

    color: #333;

}



.service-card h3 {

    font: 600 19px/28px 'Poppins', sans-serif;

    color: #2F2F2F;

    margin: 24px 0 0;

    text-align: center;

}



.service-card p {

    font: 400 15px/21px 'Poppins', sans-serif;

    color: #4D4D4D;

    margin: 16px 0 0;

    text-align: center;

    padding: 0px;

}



.service_card_btm {

    margin-top: 20px;

    position: relative;

}



.service_card_btm .card-rank {

    left: -26px;

    position: relative;

    top: 54px;

    opacity: 1;

}



.service_card_btm .card-rank span {

    rotate: 180deg;

    display: inline-block;

}



.service_card_btm .card-suit {

    left: 0px;

    position: relative;

    top: 18px;

    opacity: 1;

}



.service_card_btm .card-suit img {

    rotate: 180deg;

}



.service-card .arrow_kone {

    opacity: 0;

}



.service-card:hover .arrow_kone {

    opacity: 1;

    right: 18px;

    left: auto;

}



.service-card:hover .service_card_btm .card-suit {

    opacity: 0;

}



.service-card:hover .service_card_btm .card-rank {

    opacity: 0;

}



.swiper-casual-cards {

    margin-top: 40px;

  

}



/* Orange section */

.section-orange {

    width: 100%;

    background-size: cover !important;

}



.orange_play_sec {

    width: 100%;

    padding-top: 125px;

}



.orange_play_rt p {

    color: #2F2F2F;

    text-wrap: auto;

}





.orange_play_rt_btm {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 16px;

    margin-top: 48px;

}



.orange_play_rt_btm_inn {

    background: #fff;

    padding: 16px;

    border-radius: 16px;

    border: 1px dashed #EC7063;

}



.orange_play_rt_btm_up {

    width: 100%;

    text-align: center;

}



.orange_play_rt_btm_up img {

    width: 40px;

}



.orange_play_rt_btm_dwn {

    width: 100%;

    padding-top: 16px;

}



.orange_play_rt_btm_dwn p {

    margin: 0px;

    padding: 0px;

    color: #2F2F2F;

    font: 500 14px/19px 'Poppins', sans-serif;

    text-align: center;

}



.orange_play_rt_btm .featureBorderBox {

    margin-bottom: 0px;

}



.orange_play_rt_btm .featureBorderBox p {

    margin-top: 0px;

}



/* Case study - dark blue */

.section-case {

    padding: 80px 0 130px;

    position: relative;

    background-size: cover !important;

}

.orange_play_rt_btm .featureBorderBox{gap:16px; height:144px; border:1px dashed #e74c3c;}

.techStackBox {border:1px dashed #1D2247;}



.section-case .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 60px;

}



.igame_fet {

    margin-bottom: 16px;

}



.expertise_sec_rt .arrow_kone {

    right: 20px;

    left: auto;

}



.expertise_sec_rt p {

    width: 100%;

}



/* Light features section */

.platform_feature_sec {

    width: 100%;

    padding: 80px 0;

    background: linear-gradient(360deg, #FDEDEB 49.96%, #FFFFFF 100%);

}



.platform_feature_top {

    width: 100%;

}



.platform_feature_top h6 {

    margin: 0px;

    font: 600 40px/40px 'Poppins', sans-serif;

    color: #2F2F2F;

    text-transform: uppercase;

}



.platform_feature_btm {

    width: 100%;

}



.platform_feature_btm p {

    color: #2F2F2F;

    font: 400 16px/24px 'Poppins', sans-serif;

    margin: 0px;

    padding: 0px;

}



.igame_fet {

    width: 100%;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 16px;

    background: #fff;

    border-radius: 16px;

    border: 1px dashed #EC7063;

    padding: 20px;

}



.igame_fet_lt {

    width: 40px;

}



.igame_fet img {

    width: 40px;

}



.igame_fet_rt {

    width: auto;

}



.igame_fet_rt p {

    color: #2F2F2F;

    font: 500 14px/19px 'Poppins', sans-serif;

    margin: 0px;

    padding: 0px;

}



.platform_feature_sec .rowgap {

    row-gap: 16px;

}



/* Game expertise - dark */

.game_dev_exercise {

    padding: 80px 0;

    background-size: cover !important;

}



.igaming_new_tab {

    width: 100%;

}



.igaming_new_tab #aboutUsTab {

    background: #2e324d !important;

}



.igaming_new_tab #aboutUsTab li .nav-link {

    background: none !important;

    color: #747AA2;

}



.igaming_new_tab #aboutUsTab li .nav-link.active {

    background: #e74c3c !important;

    color: #fff !important;

}



.igaming_new_tab #aboutUsTab .nav-link.active:after {

    background: #161a39 !important;

}



.expertise_sec {

    width: 100%;

    background: #fff;

    border-radius: 16px;

}



.expertise_sec_lt {

    width: 160px;

    height: auto;

}



.expertise_sec_lt img {

    width: 100%;

    object-fit: cover;

    border-radius: 16px;

}



.expertise_sec_rt {

    width: 75%;

    padding: 20px;

}



.expertise_sec_rt h6 {

    color: #2F2F2F;

    margin: 0px;

    font: 600 18px/21px 'Poppins', sans-serif;

}



.expertise_sec_rt p {

    color: #2F2F2F;

    margin: 0px;

    font: 400 14px/21px 'Poppins', sans-serif;

    padding-top: 16px;

}



.igame_process .appProcess .processNewInfo {

    background: #1D2247;

}



.igame_process .processNewInfo h3 {

    color: #fff;

}



.igame_process .processNewInfo p {

    color: #AEB4DE;

}



.igame_process .processNewImage img {

    margin: 0px;

}



.all_coins_sec {

    display: block;

}



.all_coin_mob_sec {

    display: none;

}



.service-card .card-icon img {

    width: 64px !important;

}



.service-card .card-icon img {

    width: 64px !important;

}

.igaming_ban_new video{

    position:absolute; 

    width:100%; 

    top:0px; 

    left:0px; 

    right:0px; 

    margin:0 auto; 

    height:100%; 

    object-fit:cover !important; 

    opacity: 100%;

    z-index: -1;

}

.igaming_ban_new{

    background: radial-gradient(68.76% 68.76% at 50% 50%, rgba(17, 20, 43, 0) 0%, #11142B 100%),

                linear-gradient(262.58deg, rgba(17, 20, 43, 0) 34.41%, #11142B 81.98%),

                linear-gradient(90deg, rgba(17, 20, 43, 0) 59.01%, #11142B 87.73%);

}

.game_dev_exercise #aboutUsTab li{

    padding:4px 5px !important;

}

.igaming_sec .iconTab-image{height: 440px;}

.game_dev_exercise #aboutUsTab li .nav-link{

    padding:0 10px !important;

    width:250px;

}

.igaming_pro .processNewImage img{

    width:37px;

}



.bannerStyle h1{

    font-weight: 700;

    font-size: 52px;

    line-height: 56px;

    text-transform: uppercase;

    margin-bottom: 32px;

}

.igame_ban_hed h1 {

    margin-top: 4px !important;

}

.casino_ban_new {

    padding-bottom: 80px !important;

}

.casino_ban_new .all_coins_sec {

    width: 400px;

    bottom: -79px;

    left: -87px;

}

.casino_ban_new .casino_stage_sec {

    position: absolute;

    bottom: -170px;

    right: -90px;

}

.casino_ban_new {

    padding-bottom: 39px !important;

}



.casinoyellow_ban_sec {

    background: #ffab40;

    padding: 80px 0;

}

.casinoyellow_ban_sec .clientBox {

    background: #fff;

}

.casinoyellow_ban_inn {

    display: flex;

    justify-content: flex-start;

}

.casinoyellow_ban_inn_lt {

    width: 412px;

    padding: 40px 62px 40px 32px;

    border-radius: 10px 0 0 10px;

    background: #fff;

    text-align: right;

}

.casinoyellow_ban_inn_lt span {

    font: 600 16px/20px "Poppins", sans-serif;

}

.casinoyellow_ban_inn_lt h2 {

    margin: 0px;

    font: 600 40px/41px "Poppins", sans-serif;

    color: #2f2f2f;

    margin-top: 10px;

}

.casinoyellow_ban_inn_lt h2 span {

    color: #e74c3c;

    font: 600 40px/41px "Poppins", sans-serif;

}

.casinoyellow_ban_inn_lt p {

    padding-top: 32px;

    font: 400 16px/24px "Poppins", sans-serif;

    color: #2f2f2f;

    margin: 0px;

}

.casinoyellow_ban_inn_lt a {

    border: 1px solid #e74c3c;

    padding: 14px 26px;

    border-radius: 500px;

    margin-top: 32px;

    display: inline-block;

    color: #e74c3c;

    text-transform: uppercase;

}

.casinoyellow_ban_inn_rt {

    width: 360px;

    padding: 27px;

    background: #1d2247;

    border-radius: 16px;

    position: absolute;

    right: 32px;

    bottom: -33px;

}

.casinoyellow_ban_inn_rt h6 {

    margin: 0px 0 16px;

    font: 600 30px/30px "Poppins", sans-serif;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

}

.casinoyellow_ban_inn_rt h6 span {

    color: #ffab40;

}

.casinoyellow_ban_inn_rt p {

    font: 400 16px/24px "Poppins", sans-serif;

    color: #aeb4de;

    margin: 0px;

    text-align: justify;

    padding-top: 8px;

}

.casinoyellow_ban_inn_rt img {

    position: absolute;

    right: -29px;

    bottom: -15px;

}

.cas_serv {

    width: 100%;

    background: #fff;

    border-radius: 16px;

}

.cas_serv_top {

    width: auto;

    border-radius: 16px;

}

.cas_serv_top img {

    width: 100%;

    border-radius: 16px;

}

.cas_serv_bottom {

    width: 100%;

    padding: 22px 24px;

}

.cas_serv_bottom h6 {

    margin: 0px 0 10px;

    font: 600 20px/28px "Poppins", sans-serif;

    color: #2f2f2f;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 190px;

    overflow: hidden;

}

.cas_serv_btm_inn {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

}

.cas_serv_btm_inn p {

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 200px;

    overflow: hidden;

    font: 400 13px/20px "Poppins", sans-serif;

    color: #4d4d4d;

}

.cas_serv_btm_inn .arrow_kone {

    right: 0;

    left: auto;

    position: relative;

    bottom: 10px;

}

.swiper-casino-serv-cards {

    margin-top: 40px;

}

.success_casino {

    width: 100%;

    background: #e74c3c;

    padding: 80px 0;

}

.success_casino_btm {

    width: 100%;

    flex-wrap: wrap;

    margin-top: 40px;

}

.success_casino_btm_inn {

    width: 132px;

    background: #fff;

    padding: 20px;

    border-radius: 16px;

    border: 1px dashed #ec7063;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    margin: 7px 0;

}

.success_casino_btm_inn img {

    width: 40px;

}

.success_casino_btm_inn p {

    color: #2f2f2f;

    margin: 16px 0 0;

    font: 500 14px/19px "Poppins", sans-serif;

    text-align: center;

}

.casino_pink_bg {

    background: linear-gradient(360deg, #fdedeb 24.92%, #ffffff 100%);

}

.casino_pink_bg .sliderList li {

    color: #2f2f2f;

}

.casino_pink_bg .keyNumber {

    color: #2f2f2f;

}

.casino_pink_bg .keyBox p {

    color: #2f2f2f;

}

.casino_pink_bg .pageSubTitle {

    color: #2f2f2f;

}

.casino_pink_bg .techStackTitle {

    color: #1d2247;

}

.casino_pink_bg .swiper-pagination-bullet {

    background: #c3c3c3;

    opacity: 1;

}

.next_gen_features {

    width: 100%;

    background-size: cover !important;

    padding: 80px 0;

}

.next_gen_features_inn {

    width: 100%;

    margin-top: 24px;

}

.next_gen_features_box {

    width: 100%;

    background: #fff;

    border-radius: 16px;

    box-shadow: 0px 0px 16px 0px #00000029;

    margin: 16px 0 0;

}

.next_gen_features_box_top {

    width: 100%;

    padding: 24px 24px 20px;

    text-align: center;

}

.next_gen_features_box_top img {

    width: 32px;

}

.next_gen_features_box_top p {

    margin: 0px;

    padding: 16px 0 0;

    font: 600 16px/21px "Poppins", sans-serif;

    color: #2f2f2f;

}

.next_gen_features_box_btm {

    width: 100%;

}

.next_gen_features_box_btm ul {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}

.next_gen_features_box_btm ul li {

    padding: 16px 20px;

    background: #f3f3f6;

    border-top: 1px dashed #aeb4de;

    font: 500 12px/17px "Poppins", sans-serif;

    color: #2f2f2f;

    text-align: center;

}

.next_gen_features_box_btm ul li:last-child {

    border-radius: 0 0 16px 16px;

}

.launch_sec_grow .bulletList li h4 {

    color: #ffab40;

}

.launch_sec_grow .bulletList li p {

    color: #aeb4de;

}

.launch_sec_grow {

    width: 100%;

    background-size: cover !important;

}

.sol_btn {

    background: #e74c3c;

    padding: 14px 26px;

    border-radius: 500px;

    text-align: center;

    font: 500 16px / 19px "Poppins", sans-serif;

    color: #fff;

    text-transform: uppercase;

    border: none;

    width: 100%;

    margin-top: 25px;

    display: inline-block;

}

.sol_btn:hover {

    background: #c43c2d;

    color: #fff;

}

.sliderClipPath{

    clip-path: inset(0 -100% 0 12px);

}





.fantasy_pink_bg{background: linear-gradient(360deg, #FFFFFF 50%, #FDEDEB 100%);}

.fantasy_yellow{background:#FFAB40;}

.fantasy_pink_bg .casinoyellow_ban_inn_lt{box-shadow: 0px 0px 16px 0px #00000029;}

.fantasy_yellow .success_casino_btm_inn{width:100%;display:flex; flex-direction:row; justify-content:flex-start;  align-items: center; gap: 16px;}

.fantasy_yellow .success_casino_btm_inn p{margin:0px; text-align:left;}

.fantasy_yellow_margin{margin-top:40px;}

.feature_red{background:#E74C3C;}

.process_blue{background:#171B39;}

.light_blue{color:#AEB4DE;}

.process_blue .processTitle{color:#AEB4DE;}

.process_blue .processIcon{background:#E74C3C;}

.process_blue .curveTop{ background-image: url(../../../uploads/2026/03/Group-29215.png);}

.process_blue .curveBottom{ background-image: url(../../../uploads/2026/03/Group-29215.png);}

.process_blue .curveEnd{ background-image: url(../../../uploads/2026/04/curve-bottom.png);}

.process_blue .curveEndLast{ background-image: url(../../../uploads/2026/04/curve-bottom.png);}

.launch_sec_grow .bulletList li h4{color:#fff;}

.launch_sec_grow .bulletList li p{color:#2F2F2F;}

.fantasy_new .achievementImage p{text-align:left;}

.fantasy_ban_bg{background:#E74C3C;}

.fantasy_ban_bg p{color:#fff;}

#technologiesAccordion .accordion-inner a{border:1px solid #E74C3C;}

.fantasy_ban_bg img{right: -15px; bottom: -40px; width: 45%;}

.skill_ban_new .cardImg{ bottom: -15%; right: -200px; width: 806px;}

.skill_red_bg{background:#E74C3C;}

.success_pink{background:#FADBD8;}

.success_lt{width:100%;}

.success_lt img{width:100%;}

.success_margin{margin-top:70px;}

.skill_process_bg{background: linear-gradient(180deg, #FFFFFF 50.05%, #FDEDEB 100.05%);}

.skill_process_bg .processTitle{color:#2F2F2F;}

.skill_launch_sec{width:100%; background:#171B39; padding:80px 0;}

.skill_launch_btm{margin-top:60px;}

.skill_launch_sec .feature_main{text-align: end; display: flex; justify-content: flex-end; align-items: center;  gap: 10px;}

.skill_launch_sec .feature_main h4{color:#FFAB40; letter-spacing:1px; font-size:18px; line-height:19px; margin:0px; font-weight:600;}

.skill_launch_sec .feature_main span{width:32px; height:32px; color:#FFAB40; background:#3c3f58; display:inline-block; border-radius:500px; text-align:center; padding-top:6px; font-size:16px; line-height:19px;}

.skill_launch_sec .feature_item p{font-size:14px; line-height:21px; font-weight:400; color:rgba(174, 180, 222, 1); padding-top:14px; text-align:end;}

.skill_launch_sec .feature_item{margin-bottom:40px;}

.skill_launch_sec .feature_item:last-child{margin-bottom:0px;}

.skill_feature{width:100%; padding-right:30px;}

.skill_feature_rt{width:100%; padding-left:30px;}

.skill_feature_rt .feature_main{text-align: left; display: flex; justify-content: flex-start; align-items: center;  gap: 10px;}

.skill_feature_rt .feature_item p{text-align:left;}

.social_ban_new .cardImg{bottom:-26%;}

.fantasy_deeppink_bg{background:rgba(250, 219, 216, 1);}

.fantasy_deeppink_bg .casinoyellow_ban_inn_rt img { position: absolute;right: -40px; bottom: -35px;}

.social_game_success{position:relative;}

.social_game_success img{position: absolute; top: -9px;}

.social_process .processIcon{background:rgba(255, 171, 64, 1);}

.find_out{display:inline-block;}





.casino_launch .bulletList p{color:rgba(174, 180, 222, 1) !important;}

.sportsbook_platform .success_casino_btm_inn{width:221px;}

.sports_blue_sec{background:rgba(23, 27, 57, 1);}

.sports_blue_sec .iconTab-content{background:rgba(255, 238, 217, 1);}

.sports_blue_sec .iconTab{background:rgba(255, 238, 217, 1);} 

.sports_book_feature {background: linear-gradient(360deg, #FDEDEB 24.92%, #FFFFFF 100%);}

.fbc-page .fbc-wrap .fbc-items{background:none !important;}

.fbc-items li{font-size:12px !important;}

.fbc-items .active span{font-size:12px !important;}



.igamingVerticalSwipe .swiper-pagination {

    left: -50px !important;

    width:8px;

}



.igamingVerticalSwipe .swiper-pagination .swiper-pagination-bullet {

    width: 3px !important;

    height: 56px !important;

    border-radius: 8px !important;

    -webkit-border-radius: 8px !important;

    /* background-color: #2F2F2F; */

    background: #FFFFFF;

    opacity: 20% !important;



}



.igamingVerticalSwipe .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 100% !important;

    background-color: #E74C3C !important;

    width: 5px !important;

}

.igamingVerticalSwipe .whiteBox p,

.igamingVerticalSwiper .whiteBox p{

    font-weight: 400;

    font-size: 15px;

    line-height: 21px;

}

.igamingVerticalSwipe .whiteBox .heading,

.igamingVerticalSwiper .whiteBox .heading{

    font-weight: 600;

    font-size: 15px;

    line-height: 21px;

}



#b2c-v-tabs .nav-link{

    border: 1px solid #A5A5A5;

    background: #171B39;

    border-radius: 4px;

    padding: 10px 16px;

    color:#A5A5A5;

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    text-align: center;

    margin-bottom:10px;

}

#b2c-v-tabs .nav-link.active{

    background: #E74C3C;

    border: 1px solid #E74C3C;

    color:#FFFFFF;

    position: relative;

}

#b2c-v-tabs .nav-link.active:after{

    background:url(../../../uploads/2026/05/tabActive.png);

    background-repeat: no-repeat;

    background-size: contain;

    position: absolute;

    content:'';

    width: 15px;

    height: 20px;

    right:-15px;

    top:12px;

    bottom: 0;

}



.darkBox{

    background: #11142BCC;

    box-shadow: 0px 0px 10px 0px #00000014;

    backdrop-filter: blur(24px);

    padding: 24px 20px;

    border-radius: 16px;

    border:1px solid #A5A5A5;

    font-weight: 500;

    font-size: 14px;

    line-height: 21px;

    text-align: center;

    color: #fff;

}

.darkBox p{

    margin-top:16px;

    margin-bottom: 0;

}

.border-yellow{

    border: 1px solid #FFAB40;

}

.border-red{

    border: 1px solid #E74C3C;

}

.darkBgLight{

    background: #1D2247;

    border-bottom: 1px solid #3A3F65;

}

.darkBgdark{

    background: #171B39;

    border-bottom: 1px solid #3A3F65;

}

#b2cAccordion {

    .accordion-item{

        background: #1D2247;

        border: 1px solid #575C83;

        border-radius: 8px;

        padding: 16px 24px;

        margin-bottom: 15px;

    }

    .accordion-header{

        button{

            padding:0;

            font-weight: 500;

            font-size: 16px;

            line-height: 23px;

            text-transform: capitalize;

            color:#fff;

            background: none;

            border:none;

            box-shadow: none;

        }

        .accordion-button::after {

            filter: brightness(0) invert(1);

        }

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

            filter: unset;

        }

        .accordion-button:not(.collapsed){

            color: #E74C3C;

        }

        

    }

}

.fbc-page .fbc-wrap .fbc-items li:first-child{

    padding-left: 0;

}

.dh-designer{
    /* background: #11142B; */
    background:url(/wp-content/uploads/2026/06/dh-designer-bg.webp); 
    background-size: cover; 
    background-position: center;
}
@scope (.dh-designer) {
    h1{
        font-weight: 700;
        font-size: 86px;
        line-height: 80px;
        text-transform: uppercase;
        margin-bottom:35px;
    }
    .bannerSubTitle{
        font-weight: 600;
        font-size: 19px;
        line-height: 27px;
        letter-spacing: 0.25px;
        text-transform: uppercase;
        color: #C3C3C3;
    }
    .floatingImage {
        position: relative;
        bottom: -53px;
        right: 200px;
        width: 850px !important;
        z-index: 0;
        height: 100%;
    }
    .floatingImage img{
        min-height: 516px;
    }
}
.team-bg{
    position: relative;
    z-index: 1;
}
.team-bg::before{
    content: '';
    background-image: url(/wp-content/uploads/2026/06/Art1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    max-width: 576px;
    width: 100%;
    z-index: -1;
}
.team-bg::after{
    content: '';
    background-image: url(/wp-content/uploads/2026/06/Art2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 754px;
    width: 100%;
    z-index: -1;
}

.dh-lightBox {
    background: #FFF7EC;
    border-radius: 8px;
    padding: 30px 24px;
    padding-bottom: 52px;
    box-shadow: 0px 0px 16px 0px #00000029;

}
.redBox {
    background-color: #E74C3C;
    border-radius: 16px;
    padding: 32px;
}
.projectFeatureBox2 {
    background-color: #FADBD8;
    border-radius: 0 16px 16px 0;
    padding: 40px;
}
.game-grid {
    display: grid;
    grid-template-columns: 220px 220px 1fr 220px;
    grid-template-rows: 265px 265px;
    gap: 10px;
    width: 100%;
}
@scope (.game-grid) {
    .item {
        overflow: hidden;
        border-radius: 12px;
    }

    .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Left column */
    .item1 {
        grid-column: 1;
        grid-row: 1;
    }

    .item5 {
        grid-column: 1;
        grid-row: 2;
    }

    /* Left middle column */
    .item2 {
        grid-column: 2;
        grid-row: 1;
    }

    .item6 {
        grid-column: 2;
        grid-row: 2;
    }

    /* Center large image */
    .large {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    /* Right column */
    .item4 {
        grid-column: 4;
        grid-row: 1;
    }

    .item7 {
        grid-column: 4;
        grid-row: 2;
    }
}
.lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.9);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.lightbox.active {
    display: flex;
}

.lightbox-image {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
}

.lightbox-close,
.lightbox-prev,
.lightbox-next {
    position: absolute;
    color: #fff;
    background: transparent;
    border: none;
    cursor: pointer;
}

.lightbox-close {
    top: 20px;
    right: 30px;
    font-size: 40px;
    img{
        filter: invert(1);
    }
}

.lightbox-prev,
.lightbox-next {
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
}

.lightbox-prev {
    left: 30px;
}

.lightbox-next {
    right: 30px;
}
.treeImg{
    position: relative;
    z-index: 1;
    ::after{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        max-width: 420px;
        width: 100%;
        height: 100%;
        background-image: url(/wp-content/uploads/2026/06/tree.webp);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1;
    }
}

.dh-inner-banner{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFE5E2 100%);
    padding-top: 130px;
}
@scope (.dh-inner-banner) {
    h1{
        font-weight: 700;
        font-size: 86px;
        line-height: 90px;
        text-transform: uppercase;
    }
    .bannerSubTitle{
        font-weight: 600;
        font-size: 19px;
        line-height: 27px;
        text-transform: uppercase;
    }
}
.pinkRoundBox{
    background-color: #FDEDEB;
    border-radius: 16px;
    padding: 30px;
}
.dh-techTab #portfolioTab{
    background: #fff;
    border-radius: 30px;
}
.dh-techTab #portfolioTab li .nav-link{
    padding: 12px;
}
.dh-techTab #portfolioTab .nav-link.active:after{
    background: #fdedeb;
}
.assetsTab #portfolioTab{
    background: #fff;
    border-radius: 30px;
}
.assetsTab #portfolioTab li .nav-link{
    padding: 12px;
}
.assetsTab #portfolioTab .nav-link.active:after{
    background: #fff;
}
.assetsTab2d #portfolioTab{
    background: transparent;
    border-radius: 30px;
}
.assetsTab2d #portfolioTab li .nav-link{
    padding: 12px;
}
.assetsTab2d #portfolioTab .nav-link.active:after{
    background: #fdedeb;
}
.assetsTab2d #portfolioTab li .nav-link{
    background: transparent;
}
.assetsTab2d #portfolioTab li .nav-link.active{
    background: #e74c3c;
}
.redRoundBox2 .swiper-pagination-bullet-active{
    background-color: #FFAB40 !important;
}


@media only screen and (min-width: 1600px) and (max-width: 3840px) {



    .home-banner,

    .home-banner .swiper-container,

    .home-banner .swiper-slide {

        height: 780px;

    }



}



@media only screen and (min-width: 1400px) and (max-width: 3840px) {

    .home-banner .swiper-slide>.container {

        padding-top: 3%;

    }



    .achievementImage img {

        margin-top: 50px !important

    }

    .service-card p{height:120px;}

    .service_card_btm{margin-top:20px;}



}



@media only screen and (min-width: 1400px) and (max-width: 1599px) {

    .whitepaper_panel_box_dwn {

        padding: 16px;

    }



    .whitepaper_panel_box_dwn_top h6 {

        font-size: 16px;

        line-height: 20px;

    }



    .whitepaper_panel_box_dwn p {

        margin-top: 16px;

    }

    .service-card p{height:120px;}

    .service_card_btm{margin-top:20px;}

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .whitepaper_panel_box_dwn {

        padding: 16px;

    }



    .whitepaper_panel_box_dwn_top h6 {

        font-size: 16px;

        line-height: 20px;

    }



    .whitepaper_panel_box_dwn p {

        margin-top: 16px;

    }



    .event_details_mid_inn ul {

        padding-left: 44px;

    }

    .service-card p{height:120px;}

    .service_card_btm{margin-top:20px;}

    .service-card h3{font-size:18px;}

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog_mid .whitepaper_panel_box_dwn {

        padding: 15px;

    }



    .blog_list_hed h6 {

        font-size: 20px;

    }



    .event_details_mid_inn ul {

        padding-left: 40px;

    }



}



@media only screen and (min-width: 768px) and (max-width: 991px) {

     .casinoyellow_ban_inn_rt{position:relative; bottom:0px;}

    .casinoyellow_ban_sec .heading3{margin-top:20px;}

    .text_ce{text-align:center;}

    .new_thankyou_sec {

        padding: 100px 0 20px !important;

    }



    .blog_mid .whitepaper_panel_box_dwn {

        padding: 15px;

    }



    .blog_main {

        padding-top: 140px !important;

        min-height: auto !important;

    }



    .blog_list_hed h6 {

        font-size: 20px;

    }



    .glimpse_event {

        padding-bottom: 0px !important;

    }



    .inner_up_txt h1 {

        font-size: 36px;

        line-height: 36px;

    }



    .ebook_main .whitepaper_ban_lt {

        padding-top: 35px;

    }



    .ebook_main .inner_up_txt .hed_txt_mid {

        font-size: 36px;

        line-height: 36px;

    }



    .ebook_main {

        padding-top: 100px !important;

    }



    .discuss_modal_swiper .swiper-pagination {

        bottom: -2px !important;

    }

}



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



    .home-banner,

    canvas,

    .side,

    .home-banner .swiper-container,

    .home-banner .swiper-wrapper,

    .home-banner .swiper-slide {

        height: auto !important;

    }



    .particle-container {

        opacity: 0;

    }



    .homebannerSection {

        padding: 0 !important;

        margin-top: 100px;

    }



    .home-banner {

        padding: 35px 0px 0px;

    }



    .home-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

        text-align: center

    }



    .home-banner .swiper-slide p {

        font-size: 13px !important;

        line-height: 21px !important;

        font-weight: 500 !important;

        text-align: center;

    }



    .home-banner .swiper-slide h1,

    .home-banner .swiper-slide h2 {

        font-size: 30px;

        line-height: 35px;

        padding: 0 0px;

        text-align: center;

    }



    .bannerList {

        margin: 30px 0 70px;

    }



    #featuresAccordion .accordion-button,

    #expAccordion .accordion-button,

    #portfolioAccordion .accordion-button,
    #dhTechAccordion .accordion-button,

    #industryAccordion .accordion-button {

        background-color: #e74c3c;

        box-shadow: none;

        outline: none;

        color: #fff;

        font-size: 14px;

        text-transform: uppercase;

        font-weight: 500;

    }



    #featuresAccordion .accordion-button.collapsed,

    #expAccordion .accordion-button.collapsed,

    #portfolioAccordion .accordion-button.collapsed,
    #dhTechAccordion .accordion-button.collapsed,

    #industryAccordion .accordion-button.collapsed {

        background-color: #fff;

        /* border: 1px solid #e74c3c; */

        border-radius: 4px;

        color: #2F2F2F;

    }



    #featuresAccordion .accordion-item,

    #expAccordion .accordion-item,

    #portfolioAccordion .accordion-item,
    #dhTechAccordion .accordion-item,

    #industryAccordion .accordion-item {

        border: 1px solid #e74c3c !important;

        margin-bottom: 15px;

        border-radius: 4px;

    }



    #featuresAccordion .accordion-button:not(.collapsed)::after,

    #expAccordion .accordion-button:not(.collapsed)::after,

    #portfolioAccordion .accordion-button:not(.collapsed)::after,
    #dhTechAccordion .accordion-button:not(.collapsed)::after,

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

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;

        background-size: 20px !important;

        width: 20px !important;

        height: 20px !important;

    }



    .homeTabs,

    .industryTabs {

        white-space: nowrap;

        overflow: auto;

        padding-bottom: 25px;

        gap: 10px;

    }



    .industryTabs {

        width: auto;

        margin: 0 auto;

    }



    .industryTabs .industryParent .homeTabMain {

        white-space: nowrap;

        padding: 0 20px;

    }



    .perspective_latest h2 {

        text-align: center !important;

    }



    .expList span {

        margin-bottom: 5px;

    }



    .serviceOverlay h3 {

        font-size: 30px;

    }



    header .nav>li.flm5 {

        margin-left: 0;

    }



    header .navbar-nav li>a {

        padding: 10px;

    }



    header .navbar-nav>li {

        padding-left: 5px;

    }

}





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



    .home-banner {

        padding: 0;

        /* padding-bottom: 25px; */

    }



    .home-banner,

    canvas,

    .side,

    .home-banner .swiper-container,

    .home-banner .swiper-wrapper,

    .home-banner .swiper-slide {

        height: 100% !important;

    }



    .home-banner .swiper-slide p {

        font-size: 13px !important;

        line-height: 21px !important;

        font-weight: 500 !important;

        text-align: center;

    }



    .home-banner .swiper-slide h1,

    .home-banner .swiper-slide h2 {

        font-size: 32px;

        line-height: 35px;

        padding: 0 5px;

        text-align: center;

    }



    .home-banner a {

        min-width: 108px;

    }



    .achievementImage {

        margin-bottom: 20px;

    }



    .achievementImage img {

        padding: 0 20px;

        margin-top: 25px;

    }



    .home-banner .swiper-pagination-bullet {

        position: relative;

        width: 156px;

        height: auto;

        text-align: left;

        border-radius: 0;

        opacity: 1;

        margin-right: 20px;

        background-color: #f00;

    }



    .home-banner .swiper-pagination-bullet-active b {

        display: none;

    }



    section {

        padding: 50px 25px !important;

    }



    .topClientSlider .swiper-slide .clientBox {

        border: 1px dashed #F5B7B1;

        min-height: 108px;

        border-radius: 16px;

    }



    .topClientSlider .swiper-slide .clientBox img {

        -webkit-filter: grayscale(1);

        filter: grayscale(1);

    }



    .topClientSlider .swiper-slide .clientBox:hover img {

        -webkit-filter: grayscale(0);

        filter: grayscale(0);

    }



    .particle-container {

        padding-top: 40px;

    }



    .home-banner .darkBlueBg.swiper-slide-active~.particle-container {

        display: none !important;

    }



    .hiddenMobile {

        height: 0;

        overflow: hidden;

        opacity: 0;

    }



    .custom-pagination {

        bottom: 13px;

        position: absolute;

        left: 0;

        right: 0;

        z-index: 1;

    }



    .heading3,

    .pageTitle {

        font-size: 35px;

        line-height: 40px;

    }



    .aboutUsBanner {

        padding: 0 !important;

        margin-top: 90px;

    }



    .videoBox {

        max-width: 100%;

        width: 100%;

        height: 400px;

        border-radius: 0;

    }



    .aboutUsBannerTxt {

        position: absolute;

        z-index: 1;

        left: 0;

        right: 0;

        bottom: 0;

        pointer-events: none;

        padding: 24px;

        background: linear-gradient(360deg, #090B1B 0%, rgba(9, 11, 27, 0) 100%);

    }



    .aboutUsBannerTxt h1 {

        font-size: 60px;

        line-height: 60px;

    }



    .aboutUsBannerTxt p {

        font-size: 22px;

        line-height: 27px;

        color: #fff;

        font-weight: 400;

    }



    .aboutBannerSlider {

        position: unset;

        border-radius: 0;

        padding: 25px;

        max-width: unset;

        width: 100%;

    }



    .aboutBannerSlider h2 {

        font-size: 50px;

        line-height: 50px;

    }



    .aboutBannerSlider p:first-child {

        font-size: 22px;

    }



    .aboutBannerSlider p {

        font-weight: 400;

        font-size: 18px;

        line-height: 22px;

    }



    .aboutBannerSlider h2 sup {

        font-size: 23px;

        top: -10px;

    }



    .abutNo {

        font-size: 35px !important;

    }



    .journeySlider {

        margin-top: 14px;

        margin-bottom: 50px;

    }



    .journeySlider h2 {

        font-size: 37px;

        line-height: 37px;

        text-align: left;

        margin-bottom: 20px;

        margin-top: 20px;

    }



    .journeyList li {

        font-weight: 600;

        font-size: 15px;

        line-height: 19px;

        margin-bottom: 15px;

    }



    .journeyPagination {

        left: 0;

    }



    .ceoCorner {

        padding: 80px 25px;

    }



    .ceoImg {

        transform: translate(0, 112px);

        position: unset;

    }



    .corporateBox {

        margin-right: 0;

        padding-right: 0;

        padding: 24px 0;

    }



    .corporateImg {

        position: relative;

        width: 60%;

        height: auto;

        top: 0px;

        margin: 0 auto;



        margin-top: 25px;

    }



    .pinkBg2 {

        width: 100%;

        right: 0;

        opacity: 0;

    }



    .isoBox {

        padding: 24px;

        border-radius: 8px;

        max-width: unset;

        width: 100%;

    }



    .pinkBgInner {

        background-color: #FADBD8;

        border-radius: 8px;

        padding: 24px;

        margin-top: 24px;

    }



    .innerPadding {

        padding: 0;

    }



    .darkForMobile {

        background-color: #11142B;

    }



    .moreAboutSlider .whiteBox {

        min-height: 340px;

    }



    .industryParent .homeTabMain {

        padding: 0 18px;

    }



    .darkBg {

        margin-top: -85px;

    }



    /* .contact-checkbox input:checked + :after{

        left: 15px !important;

    } */

    .secondCheck input:checked+ :after {

        left: 8px !important;

    }



    .dedicatedHireBg {

        min-height: auto;



    }



    .dedicatedHireBgColor {

        min-height: auto;

        padding: 120px 15px 40px;

    }



    .videoBg video {

        display: none;

    }



    .serviceTabIcon {

        width: 78px;

        height: 78px;

        margin-bottom: 15px;

    }



    .aiDevBanner h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

        margin-top: 90px;

    }



    .appBanner h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

    }



    .appBanner .smallHeading {

        margin-top: 90px;

    }



    .aiBannerSliderBox {

        margin-top: 24px;

    }



    .yellowBox h2 {

        font-weight: 600;

        font-size: 22px;

        line-height: 24px;

    }



    .aiMobileVerticalSwipe h4 {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 24px;

        font-weight: 600;

    }



    .useCasesSlider .borderBox {

        width: auto;

        height: auto;

    }



    .sliderWhiteBox {

        padding: 24px !important;

        min-height: auto;

    }



    .custom-navigation {

        opacity: 0;

    }



    .whiteRoundBox {

        overflow: hidden;

    }



    .dedicatedHireBox1,

    .dedicatedHireBox2,

    .dedicatedHireBox3 {

        border-radius: 8px;

        padding-bottom: 30px;

    }



    .redRoundBox2 {

        border-radius: 16px 16px 0 0;

    }



    .blueRoundBox {

        border-radius: 0 0 16px 16px;

    }



    .redRoundBox2,

    .blueRoundBox,
    .yellowRoundBox {

        padding: 24px;

    }



    .redRoundBox2 h4,

    .blueRoundBox h4,
    .pinkRoundBox h4,
    .yellowRoundBox h4 {

        text-align: center;

    }



    .redRoundBox2 p,

    .blueRoundBox p,
    .pinkRoundBox p,
    .yellowRoundBox p {

        text-align: center;

    }



    .pythonBg {

        min-height: 600px;

    }



    .career-parent-banner {

        padding-top: 125px !important;

    }



    .career-parent-banner h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

        text-transform: uppercase;

    }



    .career-parent-banner p {

        font-weight: 600;

        font-size: 13px;

        line-height: 21px;

        text-align: center;

        text-transform: uppercase;



    }



    .blueBox::before {

        width: 91%;

        height: 10px;

        top: -10px;

        left: 15px;

        border-radius: 16px 16px 0 0;

    }



    .blueBox h2 {

        font-size: 26px;

        line-height: 32px;

    }



    .careerBox p::after {

        display: none;

    }



    .careerBox h3 {

        margin-bottom: 8px;

        white-space: nowrap;

    }

    .sliderClipPath{

        clip-path: unset;

    }

    .team-bg::after,
    .team-bg::before{
        display: none;
    }
    .assetsTab #portfolioTab li .nav-link{
        min-width: 165px;
    }
    .game-grid{
        grid-template-columns: auto;
        grid-template-rows: 150px 150px;
    }
    .treeImg{
        ::after{
            display: none;
        }
    }
    .dh-designer{
        padding-top: 100px !important;
    }
    @scope (.dh-designer) {
        h1 {
            font-size: 65px;
            line-height: 70px;
        }
    }





}



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

    .new_thankyou_inn h1 {

        position: relative;

        font: 700 40px / 50px "Poppins", sans-serif;

    }



    .new_thankyou_inn img {

        width: 155px;

    }



    .new_thankyou_inn h1::after {

        top: 2px;

        left: 3px;

    }



    section {

        padding: 40px 15px;

    }



    .home-banner .swiper-wrapper {

        align-items: center;

        padding-bottom: 28px;

    }



    .aboutUsBanner {

        padding: 0 !important;

        margin-top: 90px;

    }



    .videoBox {

        max-width: 100%;

        width: 100%;

        height: 400px;

        border-radius: 0;

    }



    .aboutUsBannerTxt {

        position: absolute;

        z-index: 1;

        left: 0;

        right: 0;

        bottom: 0;

        pointer-events: none;

        padding: 24px;

        background: linear-gradient(360deg, #090B1B 0%, rgba(9, 11, 27, 0) 100%);

    }



    .aboutUsBannerTxt h1 {

        font-size: 60px;

        line-height: 60px;

    }



    .aboutUsBannerTxt p {

        font-size: 22px;

        line-height: 27px;

        color: #fff;

        font-weight: 400;

    }



    .aboutBannerSlider {

        position: unset;

        border-radius: 0;

        padding: 25px;

        max-width: unset;

        width: 100%;

    }



    .aboutBannerSlider h2 {

        font-size: 50px;

        line-height: 50px;

    }



    .aboutBannerSlider p:first-child {

        font-size: 22px;

    }



    .aboutBannerSlider p {

        font-weight: 400;

        font-size: 18px;

        line-height: 22px;

    }



    .aboutBannerSlider h2 sup {

        font-size: 23px;

        top: -10px;

    }



    .abutNo {

        font-size: 35px !important;

    }



    .whatWeDo .whiteBox {

        padding: 12px !important;

    }



    .whatWeDo .serviceIcon {

        width: 40px;

        height: 40px;

        background-color: #F0F0F0;

        border-radius: 6px;

        margin: 0 auto;

        margin-bottom: 10px;

        padding: 10px;

    }



    .whatWeDo .serviceIcon img {

        width: 100%;

    }



    .whatWeDo .serviceDetails h4 {

        font-size: 13px;

        line-height: 17px;

    }



    .whatWeDo .serviceDetails p {

        font-size: 12px;

        line-height: 16px;

    }



    .productHoverBox .pageSubTitle {

        font-size: 14px;

        line-height: 22px;

    }



    .journeySlider {

        margin-top: 14px;

        margin-bottom: 50px;

    }



    .journeySlider h2 {

        font-size: 37px;

        line-height: 37px;

        text-align: left;

        margin-bottom: 20px;

        margin-top: 20px;

    }



    .journeyList li {

        font-weight: 600;

        font-size: 15px;

        line-height: 19px;

        margin-bottom: 15px;

    }



    .journeyPagination {

        left: 0;

    }



    .swiper-custom-nav {

        position: absolute;

        bottom: 55px;

        left: 0;

        gap: 15px;

        z-index: 10;

        right: 0;

        width: 100px;

        margin: 0 auto;

    }



    .swiper-custom-nav .swiper-button-prev,

    .swiper-custom-nav .swiper-button-next {

        background: none;

        cursor: pointer;

        user-select: none;

        width: 32px;

        height: 32px;

    }



    .swiper-custom-nav .swiper-button-disabled {

        opacity: 0.2;

    }



    .swiper-custom-nav .swiper-button-prev img {

        transform: rotate(180deg);

    }



    .yellowBox h4,

    .trustTxt {

        font-size: 30px;

        line-height: 35px;

    }



    .ceoSpeech,

    .ceoName {

        text-align: center;

    }





    .corporateBox {

        margin-right: 0;

        padding-right: 0;

        padding: 24px 0;

    }



    .corporateImg {

        position: relative;

        width: 60%;

        height: auto;

        top: 0px;

        margin: 0 auto;



        margin-top: 25px;

    }



    .pinkBg2 {

        width: 100%;

        right: 0;

        opacity: 0;

    }



    .isoBox {

        padding: 24px;

        border-radius: 8px;

        max-width: unset;

        width: 100%;

    }



    .pinkBgInner {

        background-color: #FADBD8;

        border-radius: 8px;

        padding: 24px;

        margin-top: 24px;

    }



    .innerPadding {

        padding: 0;

    }



    .ceoSpeech {

        font-size: 18px;

        line-height: 30px;

    }



    .ceoImg {

        position: unset;

        transform: translate(0, 112px);

    }



    .darkForMobile {

        background-color: #11142B;

    }



    .moreAboutSlider .whiteBox {

        min-height: 340px;

    }



    .whatWeDoSection {

        background: linear-gradient(180deg, #FDEDEB 0%, #FFFFFF 100%);



    }



    .industry_blog_dwn {

        width: 680px;

        height: 600px;

        bottom: -227px;

        padding: 97px 80px 0 140px;

    }



    .industry_blog_inn .arrow_kone {

        bottom: 86px;

    }



    .industry_blog_dwn .ebook_heading {

        font-size: 30px;

    }



    .industry_blog_dwn p {

        font-size: 20px;

        line-height: 30px;

    }



    .industryParent .homeTabMain.active:after {

        display: none;

    }



    .dedicatedHireBg,

    .dedicatedHireBgColor {

        min-height: auto;

    }



    .gridSwiper .clientBox .heading5 sup,

    .gridSwiper .clientBox h5 sup {

        font-weight: 700;

        font-size: 20px;

        line-height: 17px;

        top: -8px;

    }



    .videoBg h1 {

        font-size: 32px;

        line-height: 35px;

    }



    .videoBgSubTitle {

        font-size: 20px;

        line-height: 25px;

    }



    .element1 {

        top: 20px;

        right: 20px;

        width: 58px;

    }



    .element2 {

        top: 20px;

        left: 20px;

        width: 70px;

    }



    .element3 {

        bottom: 220px;

        left: -10px;

    }



    .element4 {

        bottom: 30px;

        right: 0;

    }



    .trustedBy {

        border-radius: 8px;

        border: 1px dashed #e74c3c;

        text-align: center;

        padding: 24px;

        margin-bottom: 24px;

    }



    .highlightedRow h3 {

        margin-bottom: 16px;

        font-size: 26px;

        line-height: 32px;

    }



    .highlightedRow .uspText {

        font-size: 14px;

    }

    .sliderClipPath{

        clip-path: unset;

    }
    .dh-designer{
        padding-top: 80px !important;
    }
    @scope (.dh-designer) {
        h1{
            font-weight: 700;
            font-size: 32px;
            line-height: 35px;
            text-transform: uppercase;
            margin-bottom:16px;
        }
        .bannerSubTitle{
            font-weight: 600;
            font-size: 13px;
            line-height: 21px;
            letter-spacing: 0.25px;
            text-transform: uppercase;
            color: #C3C3C3;
        }
        .floatingImage {
            position: unset;
            width: 100% !important;
            height: 100%;
        }
        .floatingImage img{
            min-height: auto;
        }
    }
    .team-bg::after,
    .team-bg::before{
        display: none;
    }
    .assetsTab #portfolioTab li .nav-link{
        min-width: 165px;
    }
    .game-grid{
        grid-template-columns: auto;
        grid-template-rows: 150px 150px;
    }
    .treeImg{
        ::after{
            display: none;
        }
    }
    .dh-inner-banner{
        padding-top: 80px !important;
    }
    @scope (.dh-inner-banner) {
        h1{
            font-size: 32px;
            line-height: 35px;
            margin-bottom:16px;
        }
        .bannerSubTitle{
            font-size: 13px;
            line-height: 21px;
        }
    }

}



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

    .event_details_sec {

        padding: 0px !important;

    }

}



@media only screen and (max-width: 600px) {
    .bannerList li p:first-child {
        height: 35px;
    }
    .discuss_rt{
        padding:24px;
    }
    .close_btn_main{
        right: 12px;
        top: 12px;
    }
    .iti__search-input{
        display:none;
    }
    .banner_btn_regis {
        padding: 3px 15px 6px !important;
    }
    .banner_btn_regis span {
        font-size: 11px;
    }
    .event_details_sec {
        padding: 100px 0px 0px !important;
    }
    .events_sec {
        padding-top: 165px !important;
    }
    .banner_event_btn {
        bottom: 11px !important;
    }
    .event_details_mid_inn .pageTitle {
        font-size: 20px;
    }
    .glimpse_event1 {
        padding-bottom: 24px !important;
    }
    .event_list_sec {
        text-align: center !important;
        width: 100%;
        max-width: 100%;
    }
    .event_details_sec img {
        object-fit: cover;
    }
    .input-phone_number-usa {
        margin-bottom: 15px;
    }
    .input-phone_number-usa .error {
        bottom: -9px !important;
    }
    .new_thankyou_box_txt {
        padding: 16px 20px;
    }
    .new_thankyou_box_txt a {
        padding: 5px 18px;
    }
    .new_thankyou_box_txt h4 {
        margin: 0px;
        font: 600 16px / 22px "Poppins", sans-serif;
    }
    .new_thankyou_inn h1::after {
        top: 2px;
        left: 2px;
    }
    .new_thankyou_inn h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .new_thankyou_inn h6 {
        margin: 15px 0 0px;
        font-size: 16px;
        line-height: 25px;
    }
    .new_thankyou_inn p {
        font-size: 16px;
        line-height: 25px;
    }
    .new_thankyou_inn img {
        width: 100px;
    }
    .new_thankyou_inn h1 {
        margin: 5px 0 0;
    }
    .new_thankyou_sec {
        padding: 100px 0 20px !important;
    }
    .country_phn {
        margin-bottom: 18px;
    }
    .discuss_rt {
        border-radius: 16px !important;
    }
    .discuss_terms {
        margin-top: 0px !important;
    }
    .discuss_terms .discuss_terms_inn {
        flex-direction: column !important;
        align-items: start !important;
    }
    .blog_details_mid_lt {
        width: 100%;
        padding-right: 0px;
    }
    .new_blog_details_txt h1 {
        font-size: 30px;
        line-height: 34px;
    }
    .new_blog_date {
        flex-direction: column;
        gap: 6px;
    }
    .new_blog_date .pipe {
        display: none;
    }
    .blog_details_mid_dwn_content2 h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .blog_details_mid_dwn_content2 p {
        margin: 0px;
    }
    .blog_details_mid_dwn_content2 {
        margin-top: 24px;
    }
    .new_blog_details {
        width: 100%;
        padding: 130px 0px 32px !important;
    }
    .blog_inn h1 {
        font-size: 30px;
        line-height: 34px;
    }
    .blog_inn h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .blog_inn h3 br {
        display: none;
    }
    .searching_sec {
        max-width: 100%;
        flex-direction: column;
    }
    .blog_main {
        padding-top: 140px !important;
        min-height: auto !important;
    }
    .white_paper_social a {
        font-size: 10px;
    }
    .bannerList {
        margin: 30px 0 30px;
    }
    .bannerList li {
        padding-left: 5px;
        margin-right: 10px;
        white-space: unset;
        border: none;
    }
    .ebook_main {
        padding-top: 55px !important;
    }
    .ebook_detail_btm {
        margin-top: 16px;
        flex-direction: column;
    }
    .ebook_detail_btm_rt a {
        margin-top: 19px;
        display: inline-block;
    }
    .ebook_detail_btm_rt {
        border: none;
        padding: 0px;
    }
    .ebook_detail_btm_lt {
        padding: 0px;
    }
    .ebook_inner {
        margin-top: 20px;
    }
    .ebook_main {
        padding-top: 57px !important;
    }
    .new_ebook_rt {
        margin-top: 16px;
    }
    .inner_up_txt h1 {
        font-size: 30px;
        line-height: 34px;
        text-align: center !important;
    }
    .events_sec {
        padding-top: 120px !important;
    }
    .event_details_date a {
        width: 100%;
        display: inline-block;
    }
    .event_details_date span {
        display: none;
    }
    .event_details_mid_inn p br {
        display: none;
    }
    .glimpse_event_inn {

        flex-direction: column;

        align-items: start;

        gap: 16px;

    }



    .event_panel_box {

        margin-top: 16px;

    }



    .glipse_event_slide {

        padding-top: 16px;

    }



    .glimpse_event {

        padding-bottom: 0px !important;

    }



    .glimpse_event_inn_lt h6 {

        font-size: 30px;

        line-height: 35px;

        width: 100%;

        text-align: center;

    }



    .glimpse_event_inn_rt p {

        text-align: center;

    }



    .glimpse_event_inn_lt {

        width: 100%;

    }



    .event_detail_inn h1 {

        font-size: 30px;

        line-height: 34px;

    }



    .hed_txt_mid {

        font-size: 30px;

        line-height: 34px;

    }



    .inner_up_txt h3 {

        font-size: 14px;

        line-height: 20px;

        text-align: center;

        margin-top: 14px;

    }



    .whitedetails_mid_rt {

        width: 100%;

        padding-top: 16px;

    }



    .whitedetails_mid_rt p {

        padding-top: 16px;

        text-align: justify;

    }



    .whitedetails_mid_rt h6 {

        text-align: center;

    }



    .other_paper_slide {

        padding-top: 20px;

    }



    .other_whitepaper_inner .text-red {

        font-size: 22px;

        line-height: 25px;

    }



    .whitepaper_ban_rt {

        margin-top: 16px;

        padding: 10px;

    }



    .whitepaper_form .error {

        font-size: 10px;

    }



    .hiddenMobile {

        height: 0;

        overflow: hidden;

        opacity: 0;

    }



    .home-banner,

    canvas,

    .side,

    .home-banner .swiper-container,

    .home-banner .swiper-wrapper,

    .home-banner .swiper-slide {

        height: auto !important;

    }



    .home-banner .swiper-slide p {

        font-size: 13px !important;

        line-height: 21px !important;

        font-weight: 500 !important;

        text-align: center;

    }



    .home-banner .swiper-slide h1,

    .home-banner .swiper-slide h2 {

        font-size: 32px;

        line-height: 35px;

        padding: 0 5px;

        text-align: center;

    }



    .home-banner a {

        min-width: 108px;

    }



    .ceoImg {

        position: unset;

        transform: translate(0, 62px);

    }



    .achievementImage img {

        padding: 0 20px;

        margin-top: 48px;

    }



    .home-banner .swiper-pagination-bullet {

        position: relative;

        width: 156px;

        height: auto;

        text-align: left;

        border-radius: 0;

        opacity: 1;

        margin-right: 20px;

        background-color: #f00;

    }



    .home-banner .swiper-pagination-bullet-active b {

        display: none;

    }



    .dashed-box {

        padding: 8px;

        min-height: auto;

    }



    .serviceOverlay {

        padding: 15px;

    }



    .whiteCardInner {

        padding: 15px;

    }



    .whiteCard p {

        font-size: 14px;

        line-height: 20px;

    }



    .expList span {

        display: block;

        text-align: center;

        margin-bottom: 5px;

    }



    .homeTabsMainMenu .homeTabMain {

        min-height: 38px;

        line-height: 38px;

    }



    .tabRoundBox {

        min-height: 320px;

        max-height: 100%;

    }



    .tabRoundBoxInner h3 {

        font-size: 20px;

        line-height: 21px;

        padding-right: 14%;

    }



    .tabRoundBox img {

        object-fit: cover;

        min-height: 320px;

    }



    .tabRoundBoxInner>p {

        margin-bottom: 0;

    }



    .testimonialBox {

        min-height: 400px;

    }







    section {

        padding: 25px 15px !important;

    }



    .heading3 {

        font-size: 22px;

        line-height: 28px;

    }



    .card_sm_txt {

        padding-top: 16px;

    }



    .buttonBox {

        text-align: center;

        margin-top: 28px;

    }



    .header-banner {

        min-height: auto;

        background-position: 70% center;

    }



    .follow_pad {

        padding: 25px 0 !important;

    }



    .bulletList li {

        margin-bottom: 14px;

    }



    .header-banner h1 {

        text-align: center;

        font-size: 30px;

        line-height: 34px;

    }



    .header-banner h1 span {

        font-size: 30px;

        line-height: 24px;

    }



    .header-banner h1 small {

        font-size: 24px;

        line-height: 24px;

    }



    .fbc-wrap {

        text-align: center;

    }



    .fbc-items {

        margin: 0 auto !important;

        float: none !important;

    }



    .header-banner p {

        text-align: center;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .buttonBox .yellowBtn {

        display: block;

        text-align: center;

    }



    .trustedIcon {

        margin-top: 24px;

    }



    .pageTitle {

        font-size: 22px;

        line-height: 24px;

        margin-bottom: 16px;

    }



    .mob_games_btm {

        padding-top: 0px !important;

    }



    .redSection {

        padding: 24px 0;

    }



    .pinkishBg_mob {

        margin-bottom: 24px !important;

    }



    .clientSlider {

        margin-top: 0;

    }



    .redBtn {

        display: block;

    }



    .uspText {

        margin-top: 10px;

    }



    .platfromBox {

        padding: 24px 0 16px;

    }



    .watermark {

        display: none;

    }



    .timeLine {

        bottom: 12%;

        top: unset;

    }



    .bottomline:before {

        top: -24px;

        bottom: unset;

    }



    #faq .accordion-button {

        font-size: 12px;

    }



    #faq .accordion-button span {

        padding: 0 8px;

    }



    .formHeading {

        border-bottom: 0;

    }



    .formHeading:after {

        display: none;

    }



    .featureName {

        margin-top: 10px;

        font-size: 13px;

        line-height: 17px;

    }



    .featureBox {

        height: 100%;

    }



    .fetureImg {

        width: 50px;

        height: 50px;

        padding: 10px;

    }



    .techBox {

        height: auto;

    }



    .timeLineBox h3 {

        font-size: 16px;

        line-height: 21px;

    }



    .timeLineBox p {

        font-size: 13px;

        line-height: 20px;

    }



    .viewBox,

    .ThumbItem {

        min-height: auto;

        height: auto;

    }



    .viewBox {

        aspect-ratio: 16/9;

    }



    .ThumbItem {

        aspect-ratio: 16/13;

    }



    .playBtn {

        border-radius: 30px;

        padding: 0;

    }



    .innerTitle {

        font-weight: 600;

        font-size: 22px;

        line-height: 24px;

    }



    .contactInfo p {

        text-transform: capitalize;

    }



    .contactInfo p,

    .contactInfo p a {

        font-weight: 600;

        font-size: 13px;

        line-height: 30px;

        text-align: center;

    }



    .contactInfo p a {

        text-transform: none;

    }



    .rightdashedBorder {

        border: none;

        margin-bottom: 16px;

    }



    /* .new_brief .attach_filesec {

        bottom: 32px !important;

    } */

    .locationAddress {

        text-align: left;

    }



    .redRoundBox,

    .addressBox {

        border-radius: 0;

    }



    .darkBg {

        margin-top: 0;

        position: relative;

        padding: 3px 15px !important;

        height: 0;

        overflow: hidden;

    }



    .footerNavOpen {

        height: auto;

    }



    .footer-form {

        margin-bottom: 0 !important;

    }



    .collapsBtn {

        width: 24px;

        height: 24px;

        position: absolute;

        display: block;

        right: 20px;

        top: -3px;

    }



    .active-state__bar {

        height: 40px;

    }



    .rotated {

        transform: rotate(180deg);

    }



    .copyrightBox {

        padding-top: 25px;

        text-align: center;

    }



    .dashedBorder {

        padding: 20px 0;

        /* border:none; */

    }



    .viewBox>img {

        min-height: auto;

    }



    .engagementModel h1 {

        font-size: 30px;

        line-height: 24px;

    }



    .engagementModel .subTxt {

        font-size: 24px;

    }



    .offerBox:after {

        display: none;

    }



    .techItem span {

        padding: 8px;

        margin-right: 5px;

        margin-bottom: 10px;

    }



    .verticalSlider ul {

        display: inline-block;

    }



    .verticalSlider h2 {

        margin: 20px 0;

        font-size: 22px;

        line-height: 24px;

    }



    .techBg {

        background-image: none;

    }



    .service-banner h1 {

        font-size: 25px;

        line-height: 25px;

    }



    .service-banner .boldText {

        font-size: 30px;

        line-height: 38px;

    }



    .service-banner .subHead {

        font-size: 25px;

        line-height: 25px;

    }



    .floatingPoints ul li {

        width: 30px;

        height: 30px;

    }



    .floatingPoints ul li img {

        width: 16px;

    }



    .floatingTooltip {

        font-size: 10px;

        padding: 0px 5px;

    }



    .floatingPoints ul li:hover .floatingTooltip {

        bottom: -22px;

    }



    .service-banner .trustedIcon {

        margin-top: 20px;

        margin-bottom: 20px;

    }



    .tech-img {

        height: 60px;

    }



    .tech-img .padding {

        padding: 4px 22px;

    }



    .videoBox {

        height: 272px;

    }



    .corporateImg {

        width: 100%;

    }





    .industryMainSection {

        height: auto;

        margin-bottom: 0;

        padding-top: 120px !important;

        padding-bottom: 35px !important;

    }



    .industryMainHeader h1 {

        font-size: 32px;

        line-height: 35px;

    }



    .industryMainHeader p {

        font-size: 13px;

        line-height: 21px;

    }



    .industryCenterSlider .swiper-slide.swiper-slide-active {

        width: inherit !important;

    }



    .industryCenterSlider .swiper-slide.swiper-slide-active .industryBox>img {

        width: 100% !important;

    }



    .industry_blog_sec {

        min-height: auto;

    }



    .industry_blog_dwn {

        border-radius: 100%;

        width: 400px;

        height: 400px;

        bottom: -200px;

        left: 15px;

        padding: 43px 106px 0 100px;

    }



    .pers_rt .arrow_kone {

        right: 0;

        top: 6px;

    }



    .industry_blog_inn .arrow_kone {

        bottom: 30px;

        left: 50px;

    }



    .industry_blog_dwn .ebook_heading {

        font-size: 20px;

        line-height: 23px;

    }



    .industry_blog_dwn p {

        font-size: 13px;

        line-height: 20px;

    }



    .perspective_inn {

        border: 1px solid #E74C3C;

        background-color: #FFF5F4;

    }



    .swiper-slide-active .perspective_inn {

        background-color: #E74C3C;

    }



    .pers_rt span,

    .pers_rt p,

    .publish span {

        color: #F5B7B1;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    .pers_rt .blog_heading {

        color: #FFFFFF;

    }



    .publish {

        color: #fff !important;

    }



    .pers_rt span {

        width: 195px;

        display: block;



    }



    .blogShortDesc {

        display: -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;

        overflow: hidden;

    }



    .newSocialLinks {

        width: auto;

    }



    .expertiseSlider {

        clip-path: unset;

    }



    .expertiseSlider .swiper-slide {

        border: 1px dashed #F5B7B1;

        border-radius: 16px;

    }



    .aboutBannerSlider h2 {

        font-size: 32px;

        line-height: 35px;

    }



    .processText {

        min-height: 175px;

    }



    .dedicatedHireBg .bannerList {

        padding-left: 25px;

        margin: 30px 0;

    }



    .dedicatedHireBg .redBtn {

        width: 100%;

    }



    .dedicatedHireBg h1 {

        font-size: 32px;

        line-height: 35px;

    }



    .awardImg {

        margin-top: 24px;

    }



    #file_error {

        right: 0 !important;

        bottom: -15px !important;

        left: unset;

        width: 100%;

        text-align: left !important;

    }



    .newYorkBg {

        min-height: auto;

    }



    .newYorkBg h1 {

        font-size: 30px;

        line-height: 35px;

    }



    .newYorkBg .bannerSubTitle {

        font-size: 13px;

    }



    .newYorkBg .bannerList li {

        font-size: 13px;

    }



    .newTab-container {

        margin: 30px 0;

        margin-bottom: 10px;

    }



    .hiringAccordion {

        border-radius: 16px 16px 0 0;

    }



    .hiringAccordion .accordion-button {

        font-size: 14px;

    }



    .hiringAccordion .accordion-body {

        font-size: 14px;

    }



    .hiringBtn {

        width: 100% !important;

    }



    .mapInfoBox {

        position: unset;

    }



    .mapClientBox {

        padding: 20px;

    }



    .mapClientBox h5 {

        font-size: 40px;

    }



    .mapClientBox h5 sup {

        font-size: 35px;

    }



    .solutionSlider {

        margin-top: 24px;

    }



    .solutionSliderDetails {

        padding: 24px;

        min-height: 430px;

    }



    .solutionSliderDetails h4 {

        font-size: 24px;

        line-height: 27px;

    }



    /* .blueBg{

        padding-bottom: 45px !important;

    } */

    .esports-bg {

        background-position: center;

    }



    .esports-bg h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

    }



    .esports-bg p {

        font-weight: 500;

        font-size: 13px;

        line-height: 21px;

        text-align: center;

    }



    .blurBg {

        transform: translate(0, 0);

        padding: 0 !important;

        border-radius: 0;

        padding: 0;

        margin-bottom: 24px;

    }



    .blurBgInner {

        border-radius: 0;

        padding: 22px 0px !important;

    }



    .blurBgInner h2 sup {

        font-size: 22px;

    }



    .blurBgInner h2 {

        font-size: 37px;

    }



    .blurBgInner p {

        font-size: 12px;

    }



    .blurBgInnerPadding {

        padding: 0 24px;

    }



    .floatingBackdrop {

        right: 0;

    }



    .redCard h3 {

        font-weight: 600;

        font-size: 20px;

        line-height: 32px;

        text-transform: capitalize;

    }



    .redCard p {

        font-size: 15px;

    }



    .whiteBorderBox h2 {

        font-weight: 600;

        font-size: 26px;

        line-height: 28px;

        letter-spacing: 0.25px;

    }



    .esportsMarketSliderInfo {

        padding: 24px;

    }



    .esportsMarketSliderInfo img {

        margin-bottom: 12px;

        border-radius: 0 !important;

        max-width: 40px;

    }



    .esportsMarketSliderInfo h3 {

        font-size: 15px;

        line-height: 19px;

        margin-bottom: 8px;

    }



    .esportsMarketSliderInfo p {

        font-size: 13px;

        line-height: 20px;

    }



    .esportsEventsSlider .swiper-slide {

        padding: 24px;

        border-radius: 16px;

    }



    .eventInfoBox {

        padding: 0;

    }



    .eventInfoBox h3 {

        font-size: 20px;

        line-height: 28px;

        margin-top: 24px;

        margin-bottom: 16px;

        text-align: center;

    }



    .eventInfoBox p {

        font-size: 14px;

        line-height: 23px;

        text-align: center;

        margin-bottom: 20px;

    }



    .eventInfoBorderbox {

        margin-top: 20px;

        padding: 14px;

    }



    .eventInfoBorderbox h4 {

        font-size: 27px;

        line-height: 32px;

        text-align: center;

    }



    .eventInfoBorderbox p {

        font-size: 12px;

        line-height: 21px;

        text-align: center;

    }



    .qMark {

        margin-bottom: 24px;

        border-radius: 8px;

    }



    .qMark h4 {

        font-size: 20px;

        line-height: 32px;

        text-align: center;

        text-transform: capitalize;

    }



    .esportsEventsSlider {

        border: 1px solid #FADBD8;

        box-shadow: none;

        border-radius: 16px;

    }



    .esportsEventsSlider .swiper-pagination {

        left: 0;

        bottom: 0;

    }



    .specializeList {

        margin-top: 24px;

    }



    .specializeList li {

        font-size: 15px;

        line-height: 19px;

        margin-bottom: 20px;

    }



    .featureBlueBox {

        padding: 24px;

        padding-bottom: 60px;

    }



    .featureBlueBox h3,

    .featureBox2 h3 {

        font-size: 20px;

        line-height: 20px;

    }



    .featureBlueBoxInnerItems p {

        font-size: 20px;

        line-height: 28px;

    }



    .featureBoxBorderBox {

        font-size: 14px;

        line-height: 21px;

    }



    .aiDevBanner h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

        margin-top: 90px;

    }



    .appBanner h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

    }



    .aiBannerSliderBox {

        margin-top: 24px;

    }



    .yellowBox h2 {

        font-weight: 600;

        font-size: 22px;

        line-height: 24px;

    }



    .useCasesSlider .borderBox {

        width: auto;

        height: auto;

    }



    .sliderWhiteBox {

        padding: 25px !important;

        min-height: 450px;

        border-radius: 0 0 16px 16px;

    }



    .sliderWhiteBox h3 {

        font-size: 20px;

        line-height: 25px;

    }



    .aiPartnerSlider .rounded-5 {

        border-radius: 16px 16px 0 0 !important;

    }



    .custom-navigation {

        bottom: 30px;

        left: 0;

        right: 0;

        margin: 0 auto;

    }



    .yellowBox.rounded-start-0 {

        border-radius: 0 0 16px 16px !important;

        margin-top: -30px;

    }



    .whiteRoundBox {

        overflow: hidden;

    }



    .aiMobileVerticalSwipe h4 {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 24px;

        font-weight: 600;

    }



    .aiMobileVerticalSwipe .whiteRoundBox {

        min-height: 600px;

    }



    .custom-navigation {

        opacity: 1;

    }



    .fintech-bg h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

    }



    .fintech-bg p {

        font-size: 14px;

        line-height: 20px;

    }

    .sliderBoxInfo .sliderHeading,

    .sliderBoxInfo h3 {

        font-size: 16px;

        line-height: 20px;

        margin-bottom: 16px;

    }



    .smallColorBox span {

        width: 110px;

    }



    .yellowBorderBox {

        height: 100%;

        padding: 16px;

        justify-content: space-around;

    }



    .yellowBorderBox p {

        text-align: center;

        margin-left: 0 !important;

        font-size: 12px;

        margin-top: 20px;

    }



    .blueSliderBox img {

        position: unset;

        max-width: 100%;

        width: auto;

        margin-top: 24px;

    }



    .fintechProjectSlider .swiper-slide {

        background-color: #EFF0F8;

        border-radius: 16px;

    }



    .innerRoundBox {

        width: 96px;

        height: 96px;

    }



    .techAccordion .accordion-item {

        background-color: transparent;

    }



    .blueSliderBox {

        padding: 20px;

    }



    .blueSliderBox h3 {

        font-size: 24px;

    }



    .whyChooseSlider .swiper-slide h3 {

        font-size: 16px;

    }



    .whyChooseSlider .swiper-slide p {

        min-height: 126px;

        margin-bottom: 0;

    }



    .finTechAppSlider .sliderBoxInfo {

        min-height: 190px;

    }



    /* .processNewInfo{

        padding:10px;

    } */

    .processNewInfo h3 {

        font-size: 14px;

        line-height: 20px;

    }



    .processNewInfo p {

        font-size: 14px;

        line-height: 16px;

        margin-bottom: 0;

    }



    .projectSlider h3 {

        font-weight: 600;

        font-size: 22px;

        line-height: 24px;

        text-transform: uppercase;

        margin-bottom: 24px;

        text-align: center;

    }



    .redRoundBox2 {

        border-radius: 16px 16px 0 0;

    }



    .blueRoundBox {

        border-radius: 0 0 16px 16px;

    }



    .redRoundBox2,

    .blueRoundBox,
    .yellowRoundBox {

        padding: 24px;

    }



    .redRoundBox2 h4,

    .blueRoundBox h4,
    .yellowRoundBox h4 {

        font-size: 22px;

        line-height: 24px;

        text-align: center;

    }



    .redRoundBox2 p,

    .blueRoundBox p,
    .yellowRoundBox p {

        text-align: center;

        font-size: 14px;

        line-height: 20px;

    }



    .career-banner {

        background: #11142B !important;

    }



    .career-banner h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

        text-transform: uppercase;

    }



    .careerFormBox {

        transform: translate(0);

        padding: 0;

        backdrop-filter: blur(0);

        box-shadow: none;

        border-radius: 0;

        background: #1D2247;

    }



    .criteria_vacancy_sec {

        padding: 15px 0;

    }



    .pythonBg {

        min-height: auto;
        padding-top: 120px !important;

    }



    .career-parent-banner {

        padding-top: 125px !important;

    }



    .career-parent-banner h1 {

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

        text-align: center;

        text-transform: uppercase;

    }



    .career-parent-banner p {

        font-weight: 600;

        font-size: 13px;

        line-height: 21px;

        text-align: center;

        text-transform: uppercase;



    }



    .blueBox::before {

        width: 91%;

        height: 10px;

        top: -10px;

        left: 15px;

        border-radius: 16px 16px 0 0;

    }



    .blueBox h2 {

        font-size: 26px;

        line-height: 32px;

    }



    .careerBox p::after {

        display: none;

    }



    .careerBox h3 {

        margin-bottom: 8px;

        white-space: nowrap;

    }



    .all_coins_sec {

        display: none;

    }



    .all_coin_mob_sec {

        display: block;

        text-align: center;

        margin-top: 20px;

    }



    .igaming_ban_new {

        padding-bottom: 20px !important;

    }



    .service_card_btm {

        margin-top: 0px;

    }



    .orange_play_sec {

        text-align: center;

        padding-top: 24px;

    }



    .orange_play_sec img {

        width: 270px !important;

    }



    .orange_play_rt_btm {

        display: inline-block;

    }



    .featureBorderBox p br {

        display: none;

    }



    .featureBorderBox {

        width: 160px;

        height: 160px;

    }



    .mob_orange {

        background-position: 28% 0;

    }



    .mob_orange .swiper-container-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-custom,

    .swiper-pagination-fraction {

        bottom: 9px;

    }



    .blue_bg_mob .accordion-body {

        background: #161937;

        padding: 1px 20px 20px;

        border-radius: 0 0 8px 8px;

    }



    .blue_bg_mob .accordion-body .pageSubTitle {

        color: #AEB4DE;

        text-align: justify;

        margin-bottom: 24px;

    }



    .blue_bg_mob .accordion-body h3 {

        font-size: 16px;

        line-height: 21px;

        margin-bottom: 16px;

        padding-top: 24px;

        /* border-top: 1px dashed #575C83; */

        margin-top:0px;

    }

    .sol_btn{margin-bottom: 24px;}



    .blue_bg_mob .sliderList li {

        margin-bottom: 16px;

    }



    .blue_bg_mob .accordion-header button {

        background: #161937;

        flex-direction: column;

        align-items: flex-start;

        border-radius: 5px;

        padding: 20px 20px 12px;

        box-shadow: none;

    }



    .blue_bg_mob .active-item .accordion-header button {

        border-radius: 6px 6px 0 0;

    }



    .blue_bg_mob .accordion-header h3 {

        font-size: 18px;

        line-height: 27px;

        color: #FFAB40;

        font-weight: 500;

        margin-bottom: 0px;

    }



    .blue_bg_mob .accordion-header p {

        font: 500 13px/24px "Poppins", sans-serif;

        margin: 0px;

    }



    .blue_bg_mob .accordion-item {

        border: 1px solid #575C83;

        border-top:1px solid #575C83 !important;

        border-radius: 6px;

        margin-bottom: 16px;

    }



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

        /* position: absolute; */

        right: 0px;

        color: #FFAB40;

    }



    .blue_bg_mob .techStackTitle span {

        font-size: 16px;

        line-height: 20px;

        font-weight: 500;

    }



    .blue_bg_mob .techStackTitle {

        font-size: 19px;

        line-height: 20px;

    }



    .techslide_mob {

        margin-top: 10px !important;

        border-bottom: 1px dashed #575C83;

        margin-bottom: 24px;

    }



    .blue_bg_mob .accordion-button::after {

        position: absolute;

        right: 20px;

    }



    .blue_bg_mob .accordion-item:last-child {

        margin-bottom: 0px !important;

    }



    .platform_feature_top h6 {

        font-size: 22px;

        line-height: 24px;

        text-align: center;

    }



    .platform_feature_btm {

        margin-top: 16px;

        text-align: center;

    }



    .igame_fet {

        height: 72px;

    }



    .igame_fet_rt p br {

        display: none;

    }



    .game_dev_exercise {

        background: #1D2247 !important;

    }



    .expert_mob_slide .accordion-body {

        background: #1D2247;

        overflow: hidden;

    }



    .expertise_sec_rt p {

        max-width: 40ch;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        padding-top: 8px;

        font-size: 13px;

        line-height: 17px;

    }



    .expertise_sec_lt {

        width: 32%;

    }



    .expertise_sec_rt {

        width: 68%;

        padding: 14px 18px 13px;

    }



    .expertise_sec_rt h6 {

        font-size: 16px;

        line-height: 18px;

    }



    .expertise_sec_lt img {

        border-radius: 8px;

    }



    .expertise_sec {

        border-radius: 8px;

    }



    .expert_mob_slide .accordion-header button.collapsed {

        background: #1D2247 !important;

        color: #747AA2 !important;

    }



    .expert_mob_slide .accordion-button::after {

        filter: brightness(0) invert(1);

    }



    .igaming_follow .processNewInfo p {

        font-size: 11px;

        line-height: 15px;

    }



    .igaming_follow {

        padding: 25px 15px !important;

    }



    .igaming_follow .processNewImage img {

        width: 35px !important;

        height: 35px !important;

    }



    .blue_bg_mob .accordion-button::after {

        filter: brightness(0) invert(1);

    }



    .service-card .card-icon img {

        width: 64px !important;

    }

    .searching_sec_lt img{

        min-height: 18px;
        pointer-events: none;

    }

    #technologiesAccordion .accordion-button{

        font-size: 14px;

    }

    .bannerStyle{

        margin-top:50px

    }

    .bannerStyle h1{

        font-weight: 700;

        font-size: 32px;

        line-height: 35px;

    }

    .borderBox2{

        padding: 15px;

    }



    .casino_ban_new {padding-bottom:0px !important;}

    .casino_ban_new .buttonBox{margin-top:20px;}

    .casino_ban_new .achievementImage img{margin-top:20px;}

    .casino_ban_new .achievementImage{margin-bottom:0px;}

    .casinoyellow_ban_inn{flex-direction:column;}

    .casinoyellow_ban_inn_lt{width: 100%; border-radius:10px; padding: 35px 28px 35px 28px; text-align:center;}

    .casinoyellow_ban_inn_rt{position:relative; width:100%; right: 0px; bottom: 0px;}

    .casinoyellow_ban_inn_lt h2{font-size:26px; line-height:32px;}

    .casinoyellow_ban_inn_lt h2 span{font-size:29px; line-height:34px;}

    .casinoyellow_ban_inn_lt a{width:100%;}

    .casinoyellow_ban_inn_rt img{position:relative; right: 0; bottom: 0; width: 107px; margin: 0 auto;}

    .casinoyellow_ban_inn_rt p{font-size:14px; line-height:20px; text-align:center;}

    .casinoyellow_ban_sec .heading3{margin-top:24px;}

    .pinkBg{background: linear-gradient(0deg, #FDEDEB -0.01%, #FFFFFF 4.98%);}

    .pinkBg .accordion-header button{background:#FDEDEB !important;}

    .pinkBg .accordion-body { background: #FDEDEB;}

    .pinkBg .accordion-item { border: none; border-top:0px !important;}

    .pinkBg .accordion-body .pageSubTitle{color:#2F2F2F;}

    .pinkBg .sliderList li{color:#2F2F2F;}

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

    color: #2F2F2F;

    width: 32px !important;

    height: 32px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;

    background-color: #fff;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    border: 1px solid #fff;

    background-position: center;

}

    .pinkBg .accordion-button::after { color: #2F2F2F;

    width: 32px !important;

    height: 32px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E") !important;

    background-color: #fff;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    border: 1px solid #fff;

    background-position: center; filter:none;}

    .pinkBg .keyNumber{color:#2F2F2F;}

    .pinkBg .keyBox p{color:#2F2F2F;}

    .pinkBg .techStackTitle{color:#1D2247; opacity: 0.25;}

    .awardImg{

        height:66px;

    }



    .fantasy_new .cardImg{position: relative; bottom:0px;}

.fantasy_new .achievementImage p{text-align:center;}

.fantasy_ban_bg img {

    right: 0px;

    bottom: -5px;

    width: 45%;

}

.skill_ban_new .cardImg {

    bottom: 0%;

    right: 0;

    width: 100%;

    position:relative; margin-top:16px;

}

.achievementImage p{text-align:center !important;}

.casinoyellow_ban_inn_rt p br{display:none;}

.success_margin{margin-top:30px;}

.success_margin .pageTitle{text-align:center !important;}

.skill_feature{padding-right:0px;}

.skill_feature_rt{padding-left:0px;}

.feature_main h4 br{display:none;}

.skill_launch_sec .feature_main span{padding-top:8px;}

.skill_launch_sec .feature_item { margin-bottom: 20px;}

.skill_img{margin-bottom:20px; width:240px !important;}

.sportsyellow_ban .casinoyellow_ban_inn_rt p br{display:none;}

.casinoyellow_ban_inn_rt h6{font-size:22px; line-height:26px;}

.casinoyellow_ban_inn_rt h6 br{display:none;}

.sportsbook_platform .success_casino_btm_inn { width: 144px;  height: 153px;}

.game-grid {
    grid-template-columns: auto;
    grid-template-rows: auto;
}
.dh-designer{
    background: #11142B;
}
.treeImg{
    ::after{
        display: none;
    }
}

}
@media only screen and (max-width: 480px) {
    .searching_sec_rt input {
        width: 70%;
    }
    .blog_mid .whitepaper_panel_box_dwn {
        padding: 24px;
    }
    .blog_list_label span {
        margin-bottom: 7px;
    }
    .aboutBannerSlider p {
        font-size: 12px;
        line-height: 15px;
    }
    .abutNo {
        font-size: 20px !important;
    }
    .aboutBannerSlider h2 sup {
        font-size: 14px;
        top: -5px;
    }
    .productDetails h2 {
        font-size: 22px;
        line-height: 25px;
    }
    .productHoverBox {
        height: 325px;
    }
    .shortDesc {
        font-size: 12px !important;
        line-height: 21px !important;
    }
    .productHoverBox .pageSubTitle {
        font-size: 12px;
        line-height: 20px;
    }
    .knowledgeDetails p,
    .knowledgePoint td {
        font-size: 12px;
        line-height: 22px;
    }
    .moreAboutSlider .whiteBox {
        min-height: 362px;
        padding: 20px;
    }
    .ceoSpeech {
        font-size: 14px;
        line-height: 22px;
    }
    .pageSubTitle {
        font-size: 14px;
        line-height: 22px;
    }
    .gridSwiper .clientBox p {
        font-size: 12px;
    }
    .video-overlay img {
        width: 120px;
    }
    .aboutUsBannerTxt h1 {
        font-size: 35px;
        line-height: 35px;
    }
    .aboutUsBannerTxt p {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        font-weight: 400;
    }
    .smallColorBox span {
        width: 100px;
    }
    .blueBg .processNewInfo {
        padding: 18px 20px 23px;
    }
    .blueBg .processNewInfo p {
        font-size: 12px !important;
        line-height: 15px;
    }
    .blueBg .processCurveTop {
        top: -16px;
        left: 0px;
    }
    .blueBg .processCurveBottom {
        bottom: -16px;
        left: -1px;
    }
    .blueBg .processNew img,
    .processNewImage {
        margin: 16px 0;
    }
    .processNewImage img {
        width: 25px !important;
        height: 25px !important;
    }
    .borderBox2 p {
        font-size: 11px;
    }
}

@media only screen and (max-width: 400px) {
    .blueBg .processNew img,
    .processNewImage {
        margin: 11px 0;
    }
    .blueBg .processNewInfo {
        padding: 14px 17px 45px;
    }
    .cbox {
        max-width: 60%;
    }
    .igaming_pro .processNewInfo {
        padding: 14px 17px 22px;
    }
}

@media only screen and (max-width: 365px) {
    .blueBg .processNew img,
    .processNewImage {
        margin: 11px 0;
    }
    .blueBg .processNewInfo h3 {
        font-size: 13px;
    }
    .blueBg .processNewInfo {
        padding: 9px 17px 25px;
    }
    .blueBg .processNewInfo p {
        font-size: 11px !important;
        line-height: 15px;
    }
    .igaming_pro .processNewInfo {
        padding: 14px 17px 22px;
    }
}

@media only screen and (max-width: 348px) {
    .blueBg .processNew img,
    .processNewImage {
        margin: 11px 0;
    }
    .blueBg .processNewInfo h3 {
        font-size: 11px;
        line-height: 15px;
    }
    .blueBg .processNewInfo {
        padding: 7px 15px 25px;
    }
    .blueBg .processNewInfo p {
        font-size: 10px !important;
        line-height: 15px;
    }
    .blueBg .processNew img,
    .processNewImage {
        margin: 8px 0;
    }
}

@media only screen and (max-width: 380px) {
    .blog_list_label {
        flex-direction: column;
        align-items: start;
    }
}

@media only screen and (max-width: 320px) {
    .home-banner a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 992px) {
    header {
        transform: translate(0, 0);
        top:0;
    }
    .desktopMenu {
        display: none;
    }
    .mobileHeader {
        display: block;
        position: fixed;
        z-index: 3;
        width: 100%;
        padding: 8px 10px;
        box-shadow: 0 0px 13px 0px #0000004f;
        background: #fff;
    }
    .mobileHeader .navbar-brand img {
        height: auto;
    }

    .ham-icon {
        float: right;
        width: 24px;
        cursor: pointer;
        height: 25px;
    }
}

.code-quality-desc{
    font-size: 15px;
}
.code-quality-heading{
    font-size: 21px;
    font-weight: 500;
}