@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
/* font-family: "Russo One", sans-serif; */

body {overflow-x: hidden; font-size: 15px;color: #686868;font-family: 'Poppins', sans-serif; font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;word-wrap: break-word;}

body::-webkit-scrollbar {width: 10px; background-color: #F5F5F5; }
body::-webkit-scrollbar-button:start:decrement, body::-webkit-scrollbar-button:end:increment {display: none; }
body::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
body::-webkit-scrollbar-thumb:vertical {border-radius: 50px; background-color: var(--primeColor); }

::selection {background: var(--primeColor); color: #fff; text-shadow: none; }
::-webkit-scrollbar {width: 5px; background-color: var(--primeColor); }
::-webkit-scrollbara-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none; }
::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
::-webkit-scrollbar-thumb:vertical {border-radius: 10px; background-color: var(--primeColor); }

/************COLORS CSS*/
:root {
  --primeColor: #f6432e;
  --secondColor: #f6432e;
  --darkblue:#19355c;
  --black: #000;
  --white: #fff;
}
.primeColor{color: var(--primeColor) !important; } 

.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a, .light p, .light i, .light span, .light li, .light {color: var(--white); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark p, .dark i, .dark span, .dark, .black {color: var(--black) !important; }
.gradient_txt {background-image: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position: 100% 100%; }
/************COLORS CSS*/

ul.fancy_list li {position: relative;/* padding-left: 18px; */list-style: none;font-weight: 100;font-size: 15px;margin: 5px 0;}
ul.fancy_list li:before {display: none;top: 6px;width: 7px;height: 12px;border: solid var(--primeColor);border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;content: "";transition: .5s ease-out;left: 0;z-index: 999;}

.rating {display: flex; column-gap: 2px; font-size: 15px; color: #ffd200; }


ul, ol {margin: 0; padding: 0; }
a {color: var(--primeColor); text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
a:hover, a:focus, a:active {color: #1869f4; text-decoration: none; outline: 0; }
a:visited {text-decoration: none; outline: 0; }
textarea {outline: none !important; height: 150px; }
b, strong {font-weight: 800; }
li{list-style: none;}


.input {width: 100%; font-size: 14px; padding: 15px 15px; margin-bottom: 15px; border: none; border-radius: 3px; }
.input:focus {border-color: var(--yellow) !important; }
.input::placeholder {color: #000; font-weight: 600; font-size: 14px; }
textarea.txt_area {height: 119px !important; }

/*.terms-first-wrap-text {margin-bottom: 20px; }*/
.term-first-wrapper h5 {margin: 20px 0 10px; }
section.term-first-wrapper {padding: 50px 0; }


/************HEADER CSS*/
.header__wrap{
    background: #fff;
    /* max-width: 1400px; */
    margin: auto;
    padding: 12px 20px;
    position: relative;];
    z-index: 999;
}
.header__wrap .navbar-light .navbar-nav .nav-link {
    color: var(--black);
    font-size: 16px;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "\f0d7";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    /* content: "\f0d7"; */
    font: normal normal normal 14px / 1 FontAwesome;
    position: relative;
    top: 5px;
}



.dropdown-menu {
    min-width: max-content;
}
.brs-group {
    display: flex;
    padding: 15px;
    gap: 50px;
    max-width: min-content;
    /* background: linear-gradient(to bottom, #682CC3, #43D1FF); */
    background: #fff;
}
.brs-group h3 {
    font-size: 17px;
    font-weight: 600;
    border-bottom: 2px solid #0000000f;
    padding-bottom: 16px;
    color: #000;
}
.brs-group .dropdown-item {
    font-size: 15px;
    /* padding: 0; */
    color: #000;
    font-weight: 400;
    transition: all .2s linear;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.brs-group ul li {
    padding: 4px 0;
    border-bottom: 2px solid #0000000f;
}
.brs-group p {
    width: 300px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 300;
    padding: 12px 0;
}
.brs-group li h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--blue);
    line-height: 20px;
    color: #000;
}
.brs-group ul li a svg {
    font-size: 32px;
}
.brs-group ul li a svg {
    font-size: 14px;
    color: #393838c2;
    padding-right: 5px;
    width: 20px;
}
.brs-group .dropdown-item:hover {
    background-color: transparent;
    color: var(--blue);
    transform: translateX(10px);
    transition: all .2s linear;
    /* font-weight: 500; */
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.navbar-toggler img {
    max-width: 35px;
}
.navbar-light .navbar-toggler , .navbar-toggler:focus{
    border: 0;
    box-shadow: none;
}
.txt-yellow{
    color: #FFD800 !important;
}
.mvp__ui{
    position: absolute;
    bottom: 0;
}
 .navbar-nav  .nav-link:hover {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* display: inline-block; */
}


/* Active item ka color red hamesha rahe */
 .navbar-nav  .nav-link.active {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;

}

        

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



/************TABS CSS*/
ul#pills-tab {margin: auto; display: flex; margin-bottom: 0px !important; column-gap: 5px; justify-content: center; }
ul#pills-tab li {display: inline-block;}
ul#pills-tab li button {border-radius: 5px 5px 0 0; color: var(--darkblue); font-weight: 500; text-transform: uppercase; padding: 30px 0; font-weight: 700; font-size: 15px; }
ul#pills-tab li button.active {background-color: #f8f6f1 !important; color: var(--primeColor) !important; }
ul#pills-tab li button span {width: 100% !important; display: inline-block; margin-top: 9px; }
ul#pills-tab li button.active img {filter: unset !important;opacity: 1 !important;} ul#pills-tab li button img {width: 50px; height: 45px; object-fit: contain; filter: brightness(0); opacity: 0.3; }
/************TABS CSS*/



/************TYPOGRAPHY CSS*/
p {line-height: 1.6;margin: 0 0 15px;word-wrap: break-word;font-size: 16px;color: #717171;line-height: 22px;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px; line-height: 1.2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; }
/*h1 {font-size: 52px; font-weight: 700; text-transform: capitalize; }*/
h2 {/* font-size: 36px; */font-weight: 700;text-transform: capitalize;}
h3 {font-size: 26px; font-weight: 700; text-transform: capitalize; }
h4 {font-size: 22px; font-weight: 700; text-transform: capitalize; }
h5 {font-size: 18px; font-weight: 500; text-transform: uppercase; }
h6 {font-size: 20px; font-weight: 400; text-transform: capitalize; }

.fw_800 {font-weight: 800; }
.fw_700 {font-weight: 700; }
.fw_600 {font-weight: 600; }
.fw_500 {font-weight: 500; }
.fw_400 {font-weight: 400; }
.fw_300 {font-weight: 300; }
.fw_200 {font-weight: 200; }
.fw_100 {font-weight: 100; }
.subtitle {font-size: 18px; }
/************TYPOGRAPHY CSS*/



section.banner-section {
    /* padding: 80px 0 50px 0; */
    background-image: url(../images/banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* min-height: 800px; */
    overflow: hidden;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.col-sm-12.sliderbg-box {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    min-height: 745px;
    width: 98%;
    margin: auto;
    animation: slideUp 1.5s ease-out;
    padding: 0;
}
.col-sm-12.bg-award {
    background: url(../images/bner-img1.png);
}

.col-sm-12.bg-game {
    background: url(../images/bner-img2.png);
}

.col-sm-12.bg-web {
    background: url(../images/bner-img3.png);
}
.col-sm-12.bg-digital {
    background: url(../images/bner-img4.png);
}



h4.h4-txt {
    font-size: 27px;
    font-weight: 500;
    color: #2F2F2F;
    margin: 0;
}

h1.h1-txt span {
    font-size: 70px;
    font-weight: bold;
    font-weight: bold;
    background: linear-gradient(to bottom, #682CC3, #43D1FF); /* Red to Blue */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 70px;
}

.baner-txt {width: 40%;padding: 25px 10px 0 0;}

h1.h1-txt {
    font-size: 60px;
    font-weight: 700;
    color: #2F2F2F;
    margin: 5px 0 15px 0;
    line-height: 60px;
    text-transform: capitalize;
}

.baner-btn a {
    padding: 8px 30px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px;
    border: solid 1px #000;
}

a.btn-get {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    display: inline-block;
    border-color: #43D1FF;
    color: #fff;
}

a.btn-chat {
    color: #000;
}

a.btn-get:hover {
    background: transparent;
    border-color: #000;
    color: #000;
}

a.btn-chat:hover {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    border-color: #43D1FF;
    color: #fff;
}




/*.baner-btn a:hover {
  box-shadow: 0 0 10px #328bd0, 0 0 25px #001eff, 0 0 50px #6285f8;
  transition-delay: 0.6s;
  color: #fff;
}

.baner-btn a span {
  position: absolute;
}

.baner-btn a span:first-child {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ae00ff);
}

.baner-btn a:hover span:first-child {
  left: 100%;
  transition: 0.7s;
}

.baner-btn a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #001eff);
}

.baner-btn a:hover span:nth-child(3) {
  right: 100%;
  transition: 0.7s 0.35s;
}

.baner-btn a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #ae00ff);
}

.baner-btn a:hover span:nth-child(2) {
  top: 100%;
  transition: 0.7s 0.17s;
}

.baner-btn a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #001eff);
}

.baner-btn a:hover span:nth-child(4) {
  bottom: 100%;
  transition: 0.7s 0.52s;
}

.baner-btn a:active {
  background: #ae00af;
  background: linear-gradient(to top right, #ae00af, #001eff);
  color: #bfbfbf;
  box-shadow: 0 0 8px #ae00ff, 0 0 8px #001eff, 0 0 8px #ae00ff;
  transition: 0.1s;
}

.baner-btn a:active
  span:first-child
  span:nth-child(2)
  span:nth-child(2)
  span:nth-child(2) {
  transition: none;
  transition-delay: none;
}
*/


.banner-images-box {
    position: relative;
}

img.banne1img {position: absolute;top: -210px;left: 65px;}

img.banne2img {position: absolute;top: 0;right: 0;}




/*section.banner-logo-section*/
section.banner-logo-section {
  padding: 20px;
  background: #f5f5f5;
}

img.logo-star {
  width: 150px;
  height: 45px;
  object-fit: scale-down;
}
.logos-slider {
    margin: 25px 0 0 0;
}

.arrow-container {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden; /* Hide extra content */
    justify-content: flex-end; /* Start from right */
}

.line {
    height: 2px;
    width: 0; /* Start from 0 */
    background: #0000007a;
    animation: lineMove 5s ease-in-out infinite; /* Slower speed */
}

.arrow {
    width: 15px;
    height: 15px;
    border-top: 2px solid #0000007a;
    border-right: 2px solid #0000007a;
    transform: rotate(-135deg); /* Arrow pointing Right */
    margin-left: 0;
    animation: arrowMove 5s ease-in-out infinite; /* Slower speed */
    position: relative;
    left: 20px;
}

/* Line Animation */
@keyframes lineMove {
    0% {
        width: 0;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}

/* Arrow Animation */
@keyframes arrowMove {
    0% {
        transform: translateX(0) rotate(-135deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translateX(-100%) rotate(-135deg); /* Move Left */
        opacity: 1;
    }
}
/*section.banner-logo-section*/


/*section.baner-aboout-section*/

section.baner-aboout-section {
    padding: 50px 0;
}
h2.h2-txt {
    font-size: 35px;
    font-weight: 700;
    color: #2F2F2F;
    margin: 0 0 15px 0;
    line-height: 40px;
    margin: 0 0 25px 0;
}
.text-center h2.h2-txt {
    position: relative;
}

.text-center h2.h2-txt::before {
    height: 2px;
    width: 0%; /* Start with 0% width */
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 50%; /* Start at the center */
    right: 50%; /* Start at the center */
    border: 3px solid transparent; /* Transparent Border */
    border-image: linear-gradient(to right, #682CC3, #43D1FF) 1; /* Gradient Border */
    border-radius: 100px;
    top: 55px;
    animation: expandBorder 2s infinite alternate; /* Animate expansion */
}

/* Keyframe for expanding the border */
@keyframes expandBorder {
    0% {
        width: 0%; /* Start from 0% width */
        left: 10%; /* Keep it at the center */
        right: 10%; /* Keep it at the center */
    }
    50% {
        width: 10%; /* Expand the border to 80% of its container width */
        left: 10%; /* Move to center position */
        right: 10%; /* Move to center position */
    }
    100% {
        width: 0%; /* Shrink the border back to 0% */
        left: 10%; /* Return to the center */
        right: 10%; /* Return to the center */
    }
}


p.pera-about {
    padding: 0 80px 0 0;
}

ul.ul-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
}

ul.ul-box li {
    width: 50%;
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 16px;
    color: #717171;
    margin: 0 0 7px 0;
}
img.bner-abut-img1 {
    width: 100%;
}
.mar-box {
    margin: 15px 0 0 0;
}

.coun-box {
    padding: 20px 20px;
    border: solid 1px #2f2f2f29;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 0 0;
}

h2.counter-value {
    margin: 0 !important;
    font-size: 45px;
    font-weight: bold;
    color: #2F2F2F;
    line-height: 40px;
}

.cout-flex-h2 {
    display: flex;
    align-items: center;
}

.cout-flex-h2 span {
    font-weight: bold;
    color: #2F2F2F;
    margin: 0;
    line-height: 40px;
    font-size: 45px;
}
.count-txt p {
    margin: 0;
}
.coun-box:hover {background: linear-gradient(to bottom, #682CC3, #43D1FF);/* display: inline-block; */}

.coun-box:hover img {
    filter: brightness(100);
}

.coun-box:hover h2 {
    color: #fff;
}

.coun-box:hover span {
    color: #fff;
}

.coun-box:hover p {
    color: #fff;
}
.count-icone img {
    transition: transform 0.3s ease; /* Smooth rotation effect */
}

.coun-box:hover .count-icone img {
    transform: rotate(10deg); /* Rotate image slightly to the right */
}

.ser-main-box {
    padding: 60px 15px 20px;
    background: #fff; /* Default background */
    text-align: center;
    transition: background 0.3s ease-in-out; /* Smooth transition */
    margin: 20px 0 0 0;
}
/* Middle Box Always Active */
.ser-main-box:nth-child(2) {
    background: url("../images/ser-hover-bg1.png" !important) no-repeat center center;
    background-size: cover;
}

/* Hover Effect for All Boxes */
.ser-hover-bg1:hover {
    background: url("../images/ser-hover-bg1.png") no-repeat center center;
    background-size: cover;
}
.ser-hover-bg2:hover {
    background: url("../images/ser-hover-bg2.png") no-repeat center center;
    background-size: cover;
}
.ser-hover-bg3:hover {
    background: url("../images/ser-hover-bg3.png") no-repeat center center;
    background-size: cover;
}
.ser-hover-bg4:hover {
    background: url("../images/ser-hover-bg4.png") no-repeat center center;
    background-size: cover;
}
.ser-hover-bg5:hover {
    background: url("../images/ser-hover-bg5.png") no-repeat center center;
    background-size: cover;
}
.ser-hover-bg6:hover {
    background: url("../images/ser-hover-bg6.png") no-repeat center center;
    background-size: cover;
}

section.services-section {
     padding: 50px  0;
    background: #ECFAFF;
}

.ser-custom-box {
    padding: 20px;
    border: solid 1px #00000026;
}
.ser-img {
    height: 85px;
    width: 85px;
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -60px auto 0;
}

h3.h3-txt {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 15px 0 10px 0;
}

.ser-main-box a.btn-get {
    background: #2F2F2F;
    border-color: #2F2F2F;
}
.ser-main-box:hover h3 {
    color: #fff;
}

.ser-main-box:hover p {
    color: #fff;
}

.ser-main-box:hover a.btn-get {
    background: #fff;
    color: #000;
    border-color: #fff;
}
.ser-main-box:hover .ser-custom-box {border-color: #fff;}
.ser-main-box:hover .ser-img {
    background: linear-gradient(to bottom, #ffff, #fff);
}

.ser-main-box:hover .ser-img img {
    filter: brightness(0);
}
/*section.baner-aboout-section*/


/*section.case-se-section*/
section.case-se-section {
    padding: 50px 20px;
}

.case-custom-box {
    padding: 20px 20px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    min-height: 398px;
    overflow: hidden;
    margin: 0 10px 0;
}

.case-main-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.case-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.case-bg1 {
    background-image: url(../images/case-bg1.png);
}
.case-bg2 {
    background-image: url(../images/case-bg2.png);
}
.case-bg3 {
    background-image: url(../images/case-bg3.png);
}

.case-txt h5 {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 0;
}

.case-txt p {font-size: 16px;color: #fff;margin: 0 0 0 0;}

.case-flex h6 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 5px 0;
}

.case-flex p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 0 0;
}

.case-custom-box a.btn-get {
    background: #fff;
    color: #000;
    border-color: #fff;
    margin: 30px 0 0 0;
}

.case-custom-box a.btn-get:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
.case-img-box {
    margin: 35px 0 0 0;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li button {
  position: relative;
  right: 0;
  display: none;
  background-color: #e5e5e5;
  border-radius: 50px;
  width: 10px;
  height: 10px
}

ul.slick-dots li {
  background: #dee2ff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
}

ul.slick-dots li.slick-active {
  background: #682CC3;
}
p.case-pera {
    margin: 0 0 30px 0;
}

/*section.case-se-section*/

/*.cta-bg*/
.cta-bg {
    padding: 50px 0;
    background: url(../images/cta-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
section.cta-section {
    padding: 20px 0;
}

section.cta-section .text-center h2.h2-txt::before {
    display: none;
}

section.cta-section h2.h2-txt {
    color: #fff;
    margin: 0 0 20px 0;
}

section.cta-section p.case-pera {
    color: #fff;
    margin: 0 0 30px 0;
}


section.cta-section .baner-btn {
    justify-content: center;
}

section.cta-section a.btn-get {
    background: #fff;
    color: #000;
    border-color: #fff;
}

section.cta-section a.btn-get:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

section.cta-section a.btn-chat {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

section.cta-section a.btn-chat:hover {
    background: #ffff;
    color: #000;
}

/*.cta-bg*/

/*section.choose-section*/

section.choose-section {
    padding: 30px 0 50px;
}

.text-border h2.h2-txt {
    position: relative;
}

.text-border h2.h2-txt::before {
    height: 2px;
    width: 0%; /* Start with 0% width */
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0px !important; /* Start at the center */
    right: 50%; /* Start at the center */
    border: 3px solid transparent; /* Transparent Border */
    border-image: linear-gradient(to right, #682CC3, #43D1FF) 1; /* Gradient Border */
    border-radius: 100px;
    top: 55px;
    animation: expandBorder 2s infinite alternate; /* Animate expansion */
    
}
.text-border h2.h2-txt::before{
  margin: 0;
}

p.pera-border {
    position: relative;
    display: inline-block; /* Ensure proper spacing */
    /* padding-left: 15px; */ /* Space for the border */
    color: #717171;
    line-height: 22px;
}

p.pera-border::before {
    content: '';
    position: absolute;
    left: -10px; /* Positioning */
    top: 5px;
    width: 3px;
    height: 0px; /* Start with no height */
    border: solid 3px;
    border-image: linear-gradient(to right, #682CC3, #43D1FF) 1;
    border-radius: 100px;
    animation: borderAnimation 1.5s ease-in-out infinite; /* Continuous animation */
    display: none;
}

/* Keyframes for looping animation */
@keyframes borderAnimation {
    0% {
        height: 0px;
    }
    100% {
        height: 65px;
    }
}

/*section.choose-section*/



/*section.cta-section2*/

section.cta-section2 {
    background-image: url(../images/cta2-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 395px;
    display: flex;
    align-items: center;
}


section.choose-section ul.ul-box {
    margin: 5px 0 20px 0;
}


.cta2-txt h4 {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 0;
}

.cta2-txt h2 {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 0 0;
    line-height: 65px;
}

.baner-btn {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

section.cta-section2 a.tel-brn {
    border: 0;
    padding: 0;
}

.tel-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.tel-box i {
    font-size: 40px;
    color: #fff;
}

a.tel-brn span {
    font-size: 16px;
    color: #fff;
}

a.tel-brn {
    font-size: 20px;
    color: #fff;
    margin: 0;
    line-height: 20px;
}

section.cta-section2 .baner-btn {
    margin: 30px 0 0 0;
}

section.cta-section2 a.btn-get {
    background: #000;
    border-color: #000;
}

section.cta-section2 a.btn-get:hover {
    background: #fff;
    border-color: #fff;
}

section.services-section .baner-btn {
    justify-content: center;
}

.cta2-txt h2{
    position: relative;
}

.cta2-txt h2::before {
    height: 2px;
    width: 0%; /* Start with 0% width */
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0 !important; /* Start at the center */
    right: 50%; /* Start at the center */
    border: 3px solid transparent; /* Transparent Border */
    background: #000;
    border-radius: 100px;
    animation: expandBorder 2s infinite alternate; /* Animate expansion */
    bottom: -25px;
    display: none;
}
.cta2-txt h2::before{
  margin: 0;
}



/*section.cta-section2*/


/*section.technologies-section*/

section.technologies-section {
    padding: 50px 0;
}


/*section.technologies-section*/


/*section.development-section*/
section.development-section {
    padding: 50px 0 30px;
    background: #F3F2FF;
}

/*.proc-img-main {
    text-align: center;
    position: relative;
}
.proc-img-main:before {
    position: absolute;
    content: '';
    background-image: url(../images/proc-circle-main1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 230px;
    width: 176px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}*/

.mar-box-proce {
    margin: 30px 0 0 0;
}

.proc-main2 {
    margin: 80px 0 0 0;
}

.proc-main:before {
    position: absolute;
    content: "";
    background-image: url(../images/proc-before1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 219px;
    width: 109px;
    right: -125px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.proc-main2 {
    position: relative;
}

.proc-main2:before {
    position: absolute;
    content: "";
    background-image: url(../images/proc-after1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 219px;
    width: 119px;
    left: -623px;
    top: 0;
    border: 0;
    margin: auto;
}

.proc-main {
    position: relative;
}

.proc-img-main {
    text-align: center;
    position: relative;
}

.proc-img-main .rotating-img {
    position: absolute;
    height: 230px;
    width: 176px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform 0.5s ease-in-out; /* Smooth Rotation */
}

.proc-main .proce-txt {
    position: relative;
    cursor: pointer;
}

.proc-img-main {
    text-align: center;
    position: relative;
}


/*section.development-section*/

/*section.success-section*/
section.success-section {
    padding: 50px 0;
}

.success-section ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.success-section ul li {
    width: 15%;
    text-align: center;
    column-gap: 10px;
    margin: 0 0 20px 0;
}

.success-img {
    padding: 10px;
    background: #fff;
    border: solid 1px #fff;
}

.success-img:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-color: #00000036;
}

.success-img img {
    height: 90px;
    width: 150px;
    object-fit: scale-down;
}
/*section.success-section*/


/*section.clients-section*/
section.clients-section {
    padding: 50px 0 30px;
    background: #F3F2FF;
}

.client-flex-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px 0;
}

.client-main {
    background: #fff;
    border: solid 1px #00000012;
    border-radius: 5px;
    margin: 0 0 30px 0;
}

.client-txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: solid 1px #0000000d;
}

.client-txt h4 {
    color: #000;
    margin: 0 0 0 0;
}

.client-main p {
    font-size: 14px;
    padding: 30px 20px;
    margin: 0;
    min-height: 150px;
}
section.clients-section  .video-container {
    position: relative;
    /* width: 100%; */
    cursor: pointer;
    overflow: hidden;
}

section.clients-section  .video-thumbnail {
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 480px;
    object-fit: cover;
}

section.clients-section  .play-button {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* background: rgba(0, 0, 0, 0.6); */
    padding: 15px;
    border-radius: 50%;
    transition: 0.3s;
}

section.clients-section  .play-button img {
    width: 40px;
}

section.clients-section .video-player {
    display: none;
    width: 100%;
    border-radius: 5px;
    height: 475px;
    background: #000;
    position: relative;
    top: -5px;
}
section.clients-section .paly-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -75px 0 0 0;
    padding: 10px;
}

section.clients-section .ply-text h4 {
    margin: 0;
    color: #fff;
}

section.clients-section .ply-text p {
    color: #fff;
}
/*section.clients-section*/


/*section.awards-section*/
section.awards-section {
    padding: 50px 0;
    background: #34344D;
}

section.awards-section h2.h2-txt {
    color: #fff;
}

section.awards-section p {
    color: #ffff;
}

.award-txt {
    text-align: center;
}

.award-txt h5 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0 0;
}

.award-txt h1 {
    font-size: 163px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 0;
    line-height: 160px;
}

.awrad-main {
    border: solid 1px #ffffff3b;
    text-align: center;
    padding: 30px;
    border-radius: 5px;
}

.awrad-main h4 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin: 20px 0 0px 0;
    min-height: 70px;
    line-height: 25px;
}
.awrad-main:hover {
    background: #fff;
}

.awrad-main:hover h4, .awrad-main:hover p {
    color: #000;
}

/*section.awards-section*/

/*section.blog-section */
section.blog-section {
    padding: 50px 0;
    background: #F3F2FF;
}

.blog-main {
    border-radius: 5px;
    display: flex;
    align-items: center;
    column-gap: 35px;
    padding: 20px 20px;
    position: relative;
}

.blog-txt h4 {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    margin: 0 0 0 0;
}

.blog-txt p {
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0;
}

.blog-main h5 {
    margin: 0 0 0 0;
    font-size: 16px;
}

.blog-link-btn {
    height: 50px;
    width: 50px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.blog-link-btn i {
    color: #000;
    font-size: 20px;
    margin: 5px 0 0 3px;
}


.blog-main:hover {
    background-image: url(../images/cta2-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.blog-main:hover h4, .blog-main:hover p, .blog-main:hover h5 {
    color: #fff;
}

.blog-img img {
    display: block;
    transition: transform 0.3s ease-in-out;
}
.blog-main:hover .blog-img img {
    transform: translateY(-20px) scale(1.1);
}

/*section.blog-section */
/*section.location-section*/

section.location-section {
    padding: 50px 0 50px;
    text-align: center;
    margin: 0 0 -290px 0;
}

.locat-main h4 {
    margin: 15px 0 10px 0;
}
.col-sm-4.border-right {
    border-right: solid 1px #00000014;
}
/*section.location-section*/

/*section.industries-section */

section.industries-section {
    padding: 50px 0;
}

.industries-main {
    padding: 20px;
    background: #F3F2FF;
}
.industries-main {
    padding: 20px;
    background: #F3F2FF;
    margin: 0px 20px  0 0;
}

section.industries-section {
    padding: 50px 0;
    overflow: hidden;
}


.industries-main h4 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 10px 0 10px 0;
}

.industries-main p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

img.ind-img {
    width: 100%;
}

.ind-btn {
    opacity: 0;
}

section.industries-section  .slick-list.draggable {
    width: 130%;
}

.industries-main {
    transition: background 0.3s ease-in-out;
}
.industries-main {
    position: relative;
    /* background-size: cover; */
    /* background-position: center; */
    /* transition: background 0.5s ease-in-out; */
    border-radius: 5px;
}

/* Active Slide Effect */
.industries-slider.active {
    background-color: #ff9800;
    color: white;
    transform: scale(1.1);
    background: red;
}

/* Arrows Styling */
.slick-prev, .slick-next {
    font-size: 24px;
    /* color: #ff9800 !important; */
    z-index: 1000;
}

.slick-prev:before, .slick-next:before {
    color: #ff9800 !important;
}
/*section.industries-section */


.industries-main {
    transition: all 0.3s ease-in-out;
}
.industries-main.active {
    /* border: 2px solid red; */ /* Active Slide ke liye Border ya Koi Style */
    background: #00000061;
    min-height: 355px;
    -
    wrap: wrap;
    /* background-image: url(../images/ind-box-bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    /* display: inline-block; */
}

.industries-main.active img.ind-img {
    display: none;
}

.industries-main.active .ind-btn {
    opacity: 1;
}

.industries-main.active h4 {
    color: #fff;
    margin: 0 0 0 10px;
}

.industries-main.active p {
    color: #fff;
    /* padding: 0 100px 0 0; */
}

.industries-main.active a.btn-exp {
    color: #fff;
}
.industries-main p span {
    opacity: 0;
}

.industries-main.active p span {
    opacity: 1;
}

.industries-main.active img.ind-icon {
    filter: brightness(100);
}




footer {/* background-color: #040525; */background-image: url(../images/footer-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 290px 0 0px;position: absolute;width: 100%;z-index: -1;} 
footer a:hover, :hover:before {/* color: var(--primeColor) !important; *//* border-color: var(--primeColor) !important; */color: #682CC3 !important;}
footer ul.fancy_list li {margin: 10px 0;} 
footer .f_clm3 ul.fancy_list li.gdpr:before {opacity: 0; }
ul.footer-logo-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer h5 {text-transform: capitalize; font-weight: 500; } .footer {/* padding: 70px 0 70px; */} 
.footer span, .footer p, .footer a {font-weight: 300;font-size: 14px;} 
.footer img.footer_logo {filter: brightness(0)invert(1); margin-bottom: 20px; } 
.footer .contact_info span {display: inline-block; width: 100%; } 
.footer ul.f_links {column-count: 2; } 
.footer ul.f_links li {list-style: none; } 
ul.contact_info li {position: relative; padding-left: 30px; margin: 10px 0; list-style: none; } 
ul.contact_info li:last0-child {margin-bottom: 0; } 
.copyright p {margin: 0; } 
.copyright {padding: 20px 0;/* border-top: 1px solid #ffffff30; */background: linear-gradient(to bottom, #682CC3, #43D1FF);} 
.copyright .btn_set {justify-content: flex-end;margin: 0;text-align: end;} 
.copyright .row {justify-content: space-between; } 
.copyright .btn_set a:nth-child(1) {border-right: 1px solid; padding-right: 10px; } 

span.heading26px {
    font-size: 25px;
    font-weight: 500;
}

.col-sm-12.disclamer-box {
    /* margin: 35px 0 0 0; */
}

.col-sm-12.disclamer-box h4 {
    font-size: 20px;
}

.col-sm-12.disclamer-box p {
    font-size: 13px;
}

ul.fancy_list li a {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.row.footer-border {
    border-top: solid 1px #ffffff4a;
    border-bottom: solid 1px #ffffff4a;
    padding: 50px 0;
}

body.thankyou-page header {background-color: #000;  position: unset;}
body.terms_and_condition-page header {background-color: #000; position: unset; }
section.term-first-wrapper {padding: 70px 0; } 
.terms-first-wrap-text h5 {margin: 20px 0 10px; }



section.industries-section .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: var(--orange);
}
section.industries-section .slick-dots li:active {
  background-color: var(--green);
}
.slick-dots li.slick-active button:before {
  background-color: var(--green);
  width: 10px;
  height: 10px;
}
section.industries-section .slick-dots li button:before,
section.industries-section .slick-dots li.slick-active button:before {
  color: transparent;
}





.iner-baner-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 770px;
    padding: 50px 0 50px;
    display: flex;
    align-items: center;
}

section.service-bnner-section {
    background-image: url(../images/swervice-bg.png);
}
section.service-bnner-section .row {
    display: flex;
    align-items: center;
}
section.service-bnner-section h1.h1-txt {
    margin: 0;
    font-size: 275px;
    font-weight: bold;
    line-height: 250px;
    color: #43d1ffe0;
    opacity: 0.7;
}

ul.ser-ul-box {
    display: flex;
    align-items: center;
}

section.service-bnner-section h4.h4-txt {
    color: #fff;
    border-bottom: solid 1px;
    padding: 0 0 11px 0;
}

section.service-bnner-section h3.h3-txt {
    font-size: 50px;
    /* font-weight: bold; */
    color: #fff;
    margin: 10px 0 10px 0;
    line-height: 50px;
}

section.service-bnner-section h3.h3-txt span {font-weight: 300;
font-style: italic;
}

section.service-bnner-section p {
    color: #fff;
}
ul.ser-ul-box li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.ser-ul-box li img {
    width: 150px;
    height: 150px;
    object-fit: none;
}

section.funding-section {
    padding: 50px 0;
    background: #F9F9F9;
}

h3.ser-ht3 {
    font-size: 40px;
    font-weight: 600;
    color: #2F2F2F;
    margin: 0 0 15px 0;
}

h3.ser-ht3 span {
    color: #682CC3;
}

.funding-img {
    padding: 10px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 20px 15px;
    border-radius: 8px;
}

.funding-img img {
    text-align: center;
    margin: auto;
    width: 200px;
    height: 40px;
    object-fit: contain;
}


section.counter-section {
    padding: 50px 0;
}

section.counter-section h2.counter-value {
    background: linear-gradient(to bottom, #682CC3, #43D1FF); /* Top to Bottom Gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.counter-section .cout-flex-h2 span {
    background: linear-gradient(to bottom, #682CC3, #43D1FF); /* Top to Bottom Gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.counter-section strong {
    background: linear-gradient(to bottom, #682CC3, #43D1FF); /* Top to Bottom Gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px;
    line-height: 45px;
}

section.counter-section .count-txt {
    text-align: center;
    margin: auto;
    display: table;
}

section.counter-section .cout-flex-h2 {
    justify-content: center;
}

section.counter-section .count-txt p {
    color: #000;
    margin: 5px 0 0 0;
}

.col-sm-3.botrder-right {
    border-right: solid 1px #0000002e;
}


.row.feature-row1.bg1 {display: flex;align-items: center;padding: 20px;background: #ECFAFF;border-radius: 8px;margin: 30px 0;}

h4.ser-h4-text {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    margin: 0 0 10px 0;
}

ul.feature-ul-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 15px;
}



ul.feature-ul-box li {
    padding: 10px 15px;
    border: solid 1px #000;
    border-radius: 100px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin: 0 0 20px 0;
    width: max-content;
}

.feature-img {
    text-align: center;
}
ul.feature-ul-box li:hover {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    display: inline-block;
    color: #fff;
}
.row.feature-row1.bg2 {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #F5F5F5;
    border-radius: 8px;
}

.row.feature-row1.bg2 .feature-img {
    text-align: start;
}




.ser-sec-main-box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 527px;
    width: 813px;
    display: flex;
    align-items: center;
    position: relative;
}

.ser-sec-img {
    position: absolute;
    right: -125px;
    top: 134px;
}

.services-section .carousel {
    overflow-x: clip;
}

.services-inner-section .swiper-slide.swiper-slide-prev {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    filter: blur(15.014958381652832px);
    transform: rotate(-7deg);
    transform: scale(0.8);
}

.services-inner-section .swiper-slide.swiper-slide-next {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    filter: blur(15.014958381652832px);
    transform: rotate(7deg);
    transform: scale(0.8);
}

.services-inner-section .swiper {
    padding: 5rem 0;
    overflow: visible;
}

.services-inner-section .swiper-slide {
    width: 400px;
}

.single {
    position: relative;
    /* pointer-events: none; */
    /* user-select: none; */
    width: 100%;
    height: auto;
    vertical-align: top;
    border-radius: 8px;
    /* pointer-events: none; */
}

.services-inner-section .single {
    position: relative;
    /* pointer-events: none; */
    /* user-select: none; */
}

 .services-inner-section img{
width: 100%;
height: auto;
vertical-align: top;
border-radius: 8px;
pointer-events: none;
}

.services-inner-section .swiper-slide.swiper-slide-active {
    margin-top: -90px;
    position: relative;
    z-index: -1;
}

.services-inner-section .service-swiper {
    margin-top: 150px;
}

section.Web-bner-section {
    background-image: url(../images/service-banners/Web-design-bner-bg.png) !important;
}

section.moboile-bner-section {
    background-image: url(../images/service-banners/web-ser-bner-bg.png) !important;
}
section.digital-bner-section {
    background-image: url(../images/service-banners/digital-app-bner-bg.png);
}

section.game-bner-section {
    background-image: url(../images/service-banners/game-ser-bner-bg.png);
}

section.ecommerce-bner-section {
    background-image: url(../images/service-banners/ecommerce-app-bner-bg.png);
}

section.iOS-bner-section {
    background-image: url(../images/service-banners/iOS-ser-bner-bg.png);
}

section.web-development-bner-section {
    background-image: url(../images/service-banners/Web-devlop-bner-bg.png);
}
section.blockchain-bner-section {
    background-image: url(../images/service-banners/game-mobile-bg.jpg);
}
section.buseness-mobile-bner-section {
    background-image: url(../images/service-banners/buseness-mobile-bg.jpg);
}
section.web-application-bnr-section {
    background-image: url(../images/service-banners/app-mobile-bg.jpg);
}
section.app-store-bnr-section {
    background-image: url(../images/service-banners/app-mobile-bg2.jpg);
}
section.smart-bnr-section {
    background-image: url(../images/service-banners/app-mobile-bg3.jpg);
}
section.nft-bner-section {
    background-image: url(../images/service-banners/nft-mobile-bg.png);
}




.ser-bner-text h1.h1-txt {
    color: #fff;
    margin: 0 0 30px 0;
    font-size: 60px;
    font-weight: 700;
    line-height: 75px;
}

.ser-bner-text p {
    color: #fff;
}

section.mobile-busnies-section {
    padding: 50px 0;
}

section.mobile-busnies-section .row {
    display: flex;
    align-items: center;
}

section.mobile-busnies-section h3.ser-ht3 {
    font-size: 40px;
    font-weight: bold;
}

ul.mobile-ul-box {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin: 0 0 20px 0;
}

ul.mobile-ul-box li {
    color: #000;
    font-size: 13px;
}

.mobile-counter {
    display: flex;
    align-items: center;
    column-gap: 40px;
    padding: 20px 0;
    border-top: solid 1px #00000024;
    border-bottom: solid 1px #00000024;
    margin: 0 0 20px 0;
}

.count-txt.birder-right {
    border-right: solid 1px #00000024;
    padding: 0 15px 0 0;
}

.mobile-counter p.couter-pera {
    margin: 0;
    color: #000;
}

.mobile-counter h2.counter-value {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mobile-counter .cout-flex-h2 span {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*section.feature-mobile-section*/
section.feature-mobile-section {
    padding: 50px 0;
}

.feature-mobile-box {
    padding: 20px 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 355px;
    width: 100%;
    /* margin: 0 0 30px 0; */
}

.fea-bg1 {
    background-image: url(../images/feature-mobile1-bg.png);
}
.fea-bg2 {
    background-image: url(../images/feature-mobile2-bg.png);
}
.fea-bg3 {
    background-image: url(../images/feature-mobile3-bg.png);
}
.fea-bg4 {
    background-image: url(../images/feature-mobile4-bg.png);
}
.fea-bg5 {
    background-image: url(../images/feature-mobile5-bg.png);
}
.fea-bg6 {
    background-image: url(../images/feature-mobile6-bg.png);
}


.fea-mob-img img {
    /* text-align: center; */
    width: 200px;
    margin: 0 0 -15px 0;
    position: relative;
    z-index: 99;
}

.fea-mob-text {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #0000001c;
    position: relative;
    z-index: 999;
}

.fea-mob-text h4 {
    font-size: 21px;
    color: #000;
    margin: 0 0 10px 0;
}

.fea-mob-text p {
    margin: 0;
}

/*section.feature-mobile-section*/


.feature-mobile-box {
    /* position: relative; */
    overflow: hidden;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
    height: 100%;
    /*margin: -45px 0 0 0;*/
    border-radius: 20px 20px 20px 20px;
}

.feature-mobile-box:hover {
    transform: scale(0.9);
}
ul.common-ul-box li i {
    color: #F02C3F;
}


section.common-mobile-section {
    padding: 50px 0;
    background: #CFCFCF;
    position: relative;
}

section.common-mobile-section .row {
    display: flex;
    align-items: center;
}

ul.common-ul-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

ul.common-ul-box li {
    display: flex;
    align-items: center;
    column-gap: 7px;
    font-size: 17px;
    color: #000;
    margin: 0 0 10px 0;
}

.common-custom-box {
    padding: 50px 20px;
    background: #fff;
    border-radius: 30px 0px 0px 30px;
    position: relative;
    z-index: 9999;
}

img.toprate {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

img.award {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
}
section.common-mobile-section:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background: #F02C3F;
    width: 47%;
}

.common-after-box {
    position: absolute;
    top: -20px;
    bottom: 0;
    right: 0;
}
.common-before-box {
    position: absolute;
}


/*section.leveraging-section*/
section.leveraging-section {
    padding: 50px 0;
    background: #FBFBFE;
}

.leveraging-main h5 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 10px 0 10px 0;
}

.leveraging-main {
    padding: 30px 20px 20px;
}

.leveraging-main p {
    margin: 0;
    min-height: 170px;
}

.leveraging-main:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
section.leveraging-section .text-center h2.h2-txt::before {
    bottom: -45px;
}
/*section.leveraging-section*/

/*section.need-section*/
section.need-section {
    padding: 50px 0 30px;
}
section.need-section ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 89%;
    margin: auto;
    column-gap: 20px;
}

section.need-section ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    border: solid 1px #0000001f;
    padding: 10px 15px;
    margin: 15px 0 0 0;
    border-radius: 4px;
    column-gap: 10px;
}


section.need-section ul li p {
    margin: 0;
    color: #000;
}

.need-box-icon {
    height: 25px;
    width: 25px;
    /* border: solid 1px; */
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #D9D9D9;
}

.need-box-icon i {
    color: #000;
}

section.need-section p.case-pera {
    margin: 0 0 10px 0;
}
section.need-section ul li:hover .need-box-icon {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
}

section.need-section ul li:hover .need-box-icon i {
    color: #fff;
}

section.need-section ul li:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*section.need-section*/  

.iner-baner-section a.btn-get {
    background: #fff !important;
    color: #000;
}

img.goodferm {
    margin: 15px 0 0 0;
}

.iner-baner-section a.btn-chat {
    border-color: #fff;
    color: #fff;
}
.iner-baner-section a.btn-get:hover {
    background: transparent !important;
    border-color: #fff;
    color: #fff;
}
.iner-baner-section a.btn-chat:hover {  
    background: #fff !important;
    color: #000;
}



section.fitnes-bner-section {
    background: no-repeat;
    background-size: contain;
    background-position: center top;
    padding: 50px 0 50px;
    /* height: 620px; */
    /* margin: 0 0 50px 0; */
}

.iner-fitnes-solution-baner-bg {
    background-image: url(../images/solution/fitnes-bner-bg.png) !important;
}
.iner-booking-solution-baner-bg {
    background-image: url(../images/solution/booking-bner-bg.png) !important;
}
.iner-ecommer-solution-baner-bg {
    background-image: url(../images/solution/ecommer-bner-bg.png) !important;
}
.iner-fleet-solution-baner-bg {
    background-image: url(../images/solution/fleet-bner-bg.png) !important;
}
.iner-demand-solution-baner-bg {
    background-image: url(../images/solution/demand-bner-bg.png) !important;
}
.iner-real-solution-baner-bg {
    background-image: url(../images/solution/real-bner-bg.png) !important;
}
.iiner-rest-solution-baner-bg {
    background-image: url(../images/solution/rest-bner-bg.png) !important;
}
.iner-social-solution-baner-bg {
    background-image: url(../images/solution/social-bner-bg.png) !important;
}
section.fitnes-bner-section .ser-bner-text h1.h1-txt {
    color: #000;
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
}
p.text-center.pra-fit-color {
    color: #000;
    margin: 20px 0;
}

section.fitnes-bner-section .baner-btn {
    justify-content: center;
}
.fit-logo-section {
    background: #FAFAFE;
}

.fit-logo-section .logos-slider {
    padding: 0;
    margin: 0;
}


/*section.innovative-section*/
section.innovative-section {
    padding: 50px 0;
    background: #F8F5FC;
}
.innovative-box {
    padding: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 415px;
    border-radius: 8px;
    margin: 20px 0;
    transition: background 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.innv-bg1 {
    background-image: url(../images/solution/fitness-bg1.png);
}
.innv-bg2 {
    background-image: url(../images/solution/fitness-bg1.png);
}
.innv-bg3 {
    background-image: url(../images/solution/fitness-bg1.png);
/*background: #000;*/
}
.innv-bg4 {
    background-image: url(../images/solution/fitness-bg1.png);
}
.innv-bg5 {
    background-image: url(../images/solution/fitness-bg1.png);
}
.innv-bg6 {
    background-image: url(../images/solution/fitness-bg1.png);
}
.innv-bg7 {
    background-image: url(../images/solution/fitness-bg1.png);
    background: #000;
}
.innv-bg8 {
    background-image: url(../images/solution/fitness-bg1.png);
    background: #000;
}

.boking-innv-bg1 {
    background-image: url(../images/solution/booking/fitness-bg1.png);
}
.boking-innv-bg2 {
    background-image: url(../images/solution/booking/fitness-bg2.png);
}
.boking-innv-bg3 {
    background-image: url(../images/solution/booking/fitness-bg3.png);
/*background: #000;*/
}
.boking-innv-bg4 {
    background-image: url(../images/solution/booking/fitness-bg4.png);
}
.boking-innv-bg5 {
    background-image: url(../images/solution/booking/fitness-bg5.png);
}
.boking-innv-bg6 {
    background-image: url(../images/solution/booking/fitness-bg6.png);
}
.boking-innv-bg7 {
    background-image: url(../images/solution/booking/fitness-bg7.png);
    /* background: #000; */
}
.boking-innv-bg8 {
    background-image: url(../images/solution/booking/fitness-bg8.png);
    /* background: #000; */
}

.ecommerce-innv-bg1 {
    background-image: url(../images/solution/ecommerce/fitness-bg1.png);
    /* background: #000; */
}
.ecommerce-innv-bg2 {
    background-image: url(../images/solution/ecommerce/fitness-bg2.png);
    /* background: #000; */
}
.ecommerce-innv-bg3 {
    background-image: url(../images/solution/ecommerce/fitness-bg3.png);
    /* background: #000; */
}
.ecommerce-innv-bg4 {
    background-image: url(../images/solution/ecommerce/fitness-bg4.png);
    /* background: #000; */
}
.ecommerce-innv-bg5 {
    background-image: url(../images/solution/ecommerce/fitness-bg5.png);
    /* background: #000; */
}
.ecommerce-innv-bg6 {
    background-image: url(../images/solution/ecommerce/fitness-bg6.png);
    /* background: #000; */
}
.ecommerce-innv-bg7 {
    background-image: url(../images/solution/ecommerce/fitness-bg7.png);
    /* background: #000; */
}
.ecommerce-innv-bg8 {
    background-image: url(../images/solution/ecommerce/fitness-bg8.png);
    /* background: #000; */
}

.demand-innv-bg1 {
    background-image: url(../images/solution/demand/fitness-bg1.png);
    /* background: #000; */
}
.demand-innv-bg2 {
    background-image: url(../images/solution/demand/fitness-bg2.png);
    /* background: #000; */
}
.demand-innv-bg3 {
    background-image: url(../images/solution/demand/fitness-bg3.png);
    /* background: #000; */
}
.demand-innv-bg4 {
    background-image: url(../images/solution/demand/fitness-bg4.png);
    /* background: #000; */
}
.demand-innv-bg5 {
    background-image: url(../images/solution/demand/fitness-bg5.png);
    /* background: #000; */
}
.demand-innv-bg6 {
    background-image: url(../images/solution/demand/fitness-bg6.png);
    /* background: #000; */
}
.demand-innv-bg7 {
    background-image: url(../images/solution/demand/fitness-bg7.png);
    /* background: #000; */
}
.demand-innv-bg8 {
    background-image: url(../images/solution/demand/fitness-bg8.png);
    /* background: #000; */
}


.restaurant-innv-bg1 {
    background-image: url(../images/solution/restaurant/fitness-bg1.png);
    /* background: #000; */
}
.restaurant-innv-bg2 {
    background-image: url(../images/solution/restaurant/fitness-bg2.png);
    /* background: #000; */
}
.restaurant-innv-bg3 {
    background-image: url(../images/solution/restaurant/fitness-bg3.png);
    /* background: #000; */
}
.restaurant-innv-bg4 {
    background-image: url(../images/solution/restaurant/fitness-bg4.png);
    /* background: #000; */
}
.restaurant-innv-bg5 {
    background-image: url(../images/solution/restaurant/fitness-bg5.png);
    /* background: #000; */
}
.restaurant-innv-bg6 {
    background-image: url(../images/solution/restaurant/fitness-bg6.png);
    /* background: #000; */
}
.restaurant-innv-bg7 {
    background-image: url(../images/solution/restaurant/fitness-bg7.png);
    /* background: #000; */
}
.restaurant-innv-bg8 {
    background-image: url(../images/solution/restaurant/fitness-bg8.png);
    /* background: #000; */
}

.social-innv-bg1 {
    background-image: url(../images/solution/social/fitness-bg1.png);
    /* background: #000; */
}
.social-innv-bg2 {
    background-image: url(../images/solution/social/fitness-bg2.png);
    /* background: #000; */
}
.social-innv-bg3 {
    background-image: url(../images/solution/social/fitness-bg3.png);
    /* background: #000; */
}
.social-innv-bg4 {
    background-image: url(../images/solution/social/fitness-bg4.png);
    /* background: #000; */
}
.social-innv-bg5 {
    background-image: url(../images/solution/social/fitness-bg5.png);
    /* background: #000; */
}
.social-innv-bg6 {
    background-image: url(../images/solution/social/fitness-bg6.png);
    /* background: #000; */
}
.social-innv-bg7 {
    background-image: url(../images/solution/social/fitness-bg7.png);
    /* background: #000; */
}
.social-innv-bg8 {
    background-image: url(../images/solution/social/fitness-bg8.png);
    /* background: #000; */
}


.fitness-innv-bg1 {
    background-image: url(../images/solution/fitness/fitness-bg1.png);
}
.fitness-innv-bg2 {
    background-image: url(../images/solution/fitness/fitness-bg2.png);
}
.fitness-innv-bg3 {
    background-image: url(../images/solution/fitness/fitness-bg3.png);
/*background: #000;*/
}
.fitness-innv-bg4 {
    background-image: url(../images/solution/fitness/fitness-bg4.png);
}
.fitness-innv-bg5 {
    background-image: url(../images/solution/fitness/fitness-bg5.png);
}
.fitness-innv-bg6 {
    background-image: url(../images/solution/fitness/fitness-bg6.png);
}
.fitness-innv-bg7 {
    background-image: url(../images/solution/fitness/fitness-bg7.png);
    /* background: #000; */
}
.fitness-innv-bg8 {
    background-image: url(../images/solution/fitness/fitness-bg8.png);
    /* background: #000; */
}

.fleet-innv-bg1 {
    background-image: url(../images/solution/fleet/fitness-bg1.png);
}
.fleet-innv-bg2 {
    background-image: url(../images/solution/fleet/fitness-bg2.png);
}
.fleet-innv-bg3 {
    background-image: url(../images/solution/fleet/fitness-bg3.png);
/*background: #000;*/
}
.fleet-innv-bg4 {
    background-image: url(../images/solution/fleet/fitness-bg4.png);
}
.fleet-innv-bg5 {
    background-image: url(../images/solution/fleet/fitness-bg5.png);
}
.fleet-innv-bg6 {
    background-image: url(../images/solution/fleet/fitness-bg6.png);
}
.fleet-innv-bg7 {
    background-image: url(../images/solution/fleet/fitness-bg7.png);
    /* background: #000; */
}
.fleet-innv-bg8 {
    background-image: url(../images/solution/fleet/fitness-bg8.png);
    /* background: #000; */
}

ul.busnies-ul-box li {
    margin: 0 0 10px 0;
}

.innovative-hover-box P {
    min-height: 145px;
}

.innovative-hover-box {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.innovative-text-box h5 {
    font-size: 20px;
    color: #fff;
    margin: 15px 0 0 0;
    transition: opacity 0.5s ease-in-out;
}

.innovative-box:hover {
    background: #fff; /* White background on hover */
    background-image: none;
}

.innovative-box:hover .innovative-hover-box {
    opacity: 1;
}

.innovative-box:hover .innovative-text-box {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.innovative-hover-box ul li {
    color: #000;
    margin: 0 0 10px 0;
    font-size: 14px;
}

.innovative-hover-box p {
    color: #000;
}

.innovative-box:hover .innovative-hover-box {
    padding: 50px 0;
}
/*section.innovative-section*/
/*section.fitnees-cta-section*/
section.fitnees-cta-section {
    padding: 50px 0;
}

.fitns-cta-bg {background-image: url(../images/solution/fitnes-cta-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 10px 50px;border-radius: 8px;display: flex;align-items: center;}
.fit-cta-img {
    text-align: center;
}

.row.fitns-cta-bg h2.h2-txt {
    color: #fff;
}

.row.fitns-cta-bg p.case-pera {
    color: #fff;
}

.row.fitns-cta-bg a.btn-chat {
    border-color: #fff;
    color: #fff;
}

.row.fitns-cta-bg a.btn-get:hover {
    border-color: #fff;
    color: #fff;
}

/*section.fitnees-cta-section*/

/*section.key-features-section */

section.key-features-section {
    padding: 50px 0;
}
section.key-features-section ul#pills-tab {
    /* padding: 10px 30px; */
    border: solid 1px;
    border-radius: 66px;
    width: auto;
    overflow: hidden;
    justify-content: center;
    padding: 0;
}

section.key-features-section ul#pills-tab li button {
    padding: 20px 45px;
    font-size: 18px;
    color: #2F2F2F;
    font-weight: 500;
}
ul#pills-tab li button.active {
    background-color: #f8f6f1 !important;
    /* color: var(--primeColor) !important; */
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    display: inline-block;
    border-color: #43D1FF;
    color: #fff !important;
}

.fince-tab-tax ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.fince-tab-tax ul li {
    width: 50%;
    margin: 0 0 13px 0;
    font-size: 16px;
    color: #000000;
}

.tab-bg {
    padding: 20px 30px;
    background: #000;
    border-radius: 8px;
    margin: 30px 0 0 0px;
}
.fince-tab-img {
    padding: 15px;
    /* background: #000; */
    border-radius: 8px;
    text-align: center;
}
/*section.key-features-section */


section.clients-section.client-solution {
    background: #222222;
    overflow: hidden;
    z-index: 999;
    position: relative;
}

section.clients-section.client-solution h2.h2-txt {
    color: #fff;
}
section.cta-section.solution-cta {
    padding: 50px 0 20px 0;
}


.icons_wrap {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

nav.navbar.navbar-expand-lg.navbar-light {
    padding: 0;
}

a.navbar-brand {
    width: 190px;
    padding: 10px 20px;
    background: #2F2F2F;
    position: absolute;
    left: -20px;
    clip-path: polygon(0 1%, 75% 1%, 100% 100%, 0% 100%);
    top: -13px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        /* background: linear-gradient(to bottom, #682CC3, #43D1FF); */
        background: #fff;
    }






  section.health-bner-section {
     background-image: url(../images/health/health-app-bner-bg.png);
}
 img.helth-icons {
     margin: 20px 0 0 0;
}
 .Build-counter {
     padding: 30px;
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     display: inline-block;
     width: 100%;
     border-radius: 8px;
     margin: 30px 0;
}
 .count-txt-buld {
     display: flex;
     align-items: center;
     column-gap: 10px;
     justify-content: center;
}
 .Build-counter h2.counter-value {
     color: #fff;
}
 .Build-counter .cout-flex-h2 span {
     color: #fff;
}
 .Build-counter p.couter-pera {
     color: #fff;
     text-align: center;
     margin: 15px 0 0 0;
     font-size: 18px;
}
 section.mobile-busnies-section.health-mobiie-section .text-center h2.h2-txt::before {
     display: none;
}
 img.health-mobile-img {
     width: 100%;
}
 img.health-cluch-img {
     margin: 30px 0 0 0;
}
 section.mobile-busnies-section.health-mobiie-section .row {
     justify-content: center;
}
/*section.redefine-section*/
 section.redefine-section {
     padding: 0px 0;
}
 section.redefine-section ul#pills-tab {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between;
    /* margin: 20px 0 20px 0;
     */
     margin-top: 20px;
     margin-bottom: 40px !important;
     width: 100%;
}
 section.redefine-section ul#pills-tab li {
     width: 23%;
     display: flex;
     align-items: center;
     justify-content: space-between;
    /* border: solid 1px #000;
     */
     padding: 0;
}
 section.redefine-section ul#pills-tab li a {
     padding: 0;
}
 section.redefine-section ul#pills-tab li button {
     padding: 10px 20px;
     border-radius: 7px;
     border: solid 1px #00000024;
     font-size: 15px;
     font-weight: 500;
     color: #000;
}
 .redefine-tab-bg {
     background: #ECFAFF;
     padding: 0 20px 0 0;
}
 .redefine-tab-bg p {
     padding: 0 85px 0 0;
}
 .fince-tab-tax h4 {
     font-size: 30px;
     font-weight: 600;
     color: #2F2F2F;
     margin: 15px 0;
}
 section.redefine-section .text-center h2.h2-txt::before {
     display: none;
}
/*section.redefine-section*/
 ul.aap-tab-ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     column-gap: 10px;
}
 ul.aap-tab-ul li {
     width: 32%;
}
 .app-tab-main {
     padding: 30px 20px 15px;
     background: #F8F8F8;
     margin: 0 0 35px 0;
     position: relative;
}
 .healthcare-Apps-img img {
     width: 90%;
}
 .app-tab-text h5 {
     font-size: 16px;
     font-weight: 600;
     color: #2F2F2F;
}
 .app-tab-text p {
     font-size: 14px;
     color: #717171;
     margin: 0;
}
 .healthcare-Apps-tab-section ul#pills-tab {
     margin: 20px 0 30px 0!important;
}
 .app-tab-nu {
     height: 40px;
     width: 40px;
     border-radius: 100px;
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     display: inline-block;
     border-color: #43D1FF;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: -20px;
}
 .app-tab-nu h3 {
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     margin: 0;
}
 .healthcare-Apps-tab-section .row {
     justify-content: center;
}
 .app-pera-tax {
     margin: 0 0 20px 0;
}
 section.real-state-bner-section {
     background-image: url(../images/industries/real-eastate.webp);
}
 section.education-bner-section {
     background-image: url(../images/industries/education-banner-bg.webp);
}
 section.fashion-bner-section {
     background-image: url(../images/industries/fashion-bner-bg.webp);
}
 section.account-bner-section {
     background-image: url(../images/industries/account-bner-bg.webp);
}
 section.construction-bner-section {
     background-image: url(../images/industries/construction-bner-bg.webp);
}
 section.b2b-bner-section {
     background-image: url(../images/industries/b2b-bner-bg.webp);
}
 section.consumer-bner-section {
     background-image: url(../images/industries/consumer-bner-bg.webp);
}
 section.food-bner-section {
     background-image: url(../images/industries/food-bner-bg.webp);
}
 section.fintech-bner-section {
     background-image: url(../images/industries/fintech-banner-bg.webp);
}
 section.government-bner-section {
     background-image: url(../images/industries/government-banner-bg.webp);
}
 section.hotle-bner-section {
     background-image: url(../images/industries/hotle-bner-bg.webp);
}
 section.insurance-bner-section {
     background-image: url(../images/industries/insurance-bner-bg.webp);
}
 section.law-bner-section {
     background-image: url(../images/industries/law-bner-bg.webp);
}
 section.loogistics-bner-section {
     background-image: url(../images/industries/loogistics-banner-bg.webp);
}
 section.manufacturing-bner-section {
     background-image: url(../images/industries/manufacturing-banner-bg.webp);
}
 section.news-media-bner-section {
     background-image: url(../images/industries/news-media-banner-bg.webp);
}
 section.saas-bner-section {
     background-image: url(../images/industries/saas-banner-bg.webp);
}
 section.university-bner-section {
     background-image: url(../images/industries/university-banner-bg.webp);
}
 section.augmented-bner-section {
     background-image: url(../images/industries/augmented-banner-bg.webp);
}
 section.virtual-bner-section {
     background-image: url(../images/industries/virtual-banner-bg.webp);
}
 section.human-bner-section {
     background-image: url(../images/industries/human-banner-bg.webp);
}
 section.political-bner-section {
     background-image: url(../images/industries/political-banner-bg.webp);
}
 section.agriculture-bner-section {
     background-image: url(../images/industries/agriculture-banner-bg.webp);
}
 section.telecom-bner-section {
     background-image: url(../images/industries/telecom-banner-bg.webp);
}
 section.software-bner-section {
     background-image: url(../images/industries/software-banner-bg.webp);
}
 section.automotive-bner-section {
     background-image: url(../images/industries/utomotive-banner-bg.webp);
}
 section.finance-bner-section {
     background-image: url(../images/industries/finance-banner-bg.webp);
}
 section.media-bner-section {
     background-image: url(../images/industries/media-banner-bg.webp);
}
 section.sports-bner-section {
     background-image: url(../images/industries/sports-banner-bg.webp);
}
 section.e-commerce-bner-section {
     background-image: url(../images/industries/e-commerce-banner-bg.webp);
}
 section.gaming-Leisure-bner-section {
     background-image: url(../images/industries/gaming-banner-bg.webp);
}
 section.travel-bner-section {
     background-image: url(../images/industries/travel-banner-bg.webp);
}
 section.advertising-bner-section {
     background-image: url(../images/industries/advertising-banner-bg.webp);
}
 header.header__wrap .baner-btn {
     justify-content: end;
}
/* Scrollbar ka width aur color */
 .industries-nav-scrol-bar::-webkit-scrollbar {
     width: 4px;
}
/* Scrollbar track (background) */
 .industries-nav-scrol-bar::-webkit-scrollbar-track {
     background: #000;
     border-radius: 10px;
}
/* Scrollbar thumb (jo move hota hai) */
 .industries-nav-scrol-bar::-webkit-scrollbar-thumb {
     background: #000;
     border-radius: 10px;
}
/* Jab scrollbar par hover karein */
 .industries-nav-scrol-bar::-webkit-scrollbar-thumb:hover {
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
}
 ul.industries-nav-scrol-bar {
     height: 375px;
     overflow-x: hidden;
     overflow-y: auto;
     transition: .5s ease-in-out;
     padding: 0 20px 0 0;
}
 .client-home-section section.clients-section.client-solution {
     background: #F3F2FF;
}
 .client-home-section section.clients-section.client-solution h2.h2-txt {
     color: #2F2F2F;
}
 section.banner-section .slick-prev, .slick-next {
     background: none;
     border: none;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1000;
}
 section.banner-section .slick-prev {
     left: 10px;
}
 section.banner-section .slick-next {
     right: 10px;
}
 section.banner-section button.slick-prev.slick-arrow img {
     position: absolute;
     top: 175px;
     left: -235px;
}
 section.banner-section button.slick-next.slick-arrow img {
     position: absolute;
     top: -365px;
     left: 35px;
}
 section.banner-section button.slick-prev:before {
     display: none;
}
 section.banner-section button.slick-next:before {
     display: none;
}
 .footer-form-container {
     background: white;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
 .footer-form-container .tabs {
     display: flex;
     gap: 10px;
     margin-bottom: 15px;
}
 .footer-form-container .tab {
     flex: 1;
     padding: 10px;
     text-align: center;
     cursor: pointer;
     border-radius: 8px;
     border: solid 1px #D9D9D9;
}
 .footer-form-container .tab.active {
     background: #4c6ef5;
     color: white;
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
}
 .footer-form-container input, textarea {
     width: 100%;
     margin: 10px 0;
     padding: 8px;
     border: 1px solid #ccc;
     border-radius: 5px;
     resize: none;
}
 .footer-form-container .btn {
     background: #4c6ef5;
     color: white;
     border: none;
     padding: 10px;
     width: 100%;
     cursor: pointer;
     border-radius: 5px;
}
 .footer-form-container .btn:hover {
     background: #354acf;
}
 .row.footer-row-box {
     padding: 25px;
     border-radius: 8px;
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     margin: 40px 0 0 0;
}
 .footer-form-img img {
     width: 100%;
}
 .footer-form-img h4 {
     color: #fff;
     text-align: start;
     margin: 15px 0;
}
 .footer-form-img h6 {
     text-align: start;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     margin: 0;
}
 .input-flex-box {
     display: flex;
     align-items: center;
     column-gap: 20px;
}
 .footer-form-container h2 {
     text-align: start;
     color: #2F2F2F;
     margin: 0 0 15px 0;
}
 .footer-form-container p {
     text-align: start;
}
 .ser-main-box p {
     min-height: 90px;
}
 section.industries-section .slick-dots li {
     top: 10px;
     left: -75px;
     width: 165px;
     height: 2px;
     background-color: #0000000d;
     margin: 0;
     border-radius: 0;
     right: 0;
}
 section.industries-section .slick-dots li:active {
     background: linear-gradient(to bottom, #682CC3, #43D1FF) !important;
}
 section.industries-section .slick-dots li.slick-active button:before {
     background: linear-gradient(to bottom, #682CC3, #43D1FF) !important;
     width: 40px;
     height: 8px;
     border-radius: 10px;
     top: -3px;
     opacity: 1;
}
 section.industries-section .slick-dots li button:before, section.industries-section .slick-dots li.slick-active button:before {
     background: #000;
}
 section.industries-section .slick-dots li.slick-active {
     background: linear-gradient(to bottom, #682CC3, #43D1FF) !important;
     height: 4px;
}
 .proce-txt h4 {
     color: #000;
     font-size: 20px;
}
 section.about-banner-section {
     background-image: url(../images/about-banner.png);
}
 section.testimonial-banner-section {
     background-image: url(../images/testimonial-banner.png);
}
 section.contact-banner-section {
     background-image: url(../images/contact-banner.png);
}
 .about-inner-section {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     min-height: 670px;
     display: flex;
     align-items: center;
}
 .about-inner-section .baner-btn {
     justify-content: center;
     margin: 30px 0;
}
 .about-inner-section h1.h1-txt {
     color: #fff;
}
 .about-inner-section p {
     color: #fff;
}
 .about-counter-box {
     display: flex;
     align-items: end;
     justify-content: space-evenly;
     padding: 20px 0;
     border-radius: 8px;
}
 .bg-color1 {
     background: #FFC0D9;
}
 .bg-color2 {
     background: #D0BFFF;
}
 .bg-color3 {
     background: #B5F1CC;
}
 .bg-color4 {
     background: #FFD8C0;
}
 section.about-counter-section {
     padding: 50px 0;
     background: #F9F9F9;
}
 .about-ul-box ul li i {
     color: #682CC3;
}
 section.about-counter-section .baner-btn {
     margin: 15px 0 0 0;
}
 .about-ul-box {
     margin: 20px 0 0 0;
}
 .misstion-text {
     display: flex;
     align-items: center;
     column-gap: 10px;
     margin: 0 0 15px 0;
}
 .misstion-text h3 {
     margin: 0 0 0 0;
}
 .mission-maon-box {
     padding: 25px;
     border: solid #D9D9D9 1px;
     border-radius: 8px;
}
 section.defines-section {
     padding: 50px 0;
}
 .col-sm-12.lever-flex-box-about {
     display: flex;
     align-items: center;
     margin: 50px 0;
}
 .col-sm-12.lever-flex-box-about p.case-pera {
     margin: 0;
}
 .col-sm-12.lever-flex-box-about h2.h2-txt {
     margin: 0;
     width: 40%;
}
 section.testi-client-section {
     padding: 50px 0 30px;
}
 .test-cutom-flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .test-custom-img {
     display: flex;
     align-items: center;
     column-gap: 20px;
}
 .testi-custm-txt h5 {
     font-size: 20px;
     font-weight: 600;
     color: #000;
     margin: 0 0 0 0;
}
 .testi-custm-txt h6 {
     font-size: 16px;
     font-weight: 400;
     margin: 5px 0 0 0;
}
 .cutom-custom-pera img {
     margin: 15px 0 10px 0;
}
 .test-main-custom-box {
     padding: 20px;
     border: solid 1px #71717126;
     border-radius: 10px;
     margin: 0 0 20px 0;
     transition: all 0.4s ease-in-out;
}
 .cutom-custom-pera p {
     margin: 0;
}
 .test-main-custom-box:hover {
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     display: inline-block;
     transform: translateY(-10px);
     box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
 .test-main-custom-box:hover .testi-img, .test-main-custom-box:hover .test-comma, .test-main-custom-box:hover .stars-testi {
     filter: brightness(0) invert(1);
     transition: filter 0.3s ease-in-out;
}
 .test-main-custom-box:hover h5, .test-main-custom-box:hover h6, .test-main-custom-box:hover p {
     color: #ffffff;
     transition: color 0.3s ease-in-out;
}
 .test-main-custom-box:hover img {
     filter: inherit !important;
}
 img.stars-testi {
     WIDTH: 125px;
}
 section.contact-mail-section {
     padding: 80px 0 30px;
}
 .contact-mail-box {
     padding: 20px;
     border: solid 1px #71717126;
     border-radius: 10px;
     text-align: center;
     position: relative;
     min-height: 165px;
     transition: all 0.4s ease-in-out;
}
 .contact-mail-box a {
     display: block;
     font-size: 16px;
     color: #000;
     margin: 0;
}
 .contact-phone-icone {
     position: absolute;
     height: 70px;
     width: 70px;
     left: 0;
     right: 0;
     top: -30px;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100px;
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     border: solid 1px #682CC3;
}
 .contact-mail-box h5 {
     font-size: 25px;
     font-weight: 600;
     color: #000;
     margin: 30px 0 10px 0;
}
 .contact-mail-box:hover {
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     transform: translateY(-10px);
     box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
 .contact-mail-box:hover a {
     color: #fff;
}
 .contact-mail-box:hover h5 {
     color: #fff;
}
 .contact-mail-box:hover .contact-phone-icone {
     background: #fff;
}
 .contact-mail-box:hover .contact-phone-icone img {
     filter: invert(1);
}
 .contact-mail-box:hover p {
     color: #fff;
}
 .contact-phone-icone img {
     width: 40px;
     height: 40px;
     object-fit: contain;
}
 img.services-gif {
     width: 100%;
     padding: 10px;
     border: solid 1px #00000014;
     border-radius: 5px;
}
 .about-mar-box {
    margin: 0 0 30px 0;
}
 .about-ul-box li {
     margin: 0 0 5px 0;
}
 .about-counter-section p.case-pera {
     margin: 0;
}
 .tech-sli-box {
     display: flex;
     align-items: center;
     justify-content: center;
     column-gap: 10px;
     background: #fff;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     padding: 10px;
     margin: 20px;
     border-radius: 20px;
     text-align: center;
     width: auto !important;
     height: auto;
}
 .tech-sli-box img {
     height: 50px;
     width: 65px;
     object-fit: contain;
}
 .tech-sli-box h5 {
     font-size: 16px;
     margin: 0;
     font-weight: 500;
}
 .mobile-busnies-wt-box {
     width: 100%;
}
 .InnerMenu.industires-list-st {
     border-top: 1px solid #fff3;
     margin: 19px 0 0;
     border-style: dotted;
     border: 0;
}
 .InnerMenu.industires-list-st .header {
     min-height: auto 
}
 .InnerMenu.industires-list-st h3, .InnerMenu.industires-list-st strong.footer-heading, .InnerMenu.industires-list-st strong.h3 {
     display: flex;
     text-align: left;
     color: #fff;
     margin: 15px 0;
     align-items: center;
     font-size: 25px;
     font-weight: 500;
     cursor: pointer;
}
 .InnerMenu.industires-list-st h3 i, .InnerMenu.industires-list-st strong.footer-heading i, .InnerMenu.industires-list-st strong.h3 i{
     margin-left: 5px;
}
 .industries-list {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     list-style: none;
     margin: 0 0 20px;
     padding: 0 0 20px;
     border-bottom: 1px solid #fff3;
}
 .industries-list li {
     width: 25%;
     margin: 0 0 3px;
     position: relative;
     padding: 0;
     text-align: left 
}
 ul.industries-list li a {
     color: #fff;
     font-size: 14px 
}
 .footer-heading {
     cursor: pointer;
}
 strong.footer-heading i {
     margin: 5px 0 0 0;
     font-size: 23px !important;
}
 a.btn-chat.tel.tel-black {
     border-color: #fff;
     color: #fff;
}
 a.btn-get.get-black:hover {
     border-color: #fff;
     color: #fff;
}
 .ind-bner-text {
     padding: 10px 20px;
     border-radius: 5px;
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     display: inline-block;
     border-color: #43D1FF;
     margin: 0 0 15px 0;
}
 .ind-bner-text h4 {
     margin: 0;
     color: #fff;
     font-size: 20px;
     font-weight: 500;
}
 .test-main-custom-box .cutom-custom-pera p {
     min-height: 90px;
}
 section.mobile-busnies-section .baner-btn {
     margin: 25px 0 0 0;
}
 ul.key-cusrom-ul-box {
     padding: 40px 20px 30px;
     background: #F8F8F8;
     margin: 0 0 35px 0;
     position: relative;
}
 ul.key-cusrom-ul-box li {
     display: flex;
     align-items: center;
     column-gap: 10px;
     font-size: 16px;
     margin: 0 0 10px 0;
}
 ul.key-cusrom-ul-box li i {
     color: #682CC3;
     font-size: 16px;
}
 .healthcare-Apps-img {
     text-align: end;
}
 .app-pera-tax h4 {
     font-size: 30px;
     color: #2F2F2F;
     line-height: 30px;
}

 .fea-mob-text p {
     min-height: 160px;
}
 section.key-features-section.healthcare-Apps-tab-section .text-center h2.h2-txt::before {
     display: none;
}
 section.mobile-busnies-section.health-mobiie-section .count-txt-buld {
     justify-content: space-evenly;
}
 section.mobile-busnies-section.health-mobiie-section .count-txt-buld img {
    filter: brightness(100);
}
 .fit-cta-img.fit-soc-mar-box {
     margin: 0 0 -15px 0;
}
 .iner-baner-section .ser-bner-text p {
     margin: 0 0 25px 0;
}
/* Common arrow styles */
 section.industries-section .slick-prev, section.industries-section .slick-next {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0;
     cursor: pointer;
     border: none;
     position: absolute;
     top: 110%;
     transform: translateY(-50%);
     border: solid 1px #682CC3;
     color: #682CC3 !important;
}
/* Left Arrow */
 section.industries-section .slick-prev {
     left: 92%;
     color: #682CC3 !important;
}
 section.industries-section .slick-prev::before {
     content: "\f060";
     font-size: 20px;
     color: #682CC3 !important;
     font: normal normal normal 14px / 1 FontAwesome;
}
/* Right Arrow */
 section.industries-section .slick-next {
     right: 0;
    /* background: linear-gradient(135deg, #7b2ff7, #00c6ff);
     */
}
 section.industries-section .slick-next::before {
     content: "\f061";
     font-size: 20px;
     color: #682CC3 !important;
     font: normal normal normal 14px / 1 FontAwesome;
}
 section.industries-section .slick-next:hover {
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     color: #fff;
}
 section.industries-section .slick-prev:hover {
     background: linear-gradient(to bottom, #682CC3, #43D1FF);
     color: #fff;
}
 section.industries-section .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
     color: #fff !important;
}
 section.case-stuy-hyatt-sec, section.case-stuy-karen-sec, section.case-stuy-nrt-sec, section.case-stuy-sec {
     padding: 150px 0;
     background-position: center;
     z-index: 1;
     display: flex 
}
 .ourtbs li a {
     background: 0 0 !important 
}
 section.businesses-section:before {
     bottom: -70px;
     z-index: 1 
}
 .case-sec:before {
     top: -70px;
     z-index: 1 
}
 .case-stuy-sec:before, .contact-us-sec:before {
     right: -85px;
     background-image: url(../images/case-studies/banner-bg-circale.png);
     bottom: -75px;
     transform-origin: 50% 50%;
     animation: 60s linear infinite asteroid;
     content: '';
     display: none;
}
 section.case-stuy-sec {
     background-image: url(../images/case-studies/case-banner-bg.jpg);
     height: 625px;
     text-align: center;
     align-items: center;
     justify-content: center 
}
 .case-stuy-sec:before {
     position: absolute;
     width: 383px;
     height: 406px;
     z-index: 1 
}
 .case-banner-text h2 {
     font-size: 60px;
     font-weight: 600;
     margin: 0;
     color: #fff
}
 .case-banner-text p {
     font-size: 15px;
     font-weight: 400;
     margin: 15px 0 30px;
     color: #fff 
}
 section.case-stuy-nrt-sec {
     background-image: url(../images/case-studies/case-nrt-bg.jpg);
     height: 900px;
     align-items: center;
     justify-content: center 
}
 section.case-stuy-nrt-sec:before {
     bottom: 90px;
     right: 0;
     content: '';
     position: absolute;
     background-image: url(../images/case-studies/case-nrt-before-1.png);
     background-position: center;
     width: 200px;
     height: 705px 
}
 section.case-stuy-nrt-sec:after {
     bottom: 10px;
     left: 0;
     content: '';
     position: absolute;
     background-image: url(../images/case-studies/case-nrt-after-1.png);
     background-position: center;
     width: 457px;
     height: 267px 
}
 section.case-stuy-iseha-sec-5:before, section.case-stuy-nrt-inner-sec-5:before {
     height: 377px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .case-stuy-alokozay-sec .row, .case-stuy-hyatt-sec .row, .case-stuy-insha-sec .row, .case-stuy-karen-sec .row, .case-stuy-minutes-sec .row, .case-stuy-nrt-sec .row, .form-bx-captcha-div, .industry-portfolio-nc .row.p-t-50, .visual-list ul {
     display: flex;
     align-items: center;
     justify-content: center 
}
 section.case-stuy-hyatt-sec, section.case-stuy-karen-sec {
     height: 900px;
     align-items: center 
}
 .case-nrt-img img {
     margin-left: -90px 
}
 .case-stuy-nrt-sec .case-case-btn a.nrt-btn {
     border-radius: 5px;
     background-color: #fff;
     padding: 8px 20px;
     font-size: 16px;
     color: #000 
}
 .case-case-btn a.nrt-btn {
     border-radius: 5px;
     background-color: #fff;
     padding: 8px 20px;
     font-size: 16px;
     color: #000;
     position: relative;
     top: 4px 
}
 section.case-stuy-karen-sec {
     background-image: url(../images/case-studies/case-karen-bg.jpg);
     justify-content: center 
}
 section.case-stuy-hyatt-sec {
     background-image: url(../images/case-studies/case-hyatt-bg.jpg);
     justify-content: center 
}
 section.case-stuy-alokozay-sec, section.case-stuy-insha-sec, section.case-stuy-minutes-sec {
     padding: 150px 0;
     height: 900px;
     display: flex;
     align-items: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     z-index: 1 
}
 section.case-stuy-insha-sec {
     background-image: url(../images/case-studies/case-insha-bg.jpg);
     justify-content: center 
}
 .automotive-pg.new-inr-pages-industries .app-dev-services-inner .get-btn:hover, .automotive-pg.new-inr-pages-industries .slick-current .app-serv-bx-slide.clr-automotive h3, .automotive-pg.new-inr-pages-industries .slick-current .app-serv-bx-slide.clr-automotive p, .case-ecome-bnner-section3 .case-project-text h2, .case-ecome-bnner-section3 .case-project-text p, .case-ecome-bnner-section4 .case-project-text p, .case-ecome-bnner-section5 .case-project-text p, .case-ecome-bnner-section7 .case-project-text h2, .case-stuy-insha-sec .case-banner-text h2, .case-stuy-insha-sec .case-banner-text p, .ecom-head .head_top .navbar.navbar-defult ul li a, .education-pg.new-inr-pages-industries .app-dev-services-inner .get-btn:hover, .financial-pg.new-inr-pages-industries .app-dev-services-inner .get-btn:hover, .new-inr-pages-industries .health-care-bnr-sec .banner-text .tel-btn, .new-inr-pages-industries .health-care-bnr-sec .banner-text h1, .new-inr-pages-industries .health-care-bnr-sec .banner-text p, .new-inr-pages-industries .real-estate-bnr-sec .banner-text .tel-btn, .new-inr-pages-industries .real-estate-bnr-sec .banner-text h1, .new-inr-pages-industries .real-estate-bnr-sec .banner-text p, .new-inr-pages-industries .software-bnr-sec .banner-text .tel-btn, .new-inr-pages-industries .software-bnr-sec .banner-text h1, .new-inr-pages-industries .software-bnr-sec .banner-text p, .new-inr-pages-industries .technology-sec-inner-pages .tech-text h2, .nrt-color h2, .nrt-color p, .pink-head .head_top .navbar.navbar-defult ul li a, .software-pg.new-inr-pages-industries .app-dev-services-inner .get-btn:hover, .software-pg.new-inr-pages-industries .app-dev-services-inner .hd-txt h2, .software-pg.new-inr-pages-industries .app-dev-services-inner .hd-txt p, .work-sectionsmall-town-sec .viual-text-box h4, section.case-ecome-bnner-section5 .iconic-main h5, section.case-ecome-bnner-section5 .text-contant h5, section.case-ecome-bnner-section9 .case-project-text h2 {
     color: #000 
}
 .case-stuy-insha-sec .case-case-btn a.nrt-btn {
     border-radius: 5px;
     background-color: #0161cd;
     padding: 8px 20px;
     font-size: 16px;
     color: #fff 
}
 section.case-stuy-minutes-sec {
     background-image: url(../images/case-studies/case-minutes-bg.jpg);
     justify-content: center 
}
 section.case-stuy-alokozay-sec {
     background-image: url(../images/case-studies/case-alokozay-bg.jpg);
     justify-content: center 
}
 .client-sec, .contact-us-sec, .manifesto-sec {
     align-items: center;
     height: 625px;
     display: flex;
     text-align: center;
     position: relative 
}
 section.case-stuy-nrt-inner-sec {
     padding: 150px 0 100px;
     background-image: url(../images/case-studies/case-inner-nrt-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-stuy-nrt-inner-sec-2, section.case-stuy-nrt-inner-sec-4 {
     padding: 100px 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .case-wireframe-smal-town-section, section.case-stuy-nrt-inner-sec-3, section.case-stuy-nrt-inner-sec-5, section.solution-ibling-section, section.solution-pink-section, section.solution-section, section.solution-smalltown-section {
     padding: 50px 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .nrt-text h2 {
     font-size: 30px;
     font-weight: 600 
}
 section.case-stuy-nrt-inner-sec-3 {
     background-image: url(../images/case-studies/case-inner-nrt-bg2.jpg) 
}
 .feature-list h3 {
     font-size: 20px;
     font-weight: 600;
     color: #fff 
}
 section.case-stuy-nrt-inner-sec-5 {
     background-color: #f7f7f7;
     position: relative 
}
 .approach-list ul, .marketing-list ul, .premium-slider ul {
     padding: 0;
     list-style: none 
}
 .marketing-list ul li i {
     color: #a8cf3a;
     margin-right: 10px 
}
 .marketing-list ul li p {
     font-size: 15px;
     color: #000;
     font-weight: 400;
     margin: 0 0 7px 
}
 section.case-stuy-nrt-inner-sec-5:before {
     bottom: 0;
     right: 0;
     content: '';
     position: absolute;
     background-image: url(../images/case-studies/nrt-6.png);
     width: 343px;
     animation: 3s ease-in-out infinite updown2 
}
 section.case-stuy-alokozy-sec-5:before, section.case-stuy-iseha-sec-5:before {
     bottom: 0;
     right: 0;
     width: 390px;
     animation: 3s ease-in-out infinite updown2;
     position: absolute;
     content: '' 
}
 section.case-stuy-karen-inner-sec {
     padding: 150px 0 50px;
     background-image: url(../images/case-studies/case-inner-karen-bg.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-stuy-karen-inner-sec-3 {
     padding: 50px 0;
     background-image: url(../images/case-studies/case-inner-karen-bg3.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-stuy-hyatt-inner-sec {
     padding: 150px 0 50px;
     background-image: url(../images/case-studies/case-inner-hyatt-bg.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .approach-list ul li i {
     color: #c1b4a4;
     margin-right: 10px 
}
 .approach-list ul li p {
     font-size: 15px;
     color: #000;
     font-weight: 400;
     margin: 0 0 8px 
}
 section.case-stuy-hyatt-inner-sec-3 {
     padding: 50px 0;
     background-image: url(../images/case-studies/case-inner-hyatt-bg3.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-stuy-iseha-inner-sec {
     padding: 150px 0 50px;
     background-image: url(../images/case-studies/case-inner-iseha-bg.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-stuy-nrt-iseha-sec-3 {
     padding: 50px 0;
     background-image: url(../images/case-studies/case-inner-iseha-bg3.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-stuy-iseha-sec-5:before {
     background-image: url(../images/case-studies/iseha-6.png) 
}
 section.case-stuy-minutes-inner-sec {
     padding: 150px 0 50px;
     background-image: url(../images/case-studies/case-inner-minutes-bg.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     height: 619px 
}
 section.case-stuy-nrt-minutes-sec-3 {
     padding: 50px 0;
     background-image: url(../images/case-studies/case-inner-minutes-bg3.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .contact-us-sec, section.case-stuy-alokozy-inner-sec {
     padding: 150px 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .case-stuy-iseha-sec-4 .approach-list ul li i {
     color: #12b1a9 
}
 .case-stuy-minutes-inner-sec-4 .approach-list ul li i, .case-stuy-minutes-inner-sec-5 .approach-list ul li i {
     color: #eb6c1b;
     margin-right: 10px 
}
 section.case-stuy-alokozy-inner-sec {
     background-image: url(../images/case-studies/case-inner-alokozy-bg.jpg) !important;
     height: 619px 
}
 section.case-stuy-nrt-alokozy-sec-3 {
     padding: 150px 0 50px;
     background-image: url(../images/case-studies/case-inner-minutes-bg33.jpg) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-stuy-alokozy-sec-5:before {
     background-image: url(../images/case-studies/alokozy-6.png) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     height: 392px 
}
 .case-stuy-alokozy-sec-4 .approach-list ul li i, .case-stuy-alokozy-sec-5 .marketing-list ul li i {
     color: #0a1d62;
     margin-right: 10px 
}
 .contact-us-sec {
     background-image: url(../images/case-studies/about-us-bg.jpg);
}
 .client-sec, .manifesto-sec {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .contact-text h1, .contact-text h2 {
     font-size: 46px;
     font-weight: 600;
     color: #fff;
     margin: 0 
}
 .contact-text p {
     font-size: 16px;
     font-weight: 400;
     color: #fff;
     margin: 20px 0 
}
 .contact-us-sec:before {
     position: absolute;
     background-repeat: no-repeat;
     background-size: cover;
     width: 399px;
     height: 407px;
     z-index: 1;
     display: none 
}
 section.case-inner {
     background-image: url(../images/case-studies/case-healt-sec-bg.jpg);
     background-position: center 
}
 section.case-inner-small-town-sec {
     background-image: url(../images/case-studies/Grou-5132.png);
     background-position: center 
}
 section.case-inner-pink-copy-sec {
     background-image: url(../images/case-studies/Group-5156.png) !important;
     background-position: center 
}
 section.case-inner-ecome-sec {
     background-image: url(../images/case-studies/case-ecomme-sec-bg.jpg);
     background-position: center 
}
 section.case-inner-ibling-sec {
     background-image: url(../images/case-studies/group-5201.png);
     background-position: bottom;
     position: relative 
}
 .lp1Sec1 {
     border: transparent;
     margin-top: -25px;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 55px 
}
 .lp1Sec1 ul {
     display: flex;
     justify-content: space-between;
     list-style: none;
     margin-bottom: 0;
     padding: 0 
}
 .lp1Sec1 ul li a {
     color: #fff;
     font-weight: 500;
     font-size: 17px 
}
 .lp1Sec1 ul li a i {
     margin: 0 5px 
}
 section.case-inner-ibling-sec:before {
     content: 'IBLING';
     position: absolute;
     bottom: -256px;
     font-size: 372px;
     left: 0;
     right: 0;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     text-transform: unset;
     -webkit-text-fill-color: transparent;
     -webkit-text-stroke: 1px #ffffff !important;
     letter-spacing: -15px;
     -webkit-text-stroke: blueviolet 
}
 .lp1Sec1-pinky ul li a {
     color: #000;
     font-weight: 500;
     font-size: 17px 
}
 section.case-inner, section.case-inner-ecome-sec, section.case-inner-ibling-sec, section.case-inner-pink-copy-sec, section.case-inner-small-town-sec {
     background-repeat: no-repeat;
     background-size: cover;
     padding: 150px 0;
     margin-bottom: 0 
}
 .app-dev-sec .row, .banner-section .row, .businesses-section .row, .case-nrt-btn, .case-study-section .row, .case-stuy-alokozy-inner-sec .row, .case-stuy-hyatt-inner-sec .row, .case-stuy-iseha-inner-sec .row, .case-stuy-karen-inner-sec .row, .case-stuy-minutes-inner-sec .row, .case-stuy-nrt-inner-sec-2 .row, .case-stuy-nrt-inner-sec-3 .row, .case-stuy-nrt-inner-sec-4 .row, .case-stuy-nrt-inner-sec-5 .row, .creat-section .row, .drop-down-txt-st, .dropdown-item, .follow-sec .row, .inner-serv-sec .row, .mobile-section .row, .new-inr-pages-industries .dev-inr-pg-col-st, .new-inr-pages-industries .inner-bnr-btn, .offer-section .row, .pro-main-box, .rive-flex-box, .row-solution, .row.col-sm-12.p0, .row.onli-main, .row.txt-flex-box, .technologies, section.case-body-space-section .row, section.case-game-sec .row, section.game-inr-robust-sec form, section.manifesto-sec-2 .row, section.podcast-section .row {
     display: flex;
     align-items: center;
}
 .case-helt-text h1 {
     font-size: 70px;
     font-weight: 700;
     color: #fff;
     margin: 20px 0;
}
 .case-helt-text h3 {
     font-size: 38px;
     font-weight: 600;
     color: #fff;
     margin: 0 0 30px 
}
 .case-ecome-bnner-section .case-helt-text h1 {
     font-size: 70px;
     color: #000;
}
 .case-ecome-bnner-section .case-helt-text h3 {
     font-size: 35px;
     color: #000;
}
 .case-study-pink-copy-section .case-helt-text h1 {
     color: #92278f;
}
 .case-study-pink-copy-section .case-helt-text h3 {
     font-size: 38px;
     font-weight: 600;
     color: #000;
     margin: 0 0 30px;
}
 .case-banner-logo img {
     width: 100px;
}
 .case-img-healt-box img {
     /* width: 100%; */
     /* z-index: 999; */
     position: relative;
}
 .case-body-space-section {
     background-image: url(../images/case-studies/body-space-banner.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding: 50px 0 130px;
     margin-bottom: -200px;
}
 section.podcast-section {
     padding: 50px 0;
     background-image: url(../images/case-studies/podcast-bd.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.podcast-section .banner-btn.case-stades {
     display: flex;
     justify-content: start !important;
     margin: 0 
}
 .case-study-pink-copy-section:before, .case-studysmall-town-section:before {
     align-items: center;
     position: absolute;
     text-transform: unset;
     -webkit-text-fill-color: transparent;
     letter-spacing: -15px;
     right: 0;
     left: 0 
}
 section.case-team-section {
     margin-bottom: -337px;
     padding: 80px 0;
     position: relative;
     z-index: 9999;
}
 .case-study-pink-copy-section .case-helt-text h1 {
     color: #92278f 
}
 .case-study-pink-copy-section .case-helt-text h1 span {
     color: #ec0c70 
}
 .case-helt-text h1 {
     font-size: 67PX;
     font-weight: 700;
     color: #fff;
     margin: 20px 0;
     line-height: 75px;
}
 .case-helt-text h3 {
     font-size: 38px;
     font-weight: 600;
     color: #fff;
     margin: 0 0 25px;
}
 .case-study-pink-copy-section .case-helt-text h3 {
     font-size: 38px;
     font-weight: 600;
     color: #000;
     margin: 0 0 30px 
}
 .team-box {
     padding: 30px;
     border-radius: 25px;
     background-color: #fff;
     box-shadow: 0 0 87px 0 rgba(2, 2, 2, .11);
     transition: 1.9s;
         max-width: 100%;
    height: 200px;
}
 .team-flex-box {
     display: flex;
     align-items: center;
     margin-bottom: 15px 
}
 .health-ibling-sec, .health-procject-sec, .health-procject-smalltown-sec {
     align-items: center;
     background-position: center;
     background-repeat: no-repeat;
     display: flex;
     background-size: cover 
}
 .team-text-box h3 {
       font-size: 30px;
    color: #0000006e;
    margin-left: 15px;
    margin-bottom: 0;
}
 .team-box h4 {
     font-weight: 500;
     color: #bf3030;
     margin: 0 ;
     font-size: 25px;
}
 .team-box p {
     font-size: 16px;
     font-weight: 400;
     margin: 0;
     min-height: 75px 
}
 .podcast-btn, .team-box.team-bottom-box {
     margin-top: 40px 
}
 .row-solution, .tec-row {
     margin-top: 50px 
}
 .team-box:hover {
     transform: translate(10px, 10px);
     background-color: #6c94a0 
}
 .case-ecome-bnner-section2 .team-box:hover img, .case-team-pinky-section .team-box:hover img, .team-helt-hover:hover img {
     filter: brightness(100) 
}
 .small-img-boxx img, .team-box.ibling-hover img, img.img_tech.cluch-box {
     width: 70px 
}
 .case-team-pinky-section .team-box:hover {
     transform: translate(10px, 10px);
     background-color: #e10b6b 
}
 .case-pro-img-box img, .iconic-image-box img {
     /* width: 100%; */
     animation: 3s ease-in-out infinite updown2 
}
 .health-procject-sec {
     background-image: url(../images/case-studies/project-bg.webp) !important;
     padding: 280px 0 50px !important;
}
 .health-ibling-sec, .health-procject-smalltown-sec {
     padding: 300px 0 50px !important 
}
 .health-procject-smalltown-sec {
     background-image: url(../images/case-studies/strapless.png) 
}
 .health-ibling-sec, section.solution-ibling-section {
     background-image: url(../images/case-studies/Group-5210.png) 
}
 .health-procject-pink-sec {
     background-color: #fff !important;
     background-image: none !important;
     padding: 250px 0 50px !important;
     display: flex;
     align-items: center 
}

 .body-space-case-sec-3 {
     background-image: url(../images/case-studies/body-space-project-overview.png) !important;
}
 .case-ecome-bnner-section3:before {
     background-image: url(../images/case-studies/pngegg-1.png);
     background-position: center;
     left: -90px;
     bottom: -90px;
     height: 572px;
     width: 532px 
}

 .case-ecome-bnner-section4 {
     background-position: center;
     display: flex;
     align-items: center 
}
 .body-space-case-sec-4 {
     background-image: url(../images/case-studies/body-space-project-business-img.png) !important;
     background-position: inherit 
}
 .case-ecome-bnner-section5 {
     background-image: url(../images/case-studies/solution2-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     height: 1025px;
     display: flex;
     align-items: center 
}
 .case-ecome-bnner-section4, .case-ecome-bnner-section6 {
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     align-items: center;
     position: relative 
}
 .body-space-case-sec-5 {
     background-image: url(../images/case-studies/body-space-challenge.png) 
}
 .case-ecome-bnner-section5 .case-project-text h2 {
     color: #000;
     text-align: center;
     margin-bottom: 50px;
     position: relative; 
}
 .case-ecome-bnner-section6 {
     background-image: url(../images/case-studies/Functionalities-ecomm-new1.webp);
     background-position: center;
     padding: 50px 0 !important;
     overflow: hidden;
}
 .body-space-case-sec-6 {
     background-image: url(../images/case-studies/body-space-func-banner.png);
     padding: 110px 0 !important 
}
 .case-ecome-bnner-section6:before {
     background-image: url(../images/case-studies/Functionalities-1-before.webp);
     content: "";
     position: absolute;
     background-position: center;
     bottom: 0;
     top: -170px;
     left: -64px;
     height: 545px;
     width: 381px;
     display: none;
}
 .case-ecome-bnner-section6:after {
     display: none;
     background-image: url(../images/case-studies/Functionalities-01-before.webp);
     background-position: center;
     content: "";
     position: absolute;
     right: -94px;
     bottom: -125px;
     height: 503px;
     width: 323px
}
 .case-ecome-bnner-section4:before, .health-business-pink-sec:before {
     right: -69px;
     background-repeat: no-repeat;
     background-position: center;
     content: '';
     position: absolute 
}
 .case-ecome-bnner-section6 .case-project-text {
     margin-bottom: 50px;
     text-align: center 
}
 .case-project-text h2, .health-smalltown-sec .case-project-text h2 {
     font-size: 67px;
     font-weight: 700;
     color: #fff;
     line-height: 75px;
}
 .case-ecome-bnner-section4 .case-project-text h2, .case-visual-ibling-section .case-project-text h2, .case-visual-pink-section .case-project-text h2, .case-wireframe-ibling-section .case-project-text h2, .case-wireframe-pink-section .case-project-text h2, .health-ibling-sec .case-project-text h2, .health-procject-pink-sec .case-project-text h2, .health-procject-smalltown-sec .case-project-text h2, .solution-ibling-section .case-project-text h2, .solution-pink-section .case-project-text h2, .solution-smalltown-section .case-project-text h2 {
     font-size: 75px;
     font-weight: 700;
     color: #000;
     line-height: 70px 
}
 .case-project-text p, .health-smalltown-sec .case-project-text p {
     font-size: 18px;
     font-weight: 400;
     color: #fff;
     margin: 20px 0 0;
}
 .case-ecome-bnner-section4 .case-project-text p {
     font-size: 18px;
     font-weight: 400;
     margin: 30px 0 0;
     line-height: 30px;
}
 .health-ibling-sec .case-project-text p, .health-procject-pink-sec .case-project-text p, .health-procject-smalltown-sec .case-project-text p, .solution-pink-section.case-project-text p {
     font-size: 20px;
     font-weight: 400;
     color: #000;
     margin: 30px 0 0 
}
 .case-ecome-bnner-section4 {
     background-image: url(../images/case-studies/babbl-leefsec-4-new1.webp);
     padding: 50px 0 0 !important;
}
 .health-Tribe-business-sec, .health-business-sec {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding: 50px 0 0 !important;
     display: flex;
     align-items: center;
     /* height: 100vh; */
}
 .case-ecome-bnner-section4:before {
     background-image: url(../images/case-studies/case-ecome-section4-before.png);
     bottom: -72px;
     height: 324px;
     width: 428px;
     display: none;
}
 .health-business-sec {
     background-image: url(../images/case-studies/Group-5242.png) 
}
 .health-Tribe-business-sec {
     background-image: url(../images/case-studies/Tribe-5242.webp) 
}
 .health-business-ibling-sec, .health-business-pink-sec {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     align-items: center;
     display: flex 
}
 .health-business-ibling-sec {
     background-image: url(../images/case-studies/business-bg-ibling1.jpg) 
}
 .health-business-pink-sec {
     background-image: url(../images/case-studies/business-pink-bg.png);
     padding: 50px 0 0 !important;
     position: relative;
     overflow: visible 
}
 .case-functional-ibling-sec, .case-functional-pink-sec, .case-functional-sec, section.case-ecome-bnner-section7, section.case-ecome-bnner-section9, section.case-wireframe-ibling-section, section.case-wireframe-pink-section, section.case-wireframe-section {
     background-size: cover;
     padding: 50px 0;
     background-position: center;
     background-repeat: no-repeat 
}
 .health-business-pink-sec:before {
     background-image: url(../images/case-studies/business-pink-circle.png);
     bottom: -109px;
     height: 335px;
     width: 335px;
     background-size: 80%;
     z-index: 1;
     transform-origin: 50% 50%;
     -webkit-animation: 60s linear infinite asteroid;
     -moz-animation: 60s linear infinite asteroid;
     animation: 60s linear infinite asteroid 
}
 .case-business-img-box img {
     margin-left: -50px;
     margin-top: 55px;
        max-width: 100%;
}
 .case-functional-sec {
     background-image: url(../images/case-studies/functinal-bg.webp);
     /* height: 100vh; */
}
 .case-functional-ibling-sec {
     background-image: url(../images/case-studies/Group-5219.png) 
}
 .case-functional-pink-sec {
     background-image: url(../images/case-studies/functinal-pink-bg.png);
     position: relative;
     overflow: visible 
}
 .case-functional-pink-sec:before {
     background-image: url(../images/case-studies/functional-pink-circle.png);
     background-position: center;
     right: -180px;
     bottom: -190px;
     height: 440px;
     width: 451px;
     background-size: 80%;
     z-index: 1 
}
 .case-functional-sec .case-project-text, .case-visual-section .case-project-text, section.case-wireframe-section .case-project-text, section.solution-section .case-project-text h2, section.work-section .case-project-text h2 {
     text-align: center;
     margin-bottom: 50px 
}
 section.case-wireframe-section {
     background-image: url(../images/case-studies/wire-fram-bg.webp) 
}
 section.case-ecome-bnner-section9 {
     background-image: url(../images/case-studies/Wireframes-case-ecom-new-1.webp);
     position: relative 
}
 .body-space-case-sec-7 {
     background-image: url(../images/case-studies/body-space-wireframe-banner.jpg) !important ;
}
.body-space-case-sec-7 {
    background-image: url(../images/case-studies/body-space-wireframe-banner.png) !important;
}
 .case-ecome-bnner-section9:before {
     background-image: url(../images/case-studies/Wireframes-1-before.png);
     background-position: center;
     bottom: 0;
     top: 515px;
     right: -54px;
     height: 524px;
     width: 366px;
     background-size: 70%;
     animation: 3s ease-in-out infinite updown2 
}
 section.case-wireframe-ibling-section {
     background-image: url(../images/case-studies/Group-5226.png) 
}
 section.case-wireframe-pink-section {
     background-image: url(../images/case-studies/wire-fram-pink-bg.png);
     position: relative;
     overflow: visible 
}
 .case-wireframe-pink-section:before {
     background-image: url(../images/case-studies/business-pink-circle.png);
     background-position: center;
     left: -120px;
     bottom: -109px;
     height: 335px;
     width: 335px;
     background-size: 80%;
     z-index: 1;
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-animation: 60s linear infinite asteroid;
     -moz-animation: 60s linear infinite asteroid;
     animation: 60s linear infinite asteroid 
}

 .case-ecome-bnner-section7:after {
     background-image: url(../images/case-studies/VisualDesign-01-before.png);
     background-position: center;
     right: -94px;
     bottom: -48px;
     height: 323px;
     width: 500px;
     background-size: 70% 
}
 .case-ecome-bnner-section7:before {
     background-image: url(../images/case-studies/VisualDesign-1-before.png);
     background-position: center;
     top: -115px;
     left: -110px;
     height: 453px;
     width: 443px;
     background-size: 50% 
}
 .case-ecome-bnner-section7 .viual-text-box h4, .case-visual-ibling-section .viual-text-box h4, .case-visual-pink-section .viual-text-box h4 {
     font-size: 20px;
     font-weight: 400;
     color: #000;
     margin: 15px 0 0 
}
 .case-ecome-bnner-section7 .tec-appli-text h2, .case-visual-ibling-section .tec-appli-text h2, .case-visual-pink-section .tec-appli-text h2, .work-sectionsmall-town-sec .tec-appli-text h2 {
     font-size: 57px;
     font-weight: 700;
     color: #000;
     margin: 0 0 30px 
}
 .wirefram-img-box img {
     margin-bottom: 30px;
    max-width: 100%;
     transition: 1s 
}

section.case-visual-section {
    padding: 80px 0 !important;
    /* background-color: #093340; */
}
 section.case-visual-ibling-section, section.case-visual-pink-section {
     padding: 100px 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-color: #fff !important 
}
 section.case-visual-ibling-section {
     background-image: url(../images/case-studies/Group-5229.png) 
}
 section.case-visual-pink-section {
     background-image: url(../images/case-studies/case-visual-pink.png) 
}
 .Tribe-work-section, section.work-section {
     background-color: #003f57;
     padding: 60px 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .visual-img img {
     max-width: 100%;
}
 .tec-appli-text h2 {
     font-size: 57px;
     font-weight: 700;
     color: #fff;
     margin: 0 0 30px 
}
 .visual-list ul li {
     width: 10%;
     list-style: none;
     text-align: center;
     transition: 1s 
}
 .viual-text-box h4 {
     font-size: 20px;
     font-weight: 400;
     color: #fff;
     margin: 15px 0 0 
}
 section.work-section {
     background-image: url(../images/case-studies/Group-55131.png) 
}
 .Tribe-work-section {
     background-image: url(../images/case-studies/Tribe-55131.webp) 
}
 section.Tribe-work-section .case-project-text h2 {
     text-align: center;
     margin: 0 0 40px 
}
 section.work-ibling-section {
     padding: 60px 0;
     background-image: url(../images/case-studies/ibling-1-bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.work-pink-section {
     padding: 60px 0;
     background-image: url(../images/case-studies/recent-bg-pink.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.case-ecome-bnner-section8 {
     padding: 60px 0;
     background-image: url(../images/case-studies/recent2-bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 .body-space-case-sec-9 {
     background-image: url(../images/case-studies/body-space-work-banner.jpg) !important 
}
 section.solution-section {
     background-image: url(../images/case-studies/solution-bg.webp) 
}
 section.solution-smalltown-section {
     background-image: url(../images/case-studies/Group-5235.png) 
}
 section.solution-pink-section {
     background-image: url(../images/case-studies/solution-pink-bg.png);
     position: relative 
}
 .case-functional-small-town-sec, section.work-small-townsection {
     background-image: url(../images/case-studies/Group-5242.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center 
}
 .solution-pink-section:before {
     background-image: url(../images/case-studies/solution-pink-circle.png);
     background-position: center;
     left: -130px;
     bottom: -109px;
     height: 310px;
     width: 314px;
     background-size: 80% 
}
 .iconic-main h3 {
     font-size: 23px;
     font-weight: 700;
     color: #bf302f;
     margin: 0 
}
 .fun-ht-text h2, .iconic-main h5, .text-contant h5 {
     color: #fff;
     font-weight: 400 
}
 .tab-content-smalltown .iconic-main h3 {
     font-size: 23px;
     font-weight: 700;
     color: #45c3db;
     margin: 0 
}
 .tab-content-smalltown .iconic-main h5 {
     font-size: 18px;
     font-weight: 400;
     color: #000;
     margin: 0 
}
 .solution-pink-section .iconic-main h5 {
     font-size: 18px;
     font-weight: 400;
     color: #666;
     margin: 15px 0 0 
}
 .solution-ibling-section .iconic-main h3 {
     font-size: 23px;
     font-weight: 700;
     color: #000;
     margin: 0 
}
 .solution-ibling-section .iconic-main h5 {
     font-size: 18px;
     font-weight: 400;
     color: #000;
     margin: 15px 0 0 
}
 .solution-pink-section .iconic-main h3 {
     font-size: 23px;
     font-weight: 700;
     color: #92278f;
     margin: 0 
}
 .iconic-main h5 {
     font-size: 18px;
     margin: 15px 0 0 
}
 .text-contant h5 {
     text-align: center;
     font-size: 20px;
     margin: 0 
}
 .solution-ibling-section .text-contant h5, .solution-pink-section .text-contant h5, .solution-smalltown-section .text-contant h5 {
     text-align: center;
     font-size: 20px;
     font-weight: 400;
     color: #000;
     margin: 0 
}
 .solution-section .nav-tabs li.active a, .solution-section .nav-tabs li.active a:hover, .solution-section .nav-tabs li.active li a:focus {
     color: #fff !important;
     cursor: default;
     font-weight: 600;
     border: 0 !important;
     background: #bf302f !important 
}
 .solution-ibling-section .nav-tabs li.active a, .solution-ibling-section .nav-tabs li.active a:hover, .solution-ibling-section .nav-tabs li.active li a:focus {
     color: #fff !important;
     cursor: default;
     font-weight: 600;
     border: 0 !important;
     background: #006990 !important 
}
 .solution-ibling-section .nav-tabs li a {
     padding: 12px 30px;
     border: 0;
     border-radius: 8px;
     font-size: 20px;
     color: #000;
     background: 0 0 
}
 .tab-content-smalltown.nav-tabs li a {
     padding: 12px 30px;
     border: 0;
     font-size: 20px;
     color: #000;
     background: #ebe6e6 
}
 .case-wireframe-smal-town-section {
     background-image: url(../images/case-studies/Group-5244.png) 
}
 .work-sectionsmall-town-sec .case-project-text h2, section.case-wireframe-smal-town-section .case-project-text h2 {
     color: #000;
     text-align: center;
     margin: 0 0 30px 
}
 .work-sectionsmall-town-sec {
     padding: 100px 0;
     background-image: url(../images/case-studies/Group-5290.png) !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 
}
 section.work-small-townsection {
     padding: 60px 0 
}
 .case-team-small-town-section .team-box:hover {
     background-color: #2da8b9 
}
 .work-img-box img {
     margin: 0 auto;
     display: table;
     width: 100% 
}
 .case-banner-logo img {
     width: 150px;
}
 img.world-img {
     width: 50px 
}
 .visual-list ul li:hover {
     transform: translateY(15px) 
}
 .case-functional-mian ul {
     padding: 0;
     display: flex;
     list-style: none;
     justify-content: center;
     margin-bottom: 30px;
     text-align: center 
}
 .fun-ht-text h2 {
     font-size: 18px;
     margin: 10px 0 20px 
}
 .case-functional-mian ul li {
     width: 20%;
     transition: 1s 
}
 section.case-ecome-bnner-section {
     /* background-image: url(../images/case-studies/case-ecomme-sec-bg.jpg) !important; */
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding: 150px 0 0;
}
 .case-ecome-bnner-section .case-helt-text h1 {
     font-size: 60px;
     color: #000
}
 .case-ecome-bnner-section .case-helt-text h3 {
     font-size: 35px;
     color: #000 
}
 .game-case-inner-sec a.case-study-btn.case-game.get-started, section.banner-section .banner-btn a.cnt-btn, section.game-inr-offer-sec .inner-bnr-btn.inner-about-btn.clr-travel .get-btn:hover {
     background-color: #fff;
     color: #000 
}
 h2.title_center {
     font-size: 35px;
     font-weight: 600;
     color: #000;
     margin: 0 0 15px 
}
 .clearfix::after {
     display: none;
}
 .body-space-case-sec-4 .case-project-text h2, .body-space-case-sec-5 .case-project-text h2, .body-space-case-sec-8 .tec-appli-text h2, .case-ecome-bnner-section7 .viual-text-box h4, .ghs-case-sec-3 .case-project-text h2, .ghs-case-sec-3 .case-project-text p, .ghs-case-sec-4 .case-project-text h2, .ghs-case-sec-4 .case-project-text p {
     color: #ffff;
}
 .case-ecome-bnner-section4 .case-project-text h2, .case-visual-ibling-section .case-project-text h2, .case-visual-pink-section .case-project-text h2, .case-wireframe-ibling-section .case-project-text h2, .case-wireframe-pink-section .case-project-text h2, .health-ibling-sec .case-project-text h2, .health-procject-pink-sec .case-project-text h2, .health-procject-smalltown-sec .case-project-text h2, .solution-ibling-section .case-project-text h2, .solution-pink-section .case-project-text h2, .solution-smalltown-section .case-project-text h2 {
     font-size: 67px;
     font-weight: 700;
     color: #000;
     line-height: 75px;
}
 .solution-tabs-pink .nav-tabs li a {
     padding: 12px 30px;
     border: 0;
     border-radius: 8px;
     font-size: 20px;
     color: #000;
     background: #00000012;
     margin: 0 20px 0 0 
}
 .solution-tabs-pink .nav-tabs li.active a, .solution-tabs-pink .nav-tabs li.active li a:focus, .solution-tabs-pink .nav-tabs li.active:hover a {
     color: #fff !important;
     cursor: default;
     font-weight: 600;
     border: 0 !important;
     background: #ec0c70 !important 
}
 .solution-tabs-ecom ul.nav.nav-tabs.iconic-nav, .solution-tabs-pink ul.nav.nav-tabs.iconic-nav {
     border: 0;
     padding-bottom: 15px;
     border-bottom: 1px solid #000;
     text-align: center;
     margin: 0 auto 25px;
     display: table 
}
 .visual-slider .slick-slide {
     height: auto 
}
 .solution-tabs-pink .nav-tabs li.active a, .solution-tabs-pink .nav-tabs li.active li a:focus, .solution-tabs-pink .nav-tabs li.active:hover a {
     color: #fff !important;
     cursor: default;
     font-weight: 600;
     border: 0 !important;
     background: #ec0c70 !important 
}
 .solution-tabs-ecom ul.nav.nav-tabs.iconic-nav, .solution-tabs-pink ul.nav.nav-tabs.iconic-nav {
     border: 0;
     padding-bottom: 15px;
     border-bottom: 1px solid #000;
     text-align: center;
     margin: 0 auto 25px;
     display: table 
}
 .case-project-text p {
     line-height: 25px;
}
 .case-ecome-bnner-section4 .case-project-text h2 {
     color: #000;
}
 .case-ecome-bnner-section4 .case-project-text p {
     /* color: #fff; */
}
 .tec-appli-text h2 {
     color: #000 !important;
     text-align: center;
}
 .case-banner-logo-new img {
     width: 100px;
}
 .era-case-sec-2 .team-box:hover {
     background: #903;
}
 .banner-text, .case-team-pinky-section .team-box:hover h4, .case-team-pinky-section .team-box:hover p, .contact_footer .budget-wrap .header .title, .contact_footer .contactfrom .formwrp form .txtwrp span, .spV2.highlighted .sp-features ul.spf-list li, .spV2.highlighted .sp-head .sph-price h3, .spV2.highlighted .sp-head h4, .spV2:hover .sp-features ul.spf-list li, .spV2:hover .sp-head .sph-price h3, .spV2:hover .sp-head h4, .team-box:hover .team-text-box h3, .team-box:hover h4, .team-box:hover p, ul.color-fun-box li, ul.color-fun-box li p {
     color: #fff;
}
 section.climate-sec h3 {
     color: #ffff;
     font-size: 65px;
     text-align: center;
     font-weight: 700;
     padding: 0 0 50px;
}
 .health-banner, section.climate-sec {
     padding: 70px 0 0 
}
 .follow-sec h3 {
     color: #ffff;
     font-size: 55px;
     font-weight: 700;
     line-height: 75px;
}
 .ghfs-case-sec-7 {
     /* background: #1a193c; */
     background-image: none !important;
}
 .health-banner h3 {
     color: #ffff;
     text-align: center;
     font-size: 70px;
     font-weight: 700;
}
 .health-banner p {
     text-align: center;
     color: #fff;
     font-size: 16px;
     line-height: 25px;
     padding: 0 0 50px;
}
 .ghfs-case-sec-8 {
     background: #1a193c !important;
     padding-top: 0 !important;
}
 .health-banner-img img {
     width: 100%;
}
 .ghfs-case-sec-7 h2 {
     color: #fff !important;
}
 .ghfs-case-sec-8 h2 {
     color: #fff !important;
}
 .case-ecome-bnner-section3 {
     background-image: url(../images/case-studies/project2-bg.webp) !important;
     background-size: cover;
     background-position: center;
     /* height: 1025px; */
     display: flex;
     align-items: center;
     position: relative;
     z-index: -1;
}
 
section.case-study-section {
    background-image: url(../images/case-studies/case-healt-sec-bg.jpg);
    position: relative;
}


.health-ibling-sec, .health-procject-sec, .health-procject-smalltown-sec {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    background-size: cover;
}
.tect-text-white h2 {
    color: #fff !important;
}

section.case-ibling-section, section.case-study-section, section.case-studysmall-town-section {
    /* margin-bottom: -140px; */
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.visual-tec-img img {
    width: 90%;
}

section.case-visual-section .slick-dots {bottom: -50px;}

.case-project-text b {
    font-size: 35px;
    color: #fff;
    margin: 0 0 0 0;
    line-height: 40px;
}

.baner-btn.case-btn {
    justify-content: center;
}

.baner-btn.case-btn a.btn-get.pop_btn {
    border-color: #fff;
    background: transparent;
}

.baner-btn.case-btn a.btn-get.pop_btn:hover {
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    color: #fff;
}

a.view-btn.fill {
    padding: 8px 30px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 50px;
    border: solid 1px #fff;
    color: #fff;
    position: relative;
    z-index: 9999;
}

.case-stades.case-banner-main-btn {
    margin: 30px 0 0 0;
}

a.view-btn.fill:hover {
    background: #000;
    border-color: #000;
}

.case-studysmall-town-section:before {
    /* content: 'SMALL TOWN'; */
    bottom: -190px;
    font-size: 296px;
    margin: auto;
    display: flex
;
    justify-content: center;
    color: #fff;
    -webkit-text-stroke: 1px #0d8a9b !important;
    -webkit-text-stroke: blueviolet;
}
.case-study-pink-copy-section:before {
    content: 'PINK POPPY';
    bottom: -240px;
    font-size: 338px;
    margin: auto;
    display: flex
;
    justify-content: center;
    color: #fff;
    -webkit-text-stroke: 1px #ec0c70 !important;
    -webkit-text-stroke: blueviolet;
}

.white-box-case h1 {
    color: #fff !important;
}

.white-box-case h3 {
    color: #fff !important;
}


.pink-box-case a.view-btn.fill {
    border-color: #000;
    color: #000;
}

.pink-box-case a.view-btn.fill:hover {
    background: #92278f;
    color: #fff;
    border-color: #92278f;
}

.black-box-case a.view-btn.fill {
    border-color: #000;
    color: #000;
}

.black-box-case a.view-btn.fill:hover {
    color: #fff;
}

.white-box-case P {
    COLOR: #FFF ! IMPORTANT;
}
.white-box-case h2 {
    color: #FFF ! IMPORTANT;
}
.next-prev-btn {
    text-align: center;
    margin: 20px 0 5px;
    position: relative;
    z-index: 9999999;
}

.mobiSlider2 a, .text-center {
    text-align: center !important
}

.next-prev-btn a {
    padding: 20px 20px;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(90deg, #6d52ff -20%, #43d1ff 115%);
    color: #fff;
    margin: 0 10px
}

.next-prev-btn a:hover {
    background: linear-gradient(90deg, #121212 -20%, #7148ff 115%)
}

.case-studies-preview {
    position: fixed;
  left: -23px !important;
    border-radius: 0 60px 60px 3px;
    transition: .3s;
    top: 65%;
}

/* .case-studies-preview:after {
    content: " Prev";
    transition: .3s;
    width: 170px;
     color:#fff;
    float: left
} */

.case-studies-preview:hover {
    left: -10px !important
    
}
/* 
.case-studies-preview:hover:after {
    content: "Prev Case Study  "
   

} */

.case-studies-next {
    position: fixed;
    border-radius: 60px 6px 0 60px;
        right: -18px !important;
    width: auto;
    transition: .3s;
    top: 65%;
}

.next-prev-btn i.fa.fa-long-arrow-right {
    margin: 0 10px 0 0
}

.case-studies-next:hover {
    right: -10px !important;
    transition: .3s
    color:#fff;
}

.case-studies-next i {
    margin: 0 15px 0 0;
}
.case-project-text.case-pading-box {
    padding: 0 40px 0 0;
}

.body-space-case-sec-7 {
    background-image: url(../images/case-studies/body-space-wireframe-banner.png) !important;
}

section.case-ecome-bnner-section9 {
    background-image: url(../images/case-studies/Wireframes-case-ecom-new-1.png);
    position: relative;
}
section.case-ecome-bnner-section7 {
    background-image: url(../images/case-studies/wire-fram-bg22.png);
    position: relative;
}

.black-box-case .viual-text-box h4 {
    color: #000;
}

.case-ecome-bnner-section4 b {
    color: #000;
}

.white-box-case .case-project-text b {
    color: #fff !important;
}

.black-box-case .viual-text-box h4 {
    color: #000 !important;
}

section.case-study-section {
    padding: 100px 0 120px;
}

.case-project-text h4 {
    color: #000 !important;
}

.black-box-case .tec-appli-text.tect-text-white h2 {
    color: #000 !important;
}

section.case-visual-section.black-box-case .case-project-text h2 {
    color: #000;
}
section.case-studysmall-town-section {
    background-image: url(../images/case-studies/Grou-5132.png) !important;
}
.health-business-sec {
    background-image: url(../images/case-studies/Group-5242.webp);
}

.case-functional-small-town-sec, section.work-small-townsection {
    background-image: url(../images/case-studies/Group-5242.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

section.case-study-pink-copy-section {
    background-image: url(../images/case-studies/Group-5156.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}

.health-business-pink-sec {
    background-image: url(../images/case-studies/business-pink-bg.png);
    padding: 50px 0 0 !important;
    position: relative;
    overflow: visible;
}


section.case-wireframe-pink-section {
    background-image: url(../images/case-studies/wire-fram-pink-bg.png);
    position: relative;
    overflow: visible;
}
section.solution-section.solution-pink-section {
    display: none;
}
section.case-ecome-bnner-section5 {
    display: none;
}

section.case-ecome-bnner-section5 {
    display: none;
}

section.solution-section {
    display: none;
}

section.case-se-section .client-flex-box {
    justify-content: space-around;
}

.ghs-case-sec-4.ghs-case-sec-55 {
    padding: 70px 0 !important;
}

section.case-study-section.Tribe-bner-section {
    margin: 0 0 -170px 0 !important;
}
.black-box-case h2 {
    color: #000 !important;
}


.case-banner-margin-box {
    margin: 0 0 -145px 0;
}
.key-features-section ::before {
    display: none;
}

.tab-bg .fince-tab-tax h4 {
    color: #fff;
}

.tab-bg .fince-tab-tax p {
    color: #fff;
}

.tab-bg .fince-tab-tax ul li {
    color: #fff;
}


/*section.thankyou-banner-section*/

section.thankyou-banner-section {
    padding: 50px 0;
    min-height: 450px;
    display: flex;
    align-items: center;
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    text-align: center;
}

section.thankyou-banner-section h1 {
    font-size: 67px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px 0;
}

section.thankyou-banner-section p {
    font-size: 16px;
    color: #fff;
    margin: 0 0 0 0;
}
/*section.thankyou-banner-section*/

section.trems-section {
    padding: 50px 0;
    text-align: center;
    height: 400px;
    display: flex;
    align-items: center;
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
}

.terms-first-wrap-text h1 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 70px;
}

.terms-first-wrap-text h5 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
}

.monif-img.Podcast-img img {
    width: 300px;
}

section.manifesto-sec-2 {
    padding: 80px 0;
}

.row.monif-box {
    display: flex;
    align-items: center;
}

.row.monif-box {
    /* display: flex; */
    align-items: center;
    margin-bottom: 80px;
}

a.cnt-btn {
    padding: 8px 30px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 50px;
    border: solid 1px #000;
    background: linear-gradient(to bottom, #682CC3, #43D1FF);
    display: inline-block;
    border-color: #43D1FF;
    color: #fff;
}

.manif-text.podcast-text h2 {
    color: rgb(47, 47, 47);
}

section#inner-content {
    padding: 50px 0;
}

.opt-txt h3 {color: rgb(47, 47, 47);}

.opt-txt h4 {
    color: rgb(47, 47, 47);
}

.opt-txt h5 {
    color: rgb(47, 47, 47);
}

.opt-txt h6 {
    color: rgb(47, 47, 47);
}

ul.potcas-box {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin: 20px 0 0 0;
}


section.Function__wrap {
    padding: 60px 0;
}

section.Function__wrap .title span  ,
section.case-ecome-bnner-section9 .case-project-text h2,
.case-ecome-bnner-section3 .case-project-text h2,
.case-ecome-bnner-section4 .case-project-text h2,
.case-ecome-bnner-section7 .case-project-text h2,
.ghs-case-sec-3 .case-project-text h2,
.ghs-case-sec-4 .case-project-text h2,
.case-helt-text h1,
.case-project-text h2, .case-project-text h2 , .case-project-text h2,
section.case-visual-section.black-box-case .case-project-text h2,
.case-project-text h2, .health-smalltown-sec .case-project-text h2,
.health-procject-smalltown-sec .case-project-text h2,
.health-procject-pink-sec .case-project-text h2,
.case-wireframe-pink-section .case-project-text h2,
.case-visual-pink-section .case-project-text h2{ 
    font-size: 45px;
    font-weight: 700;
    color: #2F2F2F;
    display: block;
    line-height: 45px;
    display: block;
}

ul.Function__list li {
    display: flex;
    justify-content: center;
    gap: 38px;
    margin-top: 30px;
}

ul.Function__list li img {
    background-color: #585858;
    width: 70px;
    height: 70px;
    object-fit: contain;
    padding: 17px;
    clip-path: circle(48%);
}

ul.Function__list li div {
    min-width: 200px;
    height: 170px;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

ul.Function__list li span {
        font-size: 16px;
    font-weight: 500;
    color: black;
    padding-top: 10px;
    line-height: 18px;
    text-align: center;
}

ul.Function__list li div:hover img {
    background-color: #5a92fc;
}

span.title__overview {
    font-size: 150px;
    font-family: "Russo One", sans-serif;
    letter-spacing: 0;
    position: absolute;
    color: #e0dddd9e;
    top: -68%;
    line-height: 200px;
    letter-spacing: 9px;
}

.case-project-text {
    position: relative;
}
.brs-project {
    background-color: #F3F2FF;
    padding: 30px 50px 30px 30px;
    border-radius: 20px;
    position: relative;
    left: 7%;
}

.climate-bg {
    background-image: url(../images/case-studies/climate-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.brs-z {
    position: relative;
    z-index: 9;
}
.brs-projects {
    background-color: #ffffff45;
    width: max-content;
    padding: 20px 20px 20px 50px;
    border-radius: 20px;
    position: relative;
    left: 14%;
}

.bg-ream {
    background-color: #F3F2FF;
}