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

 html, body {
     margin: 0;
     padding: 0;
     overflow-x: hidden;
}
 body{
     position: relative;
}
 .image-wrap{
     width: 35px;
     height: 35px;
}
 .image-wrap > img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .awards {
     position: absolute;
     width: 100%;
     padding: 15px 45px;
     background-color: #fede00;
}
 .awards-cs{
     position: relative;
     width: 33%;
     top: -113px;
}
 .domain_wrapper{
     padding: 90px 0;
}
 #services_nav {
     padding: 0;
}
 .blogs-cs{
     padding:0 0 50px 0;
}
 .kill_vish .card .card-text {
     text-align: center;
}
 .owl-carousel .owl-stage-outer {
     margin: 45px 0 0 0;
}
 .sec-point-p{
     font-size: 16px;
     line-height: 32px;
     text-align: justify;
     color: #000 !important;
}
 .card-t:hover {
     background-color: #fede00 !important;
     height: auto;
}
.card-t:hover {
     background-color: #fede00 !important;
     height: 281px ;
 }
 .section-ab{
     padding: 60px 0 60px 0;
     background: linear-gradient(to right, #B2BEB5, #F8DE7E);
}
 .fa-brands.fa-whatsapp {
    font-size: 20px;
    color: #ffffff;
    margin: 3px 0 0 0;
}
 .item-d {
     background: #fff;
     border-radius: 8px ;
}
 .item-d img {
     width: 100%;
     height: 100px ;
     border-radius: 8px ;
     object-fit: cover;
}
 .item-d2 {
     width: 253px;
     height: 92px;
     background: #fff;
     padding: 8px 20px;
     border-radius: 8px;
}
 .item-d2 img {
     width: 100% !important;
     height: 100% !important;
     object-fit: contain !important;
}
 .footer-wrap{
   background-color: #B2BEB5;
    padding: 25px 0 25px 0;
}
 .footer-wrap .footer-p1{
     font-size: 22px;
     color: #000;
}
 a,li{
     font-family: "Poppins", sans-serif;
}
 .footer-copy-r{
     color: #000000;
     font-size: 13px;
     font-family: 'Poppins';
     padding: 0 21px 0 0;
}
 .footer-copy-p{
     position: relative;
     font-size: 13px;
     color: #000000;
}
 .flag-cls {
     width:25%;
     margin-right: 7px;
     margin-bottom:10px;
}
 .footer-social-media{
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .foot_bottom_bar > li > a{
     font-size:13px !important;
}
 body {
     position: relative;
     overflow-x: hidden;
}
 span.menu-text1:nth-child(3) {
     color: #000000;
}
 span:hover .menu-text1:nth-child(3) {
     color: #fff;
}
 .top-side-sc{
     display: block;
}
 .image-wrap{
     width: 35px;
     height: 35px;
}
 .image-wrap > img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .top-sec {
     background: #000;
     border-radius:0;
     padding: 0 0 0 3px;
}
 .cont-sec1 {
     color: white;
     text-align: center;
}
 .cd {
     display: inline-block;
     font-size: 1rem;
     list-style-type: none;
     padding: 14px 18px 5px 0;
     line-height: 20px;
     font-weight: 800;
     text-transform: capitalize;
}
 .cd span {
     display: block;
     font-size:20px;
}
 .top-side {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 8px 0 0 0;
}
 .top-side-2{
     margin: 30px 0 0 0;
}
 .btn-close {
     opacity: 1 !important;
}
 .alert-dismissible .btn-close {
     position: absolute;
     top: 32px;
     right: 30px;
     z-index: 2;
     padding: 5px;
}
 #web_dev_span span, .btn-yellow, .client-info span, .counter-container, .footer_indus_links li, .lkg .btn-yellow, .text, .title, a, b, h1, h1 span, h2, h3, h4, h5, h6, p, strong {
     font-family: "Poppins", sans-serif;
}
 h1 {
     font-weight: 600 ;
}
 .nur, video {
     position: relative;
}
 b, strong {
     font-weight: 600;
}
 ::-moz-placeholder {
     font-family: "Poppins", sans-serif;
}
 video {
     width: 90%;
     top: 30px;
     left: 32px;
     border-radius: 12px;
}
 #services_nav .nav-tabs .nav-link.active, .delivery_yellow {
     background-color: #fede00;
     border-radius: '25px';
}
 .delivery_icon_padding {
     padding: 100px;
     text-align: center;
}
 #email_marketing .bpo_out_box_upselling {
     height: 100%;
}
 #medical_page_padding {
     padding: 0 35px;
}
 .billing_icons img {
     width: 20%;
}
 .billing_icons {
     margin-top: -10%;
     padding-bottom: 20px;
}
 .med_text_box {
     height: 100%;
     align-items: center;
     display: flex;
     width: 94%;
}
 .billing_icons .card, .bottom, .grid-item, .v_para {
     align-items: center;
}
 .med_images {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 30px;
     box-shadow: 7px 6px 5px #fede0078;
}
 .medical_bg {
     background-image: url(assets/images/bg.png);
     background-repeat: no-repeat;
     background-size: 1327px 500px;
     min-height: 80vh;
     padding: 90px;
}
 .mega_menu {
     width: 810px ;
     left: calc(100% - 425px - 20px) ;
}
 .mega_menu_two {
     width: 744px ;
     left: calc(100% - 364px - 30px) ;
}
 .mega_menu li a, .mega_menu_two li a {
     padding: 0;
     font-size: 15px;
     line-height: 32px;
}
 #services_cardBOdy h3, #services_cardBOdy p, .centered_blog_title, .lkg h5, .lkg p, .preText h4, .sub_service_bg h1, .text p {
     color: #fff;
}
 .firstp, body {
     font-weight: 400;
}
 #advertising, #marketing, #technology {
     height: 65vh;
     box-shadow: 3px 5px 9px 0 #00000014;
}
 :root {
     --yellow: #f7f7f7;
     --darkblue: #0a0a36;
}
 @font-face {
     font-family: "Poppins", sans-serif;
     src: url(assets/fonts/futura-heavy.otf);
}
 .title, h2, h3, h4, h5, h6 {
     color: #000000;
     font-weight: 700;
}
 h1 {
     font-weight: 600;
     font-size: 31px;
}
 p {
     font-size: 15px;
     line-height: 30px;
     font-weight: 400;
     color: #252424;
}
/* .mobile_awards {
     padding: 35px 0;
     margin-top: 66px;
}
 */
 .nur {
     justify-content: end;
     display: flex;
     right: 5%;
}
 .v_para {
     display: grid;
     height: 100% "";
}
 .map_icon_wrapper {
     align-items: center;
     display: grid;
}
 .yellow-box {
     background-color: #fede00;
     height: 95vh;
     width: 45%;
     border-radius: 0 0 90px 90px;
     position: absolute;
     left: 20px;
}
.yellow-box.yellow-box2{
    background-color: #1886f3;
    height: 95vh;
    width: 45%;
    border-radius: 0 0 90px 90px;
    position: absolute;
    left: 20px;
}
 .bannerSlide .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
     top: 0;
     box-shadow: 0 0 4px #fede00;
     border-radius: 30px;
}
 .custom_text {
     font-size: 36px;
     color: #000;
     line-height: 46px;
     margin-bottom: 40px;
}
.custom_text.custom_text2 {
     color: #ffffff;
}
 .client_numb .dm-feat-box h1, .counter {
     font-size: 60px;
}
 .counter-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     border-radius: 25px;
     width: 100%;
     border: 7px double #fede00;
}
 .counter {
     margin-top: 10px;
}
 .ukg img {
     border-radius: 25px;
}
 .card_container, .ukg {
     position: relative;
     border-radius: 25px;
}
 #services_cardBOdy .card-body, .ukg .card-body {
     position: absolute;
     bottom: 0;
}
 .lkg, .lkg .btn-yellow, .video_container {
     position: relative;
}
/* .lkg p {
     width: 56%;
     line-height: 17px 
}
 */
 .blogs h3, .firstp {
     line-height: 1;
}
 .lkg {
     top: 78px;
}
 .lkg .btn-yellow {
     top: -48px;
}
 .centered {
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     left: 50%;
}
 .home_map {
     padding: 0 100px;
}
 .fa-brands {
     font-size: 20px;
     margin-right: 18px;
}
 .carousel-item img {
     object-fit: cover;
     height: 100%;
     width: 100%;
}
 .carousel-caption {
     position: absolute;
     top: 20%;
     left: 50%;
     transform: translate(30%, -18%);
     justify-content: space-between;
     display: grid;
     text-align: left;
}
 .bottom, .card_domain, .glass {
     transform-style: preserve-3d;
}
 .awards .card, .firstp, .grid-item, .pbmit-meta-date, .sec-title {
     text-align: center;
}
 .carousel-caption h2 {
     font-size: 46px;
}
 .carousel-caption p {
     color: #fff;
     font-size: 20px;
}
 #services .carousel-item, #services .carousel-item active {
     height: auto ;
}
 #services .card, .navbar-nav {
     gap: 10px;
}
/* .slider_wrapper {
     padding-top: 50px 
}
 */
 .para, .para_globe {
     padding: 59px;
     box-shadow: 2px 2px 1px #ffc10745;
     border-radius: 30px;
}
 #common_pd {
     padding: 0 20px;
}
 #navbarScroll {
     justify-content: end;
}
 .navbar {
     position: fixed;
     z-index: 1;
     background: #fffffff0;
     width: 100%;
     top: 0;
     box-shadow: 0 1px #d7d7d7;
}
 #bpo_page h1, #bpo_page p, .footer_indus_links li, .nav-link, .navbar-nav .nav-link.active {
     color: #000;
     font-size: 13px;
}

 .firstp span, .nav-link:focus, .nav-link:hover, .navbar-nav .nav-link:hover, .text-color {
     color: #fede00;
}
 .firstSection img {
     object-fit: contain;
     border-radius: 30px;
}
 .firstContent, .nav_leftContent {
     align-items: center;
     display: flex;
}
 .accordion-button:not(.collapsed), .accordion-item:first-of-type .accordion-button, .para {
     background-color: #fede00;
}
 .para_globe {
     background-color: #f1f8ff96;
}
 .enterprises span {
     color: #fede00;
     font-size: 33px;
     top: 0;
}
 .firstp, .firstp span {
     font-size: 40px;
}
 .firstp span {
     top: 0;
}
 .who h1 {
     font-size: 150px;
     position: relative;
     top: 48px;
}
 .firstContent .para {
     padding: 40px;
     background-color: #ffffff6b;
     backdrop-filter: blur(10px);
     border-radius: 25px;
}
 .slider_logo {
     height: 130px;
     position: relative;
     width: 100%;
     display: grid;
     place-items: center;
     overflow: hidden;
}
 .slider_logo::after, .slider_logo::before {
     position: absolute;
     background-image: linear-gradient( to right, #fff 0, rgba(255, 255, 255, 0) 100% );
     content: "";
     height: 100%;
     width: 25%;
     z-index: 2;
     pointer-events: none;
}
 .slider_logo::before {
     left: 0;
     top: 0;
}
 .slider_logo::after {
     right: 0;
     top: 0;
     transform: rotateZ(180deg);
}
 .slide_logo img {
     width: 80px;
     margin: 10px;
}
 .slide-track {
     width: calc(150px * 20);
     display: flex;
     animation: 20s linear infinite scroll;
     justify-content: space-between;
}
 .foot_bottom_bar a {
     text-decoration: none;
     color: #000;
}
 .slide_logo {
     width: 150px;
     height: 60px;
     display: grid;
     place-items: center;
     transition: 0.5s;
     cursor: pointer;
}
 .slide_logo:hover {
     transform: scale(0.8);
}
 @keyframes scroll {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(calc(-150px * 10));
    }
}
 @keyframes scroll2 {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(calc(-150px * 5));
    }
}
 .slide_logo {
     width: 80px;
}
 @keyframes scroll {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(calc(-80px * 10));
    }
}
 @keyframes scroll2 {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(calc(-80px * 5));
    }
}
 .sticky-nav-tab {
     padding: 0 ;
     margin: 0 ;
}
 .industires_pills {
     background-color: #f1f1f1;
     width: 100%;
     padding: 10px 30px;
     border-radius: 115px;
     gap: 175px;
     justify-content: space-between;
}
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     color: #000 !important;
     background-color: #fede00 !important;
     border-radius: 37px;
}
 .pilsImg {
     width: 20px;
     padding-right: 3px;
}
 .btn-yellow {
     background-color: #fede00;
     border-radius: 20px;
}
 .btn-yellow:hover {
     background-color: #000;
     color: #fff;
}
 .logo_domain img {
     width: 100%;
     background: #fede00;
     padding: 10px;
     border-radius: 87px;
}
 .awards .card, .awards img {
     border-radius: 25px;
     background-color: #fff;
}
 #services_cardBOdy {
     padding: 10px 0;
}
 #services_cardBOdy .card {
     border-radius: 30px;
     height: 375px;
}
 #services_cardBOdy img {
     border-radius: 30px;
     box-shadow: 4px 4px 2px #fede00;
}
 .awards img {
     width: 13%;
     padding: 20px;
     margin: 3px;
}
 .awards .card {
     align-items: center;
     border-color: #fff0;
}
 .pbmit-blog-style-9 .pbmit-featured-container {
     position: relative;
     margin-bottom: 25px;
}
 .pbmit-meta-date {
     display: inline-grid;
     background: #f1f8ff;
     color: #000;
     padding: 9px;
     position: absolute;
     bottom: 10px;
     left: 10px;
     border-radius: 17px;
}
 .awards .card-title, .pbmit-day-wrap {
     font-size: 48px;
     line-height: 48px;
     font-weight: 600 ;
     display: inline-block;
     position: relative;
}
 #leader_ship p, .blogs a, .content .title, .text {
     font-size: 20px;
}
 .custom-control-label, .form-control {
     font-size: 16px;
     font-family: "Poppins", sans-serif;
}
 .pbmit-featured-wrapper img {
     border-radius: 20px;
}
 .card_container img, .overlay {
     border-radius: 25px;
     width: 100%;
}
 .blog1 {
     margin-top: 35px;
}
 .blog3 {
     margin-top: -35px;
}
 .blogs a {
     text-decoration: auto;
     color: #000;
}
 .blogs a:hover, .footer ul a:hover {
     text-decoration: underline;
}
 .footer ul {
     list-style: none;
     padding: 0;
}
 .footer ul a {
     text-decoration: none;
     color: #000;
     font-weight: 300;
     font-size: 14px;
}
 .card_container img {
     position: relative;
     height: 355px;
     object-fit: cover;
}
 .overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     opacity: 0;
     transition: 0.5s;
     background-color: #000000a8;
}
 .card_container:hover .overlay {
     opacity: 1;
}
 .text {
     color: #fff;
     position: absolute;
     top: 20px;
     left: 16px;
     justify-content: space-between;
     display: inline-grid;
}
 .text span {
     position: relative;
     bottom: -162px;
}
 .card_container .preText {
     position: absolute;
     top: 20px;
     left: 15px;
}
 .card_container .preText h4:hover {
     display: none;
}
 .explore_vision {
     background-image: url(assets/images/22.webp);
     background-repeat: no-repeat;
     padding: 151px 0;
     background-position: right;
     background-size: contain;
}
 .Service_section {
     flex: 1;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     overflow: hidden;
     background-size: cover;
     background-position: center;
     color: #fff;
     transition: flex 0.4s;
     position: relative;
     border-radius: 30px;
}
 .logo_box, .s_logo_box {
     background: #fff;
     border-radius: 15px;
}
 .card_domain, .glass {
     transition: 0.5s ease-in-out;
}
 .Service_section .overlay {
     background-color: rgba(0, 0, 0, 0.7);
     width: 100%;
     height: 100%;
     position: absolute;
     transition: background-color 0.8s;
}
 .service_content p {
     margin: 0;
     font-weight: 400;
     color: #fff;
     font-size: 24px;
}
 #web_dev_span span, .client-info h6, .para_Bold {
     font-weight: 700;
}
 .Service_section .service_content {
     z-index: 0;
     position: absolute;
     left: 0;
     bottom: 16px;
     padding: 13px;
}
 .Service_section:hover {
     flex: 2;
}
 .Service_section:hover .service_overlay {
     background-color: rgba(0, 0, 0, 0.95);
}
 .explore_vision_span {
     width: 55%;
     display: block;
     position: relative;
     left: 29%;
     top: -15%;
}
 .mission_vision_span {
     width: 55%;
     display: block;
     position: relative;
     left: 43%;
     top: 25px;
}
 #marketing {
     background-image: url(assets/services/bpo.jpg);
}
 #technology {
     background-image: url(assets/services/dmicon.jpg);
}
 #advertising {
     background-image: url(assets/services/web2.jpg);
}
 .grid-container {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
     grid-gap: 10px;
}
 .grid-item {
     display: flex;
}
 .box1, .form-wrap, .grid-item img, .parent, .round {
     width: 100%;
}
/* .clogo img, .s_clogo img {
     width: 40%;
     height: auto;
     object-fit: contain;
}
 */
 .clogo, .s_clogo {
     display: inline-flex;
     justify-content: space-between;
     gap: 16px;
}
 .s_logo_box {
     align-items: center;
     display: flex;
     justify-content: center;
     width: 100%;
     height: 130px;
}
 .s_logo_box img {
     width: 60%;
     height: 47%;
     object-fit: scale-down;
}
 .logo_box {
     align-items: center;
     display: flex;
     justify-content: center;
     padding: 15px 0;
}
 .logo_box.box-1 {
     width: 40px;
}
 .client_logo_dekho .carousel-control-prev {
     position: absolute;
     left: -144px;
     top: -10px;
}
 .client_logo_dekho .carousel-control-next {
     position: absolute;
     right: -113px;
     top: -10px;
     margin: 0;
     padding: 0;
     width: 10%;
}
 .card_domain {
     height: 100%;
     border-radius: 50px;
     background: linear-gradient(135deg, #fede00 0, rgb(255 255 255) 100%);
}
 .glass {
     position: absolute;
     inset: 8px;
     border-radius: 55px 100% 55px 55px;
     background: linear-gradient( 0deg, rgba(255, 255, 255, 0.349) 0, rgba(255, 255, 255, 0.815) 100% );
     transform: translate3d(0, 0, 25px);
     border-left: 1px solid #fff;
     border-bottom: 1px solid #fff;
}
 #our_range .content, .content {
     transform: translate3d(0, 0, 26px);
     width: 95%;
     left: 24px;
}
 #domain_services_slider_btn .carousel-control-next, #domain_services_slider_btn .carousel-control-prev {
     position: relative ;
}
 #domain_services_slider_btn {
     display: flex;
     z-index: 0;
     justify-content: end;
     margin-bottom: 15px;
}
 .content {
     position: absolute;
     bottom: 183px;
}
 .content .title {
     display: block;
     font-weight: 900;
}
 .content .text {
     display: block;
     color: rgba(0, 0, 0, 0.765);
     font-size: 15px;
     text-align: justify;
     margin-top: 18px;
     left: 0;
     width: 90%;
     line-height: 26px;
}
 .bottom {
     padding: 10px 12px;
     position: absolute;
     bottom: 20px;
     left: -22px;
     right: 40px;
     display: flex;
     justify-content: space-between;
     transform: translate3d(0, 0, 26px);
}
 .bottom .view-more {
     display: flex;
     align-items: center;
     width: 40%;
     justify-content: flex-end;
     transition: 0.2s ease-in-out;
}
 .bottom .view-more:hover {
     transform: translate3d(0, 0, 10px);
}
 .bottom .view-more .view-more-button {
     background: 0 0;
     border: none;
     color: #000;
     font-weight: bolder;
     font-size: 12px;
}
 .bottom .view-more .svg {
     fill: none;
     stroke: #000000;
     stroke-width: 3px;
     max-height: 15px;
}
 .bottom .social-buttons-container {
     display: flex;
     gap: 10px;
     transform-style: preserve-3d;
}
 .bottom .social-buttons-container .social-button {
     width: 30px;
     aspect-ratio: 1;
     padding: 5px;
     background: #fff;
     border-radius: 50%;
     border: none;
     display: grid;
     place-content: center;
     box-shadow: rgba(5, 71, 17, 0.5) 0 7px 5px -5px;
}
 .bottom .social-buttons-container .social-button:first-child {
     transition: transform 0.2s ease-in-out 0.4s, box-shadow 0.2s ease-in-out 0.4s;
}
 .bottom .social-buttons-container .social-button:nth-child(2) {
     transition: transform 0.2s ease-in-out 0.6s, box-shadow 0.2s ease-in-out 0.6s;
}
 .bottom .social-buttons-container .social-button:nth-child(3) {
     transition: transform 0.2s ease-in-out 0.8s, box-shadow 0.2s ease-in-out 0.8s;
}
 .bottom .social-buttons-container .social-button .svg {
     width: 15px;
     fill: #00894d;
}
 .bottom .social-buttons-container .social-button:hover {
     background: #000;
}
 .bottom .social-buttons-container .social-button:hover .svg {
     fill: white;
}
 .bottom .social-buttons-container .social-button:active {
     background: #ffea00;
}
 .bottom .social-buttons-container .social-button:active .svg {
     fill: black;
}
 .logo_domain {
     position: absolute;
     right: 0;
     top: 0;
     transform-style: preserve-3d;
}
 .logo_domain .circle {
     display: block;
     position: absolute;
     aspect-ratio: 1;
     border-radius: 50%;
     top: 0;
     right: 0;
     box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0;
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     background: #fede000a;
     transition: 0.5s ease-in-out;
}
 .logo_domain .circle1 {
     width: 170px;
     transform: translate3d(0, 0, 20px);
     top: 8px;
     right: 8px;
}
 .logo_domain .circle2 {
     width: 140px;
     transform: translate3d(0, 0, 40px);
     top: 10px;
     right: 10px;
     -webkit-backdrop-filter: blur(1px);
     backdrop-filter: blur(1px);
     transition-delay: 0.4s;
}
 .logo_domain .circle3, .parent:hover .card_domain .logo_domain .circle2 {
     transform: translate3d(0, 0, 60px);
}
 .logo_domain .circle4, .parent:hover .card_domain .logo_domain .circle3 {
     transform: translate3d(0, 0, 80px);
}
 .logo_domain .circle3 {
     width: 110px;
     top: 17px;
     right: 17px;
     transition-delay: 0.8s;
}
 .logo_domain .circle4 {
     width: 80px;
     top: 23px;
     right: 23px;
     transition-delay: 1.2s;
}
 .logo_domain .circle5 {
     width: 50px;
     transform: translate3d(0, 0, 100px);
     top: 30px;
     right: 30px;
     display: grid;
     place-content: center;
     transition-delay: 1.6s;
}
 .logo_domain .circle5 .svg {
     width: 20px;
     fill: white;
}
 .parent {
     height: 400px;
}
 .parent:hover .card_domain {
     transform: rotate3d(1, 1, 0, 30deg);
     box-shadow: rgba(5, 71, 17, 0.3) 30px 50px 25px -40px, rgba(5, 71, 17, 0.1) 0 25px 30px 0;
}
 .parent:hover .card_domain .bottom .social-buttons-container .social-button {
     transform: translate3d(0, 0, 50px);
     box-shadow: rgba(5, 71, 17, 0.2) -5px 20px 10px 0;
}
 .parent:hover .card_domain .logo_domain .circle4 {
     transform: translate3d(0, 0, 100px);
}
 .parent:hover .card_domain .logo_domain .circle5 {
     transform: translate3d(0, 0, 120px);
}
 .carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #ffbb05;
     padding: 13px;
     border-radius: 32px;
}
 #description {
     font-size: 24px;
}
 .form-wrap {
     background: #fff;
     max-width: 850px;
     padding: 50px;
     margin: 0 auto;
     position: relative;
     border-radius: 10px;
     box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
 .form-group {
     margin-bottom: 25px;
}
 .form-group > label {
     display: block;
     font-size: 18px;
     font-weight: 500;
     color: #000000;
     font-family: "Poppins", sans-serif;
}
 .form-control {
     height: 50px;
     background: #ecf0f4;
     padding: 0 15px;
}
 .form-control:focus {
     border-color: #fede00;
}
 textarea.form-control {
     height: 160px;
     padding-top: 15px;
     resize: none;
}
 .sec-title {
     margin-bottom: 50px;
     position: relative;
}
 .sec-title p {
     font-size: 18px;
     line-height: 28px;
}
 .testimonial-area {
     background: var(--yellow);
     position: relative;
     z-index: 0;
     padding: 90px 0;
}
 .testimonial-area .owl-carousel {
     overflow: hidden;
     padding: 0 40px 0 20px;
     margin: 0 -40px;
}
 .testimonial-area .owl-stage-outer {
     padding: 30px 50px;
     margin-left: -34px;
     width: calc(100% + 100px);
}
 .single-testimonial {
     border: 7px solid #fede00;
     text-align: center;
     border-radius: 45px;
     position: relative;
     z-index: 2;
     height: 335px;
}
 #services_nav .nav-tabs .nav-link:hover, #services_nav button, .box1 {
     border-color: #fede00;
     border-radius: 25px;
}
 .single-testimonial p {
     color: #000;
     font-size: 15px;
     line-height: 24px;
     padding: 49px 54px 34px;
     position: relative;
     z-index: 3;
}
 .single-testimonial::before {
     content: "";
     position: absolute;
     left: -35px;
     top: -35px;
     background: url(assets//icons//quote.png) no-repeat ;
     background-size: 29%;
     width: 126px;
     height: 100px;
     transform: rotate(180deg);
     background-position: 34px 15px;
}
 .single-testimonial::after {
     content: "";
     position: absolute;
     right: -35px;
     bottom: -34px;
     background: url(assets//icons//quote.png) no-repeat;
     background-size: 29%;
     width: 126px;
     height: 100px;
     background-position: 34px 19px;
}
 .round-1::after, .round-1::before, .round-2::after, .round-2::before {
     content: "";
     background: #fede00;
     border-radius: 30px;
     position: absolute;
}
 .round {
     height: 100%;
     position: absolute;
     z-index: 1;
}
 .round-1::before {
     left: 88px;
     top: -7px;
     width: 50px;
     height: 7px;
}
 .round-1::after {
     left: -7px;
     top: 62px;
     width: 7px;
     height: 50px;
}
 .round-2::before {
     right: 87px;
     bottom: -7px;
     width: 50px;
     height: 7px;
     z-index: 1;
}
 .round-2::after {
     right: -7px;
     bottom: 62px;
     width: 7px;
     height: 50px;
     z-index: 1;
}
 .client-video {
     padding-right: 15px;
}
 .client-info a {
     width: 40px;
     height: 40px;
     border-radius: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
     font-size: 22px;
}
 .client-info {
     position: relative;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: left;
     padding-bottom: 50px;
}
 .client-info h6 {
     font-size: 18px;
}
 .client-info span {
     display: inline-block;
     font-size: 12px;
}
 .owl-dots button {
     background: #fede00 ;
     width: 10px;
     height: 10px;
     border-radius: 26px;
     margin: 0 5px;
     transition: 0.3s;
}
 .owl-dots button.owl-dot.active, .owl-nav button {
     background-color: #000;
}
 .owl-dots button.active {
     width: 30px;
}
 .sub_service_bg {
    background: linear-gradient(to left, #f3fff6, #F8DE7E);

}
 .client_numb {
     background-color: #e9e9e9;
}
 .sub_service_bg_explore {
     background-color: #f9f9f9;
     padding: 100px 0;
}
 .box1, .bpo_out_box {
     background: #fede00;
}
 .box_wrapper {
     display: flex;
     gap: 10px;
     margin-bottom: 10px;
}
 .box1 {
     border-style: solid;
     padding: 10px;
     height: 300px;
}
 .dm-feat-box {
     width: 100%;
     position: relative;
     justify-content: center;
     padding: 10px;
     text-align: center;
}
 .dm-feat-box .fa-regular, .dm-feat-box .fa-solid {
     font-size: 32px;
}
 .dm-feat-box p {
     margin-top: 11px;
}
 #our_range .content {
     position: absolute;
     bottom: 135px;
}
 #our_range .content .title {
     display: block;
     color: #4b4747;
     font-size: 20px;
}
 #our_range .content .text {
     font-size: 14px;
}
 #bpo_Advantages .yellow-box {
     left: 87px;
     height: 60vh;
     width: 40%;
}
 #bpo_Advantages .home_firstsec_img img {
     width: 85%;
     z-index: 0;
     position: relative;
     top: 4%;
     left: 6%;
     height: 402px;
     border-radius: 10px;
     object-fit: cover;
}
 #bpo_Advantages .first_sec_content {
     width: 100%;
     display: grid;
}
 .client_numb .dm-feat-box {
     width: 218px;
     text-align: center;
}
 #services_nav button {
     font-family: "Poppins", sans-serif;
}
 #services_nav .nav-tabs .nav-link:hover {
     background-color: #fede00;
     color: #000;
}
 #services_nav .nav-tabs {
     border-color: #fbfbfb;
     justify-content: center;
     gap: 4px;
}
 .leader_wrapper {
     background-color: #fede00;
}
 .leader_imh {
     position: relative;
     left: 15%;
     border-radius: 25px;
     height: 380px;
     object-fit: contain;
}
 .bpo_out_box, .bpo_out_box_upselling {
     width: 100%;
     border-radius: 20px;
     padding: 12px 19px;
}
 #leader_ship img {
     width: 50%;
     border-radius: 342px;
     height: 256px;
     object-fit: cover;
     box-shadow: 0 0 0 10px #fede00;
}
 #inner_page_padding {
     padding: 80px 125px;
}
 .map_Number_icons {
     position: relative;
     justify-content: center;
     display: flex;
}
 .centered_number_1, .centered_number_2, .centered_number_3 {
     position: absolute;
     top: 57%;
     transform: translate(-50%, -50%);
}
 .map_Number_icons img {
     width: 50%;
}
 .centered_number_1 {
     left: 50%;
}
 .centered_number_2, .centered_number_3 {
     left: 46%;
}
 .para_Bold {
     font-size: 23px;
     line-height: 1.3;
     color: #4b4747;
}
 #accordionPanelsStayOpenExample {
     --bs-accordion-border-color: #fede00;
}
/* .accordion-button:focus {
     z-index: 3;
     outline: 0;
     border-color: #fede00;
     box-shadow: 0 0 0 0.25rem #fede0059;
}
 */
 .bpo_out_service_wrapp {
     display: flex;
     justify-content: space-between;
     gap: 20px;
}
 .ecom_out_service_wrapp {
     display: grid;
     justify-content: space-between;
     gap: 20px;
}
 .ecom_out_box_upselling {
     background: #ffffffde;
     border-radius: 20px;
     padding: 20px;
 
}
 .bpo_out_box_upselling {
     background: #e3e3e3de;
}
 .home_firstsec_img img {
     width: 80%;
     z-index: 0;
     position: relative;
     top: 4%;
     left: 10%;
}
 .home_firstsec_logo_icon {
     width: 66%;
     position: relative;
     left: 131%;
     top: -444px;
}
 .winning_heart p {
     position: relative;
     left: 140%;
     bottom: 40px;
}
 .founder_info {
     padding: 0 0 20px 0;
}
 .owl-nav button {
     color: #fff;
     margin: 0;
     transition: 0.3s ease-in-out;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.38) ;
}
 .owl-nav button.owl-prev {
     left: 0;
}
 .owl-nav button.owl-next {
     right: 0;
}
 .owl-dots {
     margin-top: 50px;
     text-align: center;
     padding-top: 15px;
}
 .owl-dots button.owl-dot {
     width: 15px;
     height: 15px;
     border-radius: 50%;
     display: inline-block;
     background: #ccc;
     margin: 0 3px;
}
 .owl-dots button.owl-dot:focus, .owl-nav button:focus {
     outline: 0;
}
 .kill_vish .card .card-text {
     position: relative;
     color: #000;
     top: 5px;
     text-align: center;
}
 #shakti_Man .card {
     transition: none;
}
 .kill_vish .card {
     padding: 10px;
     border-radius: 115px;
     text-align: center;
     border-color: #fede0000;
     height: 255px;
     overflow: hidden;
     transition: 2s;
}
 .card-title.card-tt{
     color: #000 !important;
     position: relative;
}
 .killvish_p {
     font-size: 13px;
     color: #000;
     position: relative;
     top: 18px;
}
 .kill_vish .card img {
     border-radius: 115px;
     box-shadow: 0 1px 9px #fede00;
     width: 80%;
    /*height: 237px;
    */
     left: 10%;
     position: relative;
}
 .certification_box {
     text-align: center;
     width: 80%;
}
 .certification_box img {
     width: 300px;
}
 .certification_content {
     background-color: #f5f5f5;
     padding: 30px;
     height: 195px;
}
 .bpo_tab {
     padding: 30px 100px;
}
 .sercvicesICon {
     width: 65%;
}
 .top_button {
     position: relative;
     top: 9px;
     color: #5d5656;
     text-decoration: none;
     background: #fede00;
     padding: 13px;
     border-radius: 25px;
}
 .blog_detail img {
     width: 100%;
     filter: brightness(0.5);
}
 .blog_img_title {
     position: relative;
     text-align: center;
     color: #fff;
}
 .blog_img_title .centered_blog_title {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .cls-image {
     border-radius: 30px;
     box-shadow: 7px 6px 5px #fede0078;
     height: 326px;
     width: 557px;
     object-fit: cover;
     border-radius: 30px;
}
 .sec-common-cs {
     padding: 90px 70px;
}
 .sec-common-cs .sec-p {
     font-size: 17px;
     text-align: justify;
     line-height: 35px;
}
 .dropdown:hover .dropdown-menu {
     display: block;
}
 .custom_text {
     font-size: 30px;
     line-height: 30px;
}
 .about-video-section {
     padding: 90px 0;
}

 .card .card-body .card-title p.card-text {
     position: relative;
     line-height: 29px;
     color: var(--color-five);
     font-size: 15px;
     text-align: justify;
}
 .lkg .btn-yellow {
     position: relative;
     color: #000000;
     background: #fede00;
}
 .btn:hover {
     color: var(--bs-btn-hover-color);
     background-color: #fff ;
     border-color: #ffffff00;
}
 .item.item-2 {
     width: 300px ;
     height: 400px ;
     margin: 10px;
     border: none;
}
 .item .card {
     width: 454px;
     height: 400px;
     border: none;
     overflow: hidden;
     border-radius: 26px;
}
 .item .card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 #services_cardBOdy .card-body, .ukg .card-body {
     position: absolute;
     bottom: 1px;
     border-radius: 0 0 25px 25px;
     background: #000000b3 !important;
}
 .card::before {
     position: absolute;
     content: "";
     /* background: #00000070; */
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
    /* border-radius: 21px;
     */
}
 #services_nav button {
     font-family: "Poppins", sans-serif;
     color: #000000 ;
     padding: 10px 7px;
}

 #services_nav button {
     font-family: "Poppins", sans-serif;
     color: #000000 ;
     font-size: 13px;
}
 .section-slider {
     padding: 90px 0 53px 3px;
}
 #green {
     display: none;
     padding: 10px;
}
 #red {
     display: none;
     padding: 10px;
}
 h1 {
     line-height: 54px;
     font-size: 50px;
     margin: 0 0 12px 0;
}
 .custom_text {
     font-size: 26px;
     line-height: 34px;
}
 p {
     position: relative;
     line-height: 30px;
     color: var(--color-five);
     font-size: 17px;
}
/* .section-slider {
     padding: 24px 97px;
}
 */
 .sec-common-cs {
     padding: 90px 178px;
}
 .a.active {
     color: rgb(240, 240, 240);
     background-color: #000 ;
}
 .sticky-nav-tabs-container .sticky-nav-tab.active {
     color: rgb(0, 0, 0);
     background-color: #fede00 ;
     border: none;
}
 .main-content-p {
     font-size: 16px;
     line-height: 33px;
     font-weight: 600;
}
 .key-title {
     color: #000;
     font-size: 30px;
     padding: 22px 0 0 0;
}
 .section-cover-dv {
     display: flex;
     justify-content: start;
     align-items: start;
}
 body {
     font-family: "Poppins", sans-serif;
}
 .one-h1 ,.two-h2,.three-p{
     color:#000000 !important;
}
 .three-p{
     font-size: 14px;
     text-align: justify;
     line-height: 36px;
}
 .three-p-2 {
     line-height: 35px !important;
}
 .two-h2 {
     font-size: 26px;
     font-weight: 700;
}
 .two-h2 a {
    color: #000;
}
 a {
     text-decoration: none;
     
}
 .spa-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     padding: 0 2em;
     height: 75px;
     z-index: 2;
     -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
 .spa-header--scrolled {
     background: #fafafa;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
 .spa-header--move-up {
     -webkit-transform: translateY(-75px);
     transform: translateY(-75px);
     -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
 .spa-header__logo {
     color: #000;
}
 .spa-header__link {
     margin-left: 1em;
     color: #000;
}
 .sticky-nav-tabs, .spa-slide {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     background: #fff;
     text-align: center;
     padding: 0 2em;
}
 .sticky-nav-tabs h1, .spa-slide h1 {
     margin: 0;
}
 .sticky-nav-tabs h3, .spa-slide h3 {
     font-size: 1rem;
     letter-spacing: 0.3rem;
     opacity: 0.6;
}
 .sticky-nav-tabs-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 80px;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
     */
     background: #fff;
     z-index: 22 !important;
     -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
     padding: 0 50px;
}
 .sticky-nav-tabs-container--top-first {
     position: fixed !important;
     top: 75px !important;
     -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
 .sticky-nav-tabs-container--top-second {
     position: fixed;
     top: 0;
}
 .sticky-nav-tab {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border: 1px solid #fede00 !important;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     color: #000;
     letter-spacing: 0.1rem;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
    /* font-size: 1.2rem ;
     */
     font-weight: 400;
     border-radius: 18px;
     margin: 15px 43px;
     padding: 0 30px;
     border-color: #fede00;
     font-family: "Poppins", sans-serif;
     border: 1px solid;
}
 .sticky-nav-tab:hover {
     color: white;
     background:#fbdb00;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .sticky-nav-tab-slider {
     position: absolute;
     bottom: 0;
     width: 0;
     height: 6px;
     background: #fede00;
     -webkit-transition: left 0.3s ease;
     transition: left 0.3s ease;
}

 h2 {
     position: relative;
     color: #ffbb05;
     font-family: "Poppins", sans-serif;
     font-weight:500;
     z-index: 2;
}
 .software-sec {
     padding: 80px 85px 0 78px;
}
 .software-sec .software-innner {
     border-radius:20px;
     padding: 40px 20px ;
     margin: 10px 0;
     animation: fadeInRight 1s ease-in-out;
     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
     margin: 26px 0;
}
 @keyframes fadeInRight {
     from {
         opacity: 0;
         transform: translateX(300px);
    }
     to {
         opacity: 1;
    }
}
 .software-sec .software-innner-2 {
     border-radius:20px;
     padding: 30px 40px ;
     margin: 10px 0;
     box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);
     animation: fadeInRight2 1s ease-in-out;
}
 @keyframes fadeInRight2 {
     from {
         opacity: 0;
         transform: translateX(-300px);
    }
     to {
         opacity: 1;
    }
}
 .software-sec .software-innner-2 .software-innner-2-sec-1 {
     padding: 14px;
     border-radius:20px;
}
 .software-sec .software-innner-2 .software-innner-2-sec-2 {
     padding: 14px;
     border-radius:20px;
}
 .service-sec{
     padding: 80px 0 0 0;
}
 .card,.card-body {
    border: none !important;
    /* border-radius: 0 0 10px 10px !important; */
}

 .card-img-overlay {
     position: absolute;
     top: auto;
     text-align: center;
     right: 0;
     bottom: 135px;
     left: 0;
     padding: var(--bs-card-img-overlay-padding);
     border-radius: var(--bs-card-inner-border-radius);
}
 .card-t::before {
     position: absolute;
     content: '';
     background: #ffffffc7 !important;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
 .card::before {
     position: absolute;
     content: '';
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
}
 .insit {
     background: #fede00;
     color: #000000;
     padding: 10px 15px;
     border: none;
     font-size: 12px;
     text-transform: capitalize;
     border-radius: 12px;
}
 .card-img-overlay::before {
     position: absolute;
     content: '';
     top: 0;
     bottom: 0;
     left: 0;
     z-index: 0;
     right: 0;
     background: #000000ba;
}
 .card-title {
     position: relative;
}
 .sticky-nav-tabs-container--top-second {
     position: fixed !important;
     top: 90px !important;
}
 .it-solu{
     border-radius: 30px;
     box-shadow: 7px 6px 5px #91919178;
}
 .software-innner-dv {
    /* background: #f9f9f9;
     */
     padding: 18px;
     border-radius: 8px;
}
 .software-innner-dv.software-innner-dv-2 {
     background: #fff;
     padding: 18px;
     border-radius: 8px;
}
 .two-h2.two-h2-2 {
     font-size: 20px ;
     line-height: 34px;
}
 .software-cover-h a span.tal-e{
     color: #000 !important;
     font-size: 17px;
     letter-spacing: 1px;
}
 .software-sec .new-cls span {
     color: #fbdb00;
     font-size: 19px;
     display: inline-block;
     margin: 0 0 5px 0;
}
 .software-sec .new-cls {
     font-size:35px;
     color: #000;
     margin: 0 0 7px 8px;
}
 .cover{
     padding: 40px 60px;
     border-radius: 8px;
     animation: fadeInRight 1s ease-in-out;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
 .cover-section-1 {
     position: relative;
     display: flex;
}
 .cover-section-2{
     position: relative;
}
 .cover-section-2::before{
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     border-left: 3px solid #fede00;
     border-bottom: 3px solid #fede00;
}
 .cover-section-3{
     position: relative;
}
 .cover-section-3::after{
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     border-right: 3px solid #fede00;
     border-bottom: 3px solid #fede00;
}
 .cover-upper-mobile-sec{
     display: flex;
     justify-content: center;
}
 .nav-pills .nav-link{
     font-size: 15px;
     text-align: left;
     padding: 17px 11px ;
     font-family: "Poppins", sans-serif;
     border: 1px solid #000 !important;
     margin: 5px 0;
     color: #000;
}
 .nav-pills .nav-link.active{
     color: #000 !important;
     background-color: #ffffff !important;
     border-radius: 0.375rem;
     width: 414px ;
     font-weight: 600;
     font-family: "Poppins", sans-serif;
}
 .nav-link {
     color: #000;
}
 .new {
     padding: 0 0 0 19px;
}
 .software-innner {
     border-radius:20px;
     padding: 40px 20px ;
     margin: 10px 0;
     animation: fadeInRight 1s ease-in-out;
     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
     margin: 10px 0;
}
 .nav-link:hover {
     color: #000000 !important;
}
 .mobile-application-cover p {
     font-size: 14px;
     text-align: justify;
     line-height: 32px;
     color: #000;
}
 .mobile-application-cover h4 {
     color: #000;
}
 .mobile-applica-sec {
     background: linear-gradient(0deg, rgb(6 6 6 / 24%) 0%, rgba(254, 222, 0, 1) 100%, rgb(0, 0, 0));
     padding:40px 90px;
     background-repeat: no-repeat;
     background-position-y: 40%;
     margin: 53px 0 53px 0;
}
 .img-cov-sec-main{
     position: relative;
}
 .img-cov-sec{
     background: #fff;
     display: grid;
     place-content: center;
     width: fit-content;
     position: absolute;
     top: -82px;
     z-index: 1;
}
 .img-cov-sec::before{
     content: '';
     position: absolute;
     top: -13px;
     width: 92px;
     height: 70px;
     left: -16px;
     background-color: #fede00;
     z-index: -1;
}
 .img-cov-sec::after{
     content: '';
     position: absolute;
     bottom: -16px;
     width: 92px;
     height: 70px;
     right: -18px;
     background-color: #fede00;
     z-index: -3;
}
 .software-innner.software-innner-cs {
     background: rgb(254,246,189);
     background: linear-gradient(0deg, rgba(254,246,189,1) 0%, rgba(255,255,255,1) 100%);
     padding: 0 37px 19px 37px;
}
 .cover-dv-2 {
     padding: 6px 15px;
     display: flex;
     justify-content: flex-start;
     background: #fede00;
     width: fit-content;
     border-radius: 13px;
     margin: 0 0 6px 0;
     align-items: baseline;
}
 .cover-dv-2 .two-h3{
     font-size: 15px;
     font-weight: 700;
     color: #000;
     padding: 8px 0 0 5px;
}
 .f-cls{
     font-size: 19px;
     padding: 2px 0 0 0;
     margin:4px 7px 0 0;
}
 .slider-cover-2 {
     padding: 45px;
     display: none;
}
 .client-h {
     text-align: center;
     font-size: 36px;
     line-height: 46px;
}
 .client-cs{
     background: linear-gradient(0deg, rgb(6 6 6 / 24%) 0%, rgba(254, 222, 0, 1) 100%, rgb(0, 0, 0));
     padding: 60px 20px;
}
 .high-quality {
     padding: 70px 0;
     background: #f7f7f7;
}
 .about-video-section .main-content-p-2 {
     font-size: 15px;
     text-align: justify;
}
 .btn:hover {
     background-color: #fff !important;
     color: #000 !important;
}
 .icon-imge{
     width: 30px;
}
 .star{
     font-size: 14px;
     color: red;
}
 .cls-main-2 {
     display: none;
}
 .software-cover-h {
     display: flex;
     gap: 15px;
     margin: 12px 0 0 0;
}
 .centered_number > p > b {
     font-size: 27px;
     color: #000;
}
 .centered_number > p {
     font-size: 16px;
}
 

.smo-main   {
     background: linear-gradient(0deg, rgb(6 6 6 / 24%) 0%, rgba(254, 222, 0, 1) 100%, rgb(0, 0, 0));
     padding: 80px 0;
}
.smo-main  .card-one {
     background-color: #ffffff !important;
     border-radius: 20px !important;
     border: 1px solid #fede00 !important;
     overflow: hidden;
     padding: 10px;
}
.smo-main  .card-one .card-one-icon {
     width: 25%;
     display: block;
     margin: 0 auto;
}
.smo-main  .card-one  p{
   font-size: 16px ;
   color: #000;
   text-align: center;
   padding: 10px 0 0 0;
}
.logic-sec {
     padding: 120px 0;
}
.soc-ms {
     
}
.section-ab-dv {
     margin: 60px 0 0 0;
}

.our-poftfolio {
     padding: 80px 0;
}
.pflip-card {
     background-color: transparent;
     height: 300px;
     perspective: 1000px;
       
   }
  .pflip-card  .pflip-card-inner   .pflip-card-front {
     width: 386px;
     
   }
   .pflip-card  .pflip-card-inner   .pflip-card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;

   }
   
   .pflip-card-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.6s;
     transform-style: preserve-3d;
     /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
   }
   
   .pflip-card:hover .pflip-card-inner {
     transform: rotateY(180deg);
   }
   
   .pflip-card-front, .pflip-card-back {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
   }
   
   .pflip-card-front {
     background-color: #bbb;
     color: black;
      border-radius:10px;
   
   }
   
   .pflip-card-back {
     background-color: #FFED00F2;
     color: white;
     transform: rotateY(180deg);
     border-radius:10px;
     padding:10px;
   
     }

     .footer-social-media {
          padding: 0 21px;
      }
      #shakti_Man .card:hover{
          height:fit-content;
          background-color: #fede00 !important;
      }
      .team-sec{
         background-color: #f9f9f9;
      }
      .sub_service_bg {
      background: linear-gradient(0deg, rgb(6 6 6 / 24%) 0%, rgb(254 190 5) 100%, rgb(0, 0, 0));
}


      .about-video-section .first_sec_content strong {
          font-size: 35px;
          line-height: 45px;
      }
      .about-video-section .first_sec_content h1 {
          font-size: 22px;
          line-height: 29px;
      }

      .firstSection {
          position: relative;
      }
      .firstSection  .home-page{
          position: absolute;
    content: '';
    top: 69%;
    right: 461px;
    left: auto;
    width: 195px;
    border: navajowhite;
    padding: 9px 0;
    background-color: #fff;
    color: #000;
    z-index: 10;
    border-radius: 20px;
      }
      .firstSection  .home-page a { 
          color: #000;
          font-weight: 600;
          font-family: "Poppins";
      } 
      /* .firstSection  .home-page:hover {
          background-color: #000;
          color: #fff;
      } */

      .cert-dv {
        display: flex;
        gap: 14px;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 0 25px 0;
        justify-content: center;
    }

    #button88 {
        display: inline-block;
        background-color: #000;
        width: 50px;
        height: 50px;
        text-align: center;
        position: fixed;
        bottom: 79px;
        right: 25px;
        transition: background-color .3s, 
        opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
      }
      #button88::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 1.3em;
        line-height: 50px;
        color: #fff;
      }
      #button88:hover {
        cursor: pointer;
       
      }
      #button88:active {
        background-color: #fede00;
      }
      #button88.show {
        opacity: 1;
        visibility: visible;
        border-radius: 100%;
      }

      .btn-whatsapp-pulse33 {
        background: #25d366;
        color: white;
        position: fixed;    
        bottom: 167px;
        right: 20px;
        font-size: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 0;
        height: 0;
        padding: 25px;
        text-decoration: none;
        border-radius: 50%;
        animation-name: pulse;
        animation-duration: 1.5s;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
    }
    
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
        }
        80% {
            box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
        }
    }
    
    .btn-whatsapp-pulse-border {
        bottom: 120px;
        right: 20px;
        animation-play-state: paused;
    }
    
    .btn-whatsapp-pulse-border::before {
        content: "";
        position: absolute;
        border-radius: 50%;
        padding: 25px;
        border: 5px solid #25d366;
        opacity: 0.75;
        animation-name: pulse-border;
        animation-duration: 1.5s;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
    }
    
    @keyframes pulse-border {
        0% {
            padding: 25px;
            opacity: 0.75;
        }
        75% {
            padding: 50px;
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    
    .sec-10 {
        background-color: #4c4c4c;
        padding: 75px 0;
    }
    .sub_service_bg.sub_service_bg-image {
        background-image: url('assets/bpo/uae.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .sec-11 {
        padding: 60px 0;
    }
    .two-h23{
        font-size: 45px;
        
    }
    .three-p.three-p4 {
        font-size: 16px;
        text-align: center;
        color:#fff !important;
            }

            .sub_service_bg3  {
                background: #1886f3;  
                padding: 70px;
            }
.h-3{
    font-size: 22px;
}
         

.sec-why{
    background-color: #fff;
    padding: 40px 0;
}

strong {
    color: #000;
}
.custom_text.custom_text3 {
    color: #000000;
    font-size: 27px;
}
.p-tg{
    font-size: 40px ;
}

.text-jf {
    text-align: justify;
}


.project-dv {
   padding: 120px 0;
    text-align: center;
    background: url("assets/bpo/transforming-lives.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.project-dv2 {
   padding: 120px 0;
    text-align: center;
    background: url("assets/bpo/transforming-lives.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.feature {
    box-shadow: -2px 4px 5px 5px #160b0b42;
    /* background: linear-gradient(to right, #f3fff6, #F8DE7E); */
    background-color:#fff;
    transition: 0.3s ease-in-out;
    border-radius: 15px ;
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid #fede00;
    border-left: 4px solid #fede00;
}




/* Closing Text */
.closing {
    font-size: 18px;
    margin-top: 20px;
}

.cta-wrapper {
    background: linear-gradient(to right, #B2BEB5, #F8DE7E);
    padding: 50px 0;
}

.cta-wrapper .be-1 {
    font-size: 35px;
    font-weight: 500;
    padding: 0 0 20px 0 ;
    text-align: center;
}
  

.join-us {
    background: transparent;
    padding: 6px 28px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #000;
    border-radius: 10px;
}
.join-us:hover {
    background: #000;
    color: #fff;
  
}


 .join-us  a{
    color:#000;
}
.join-us:hover a{
    color:#ffffff;
}

section  .feature .h-3 {
    font-size: 16px;
}
section  .feature p {
    font-size: 14px;
}


.bpo-servcies-19 {
    background: aliceblue;
}


.bpo-ct{
    width: 67px;
    padding: 0 0 6px 9px
}

.te-t {
    line-height: 26px;
}
.btn-style-one {
    background-color: #25d366 !important;
}
.fa-brands.fa-whatsapp.f2{
    color: #000 ;
}

.box-cover{
    display: flex;
    max-width: 400px;
    margin: 0 auto;
}

.serv-cover{
    padding: 22px 35px;
}

.cover-sc {
    text-align: justify;
    padding: 10px;
    box-shadow: 5px 5px 5px #dedede;
    border-radius: 10px;
    border: 1px solid #ffbb05;
    border-left: 4px solid #ffbb05;
    background: linear-gradient(to left, #f3fff6, #F8DE7E);
}
.cover-sc h6 {
 color: #000;

}
.cover-sc p{
 color: #000;
}






.footer-p1 {
    color: #fff;
 
}
.footer_indus_links > li {
  color: #000;   
}

.why-sc{
    background: aliceblue;
}

.dc {
    padding: 9px 14px 0 5px;
    font-size: 19px;
}
.cover-gim{
    width: 297px;
    height: 297px;
    padding: 0px;
    border: 4px double #fec207;
    margin: 0 0 12px 0;
    border-radius: 4px;
    box-shadow: 5px 5px 5px #dedede;
    background: #e5d58d;
}
.cover-gim img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery {
    padding: 37px 0;
}
.gallery  h2 {
    font-size:40px;
}

.ga {
    background: transparent;
    padding: 6px 14px;
    text-transform: capitalize;
    color: #000;
    border: 1px solid;
    border-radius: 3px;
}
.ga a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}
.ga .fn {
    padding: 0 0 0 6px;
}
.btn {
    background: #f6bf15 !important;
}

.cover-sc.f-sc {
    width: 609px;
    margin: 0 auto;
}

.de{
    padding: 60px 0;
}
.e-com {
    padding: 60px 0;
}
.sec-why-2{
    padding: 20px 0 27px 0;
}

.card-cv {
    border-radius: 100% !important;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-left: 2px solid #fdbc02 !important;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}



.card.why-dc:hover  .card-cv {    
    filter: grayscale(0%);
}
.card-cv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
/* //////////// */
.card.why-dc {
    box-shadow: 5px 5px 5px #dedede;
    background: #fff;
    padding: 18px 0 0 0;
    transition: border-color 0.5s ease-in-out;
    border-left: 2px solid  #febe05 !important; /* Add a default border */

}
.why-dc {
 position: relative;
}
.why-dc .inner-sd {
 transform: scale(0.9);
 transition-duration: 0.7s;
}
.why-dc:hover .inner-sd {
 transform: scale(1);
 transition-duration: 0.7s;
}

.why-dc:hover {
transition-duration: 0.7s;
border: 1px solid #0000  !important;
}
.why-dc::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 0;
    z-index: 0;
    background-color: #febe0570;
    overflow: hidden;
    border-radius: 10px;
}
.why-dc:hover::before {
width: 355px;
transition-duration: 0.7s;
}



.why-dc:hover {
    animation: borderColorChange 3s infinite !important; /* Apply animation on hover */
  }

  @keyframes borderColorChange {
    0% {
      border-color: #0fff02 ;
    }
    33% {
      border-color: #000;
    }
    66% {
      border-color: #62ff00;
    }
    100% {
      border-color: #000;
    }
  }

.card-text.ct-text {
    color: #000;
}

.card-body.cardb {
    padding: 9px 15px;
    height: 180px;
}



.wrap .card-cv {
    position: relative;
  }
  
  .wrap .card-cv:before {
    content: "";
    position: absolute;
    width: 199%;
    height: 210%;
    top: -17px;
    border-radius: 11px;
    left: -89px;
    right: 0;   
    background: linear-gradient(to right, blue 0%, blue 100%),
                linear-gradient(to top, blue 50%, transparent 50%),
                linear-gradient(to top, blue 50%, transparent 50%),
                linear-gradient(to right, blue 0%, blue 100%),
                linear-gradient(to left, blue 0%, blue 100%);
    background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
    background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
    background-repeat: no-repeat;
    transition: transform 0.3s ease-in-out,
                background-position 0.3s ease-in-out,
                background-size 0.3s ease-in-out;
    transform: scaleX(0) rotate(0deg);
    transition-delay: 0.6s, 0.3s, 0s;
  }
  
  .wrap .card-cv:hover:before {
    background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    transform: scaleX(1) rotate(0deg);
    transition-delay: 0s, 0.3s, 0.6s;
  }
  
  .wrap .card-cv:nth-of-type(2):before {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px;
    background: linear-gradient(to right, #222 0%, #222 100%),
                linear-gradient(to top, #222 50%, transparent 50%),
                linear-gradient(to top, #222 50%, transparent 50%),
                linear-gradient(to right, #222 0%, #222 100%),
                linear-gradient(to left, #222 0%, #222 100%);
    background-size: 100% 4px, 4px 200%, 4px 200%, 0% 4px, 0% 4px;
    transform: scaleX(0) rotate(180deg);
    transition-delay: 0.4s, 0.2s, 0s;
  }
  
  .wrap .card-cv:nth-of-type(2):hover:before {
    background-size: 200% 4px, 4px 400%, 4px 400%, 55% 4px, 55% 4px;
    transform: scaleX(1) rotate(180deg);
    transition-delay: 0s, 0.2s, 0.4s;
  }
  
  .wrap .card-cv:nth-of-type(3):before {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    mask: linear-gradient(to right, #000 0%, #000 100%),
          linear-gradient(to top, #000 50%, transparent 50%),
          linear-gradient(to top, #000 50%, transparent 50%),
          linear-gradient(to right, #000 0%, #000 100%),
          linear-gradient(to left, #000 0%, #000 100%);
    mask-size: 100% 10px, 10px 200%, 10px 200%, 0% 10px, 0% 10px;
    mask-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
    mask-repeat: no-repeat;
    transition: transform 0.4s ease-in-out,
                mask-position 0.4s ease-in-out,
                mask-size 0.4s ease-in-out;
    transform: scaleX(0) rotate(0deg);
    transition-delay: 0.8s, 0.4s, 0s;
    background: linear-gradient(to bottom, #40e0d0, #ff8c00, #ff0080);
  }
  
  .wrap .card-cv:nth-of-type(3):hover:before {
    mask-size: 200% 10px, 10px 400%, 10px 400%, 55% 10px, 55% 10px;
    mask-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    transform: scaleX(1) rotate(0deg);
    transition-delay: 0s, 0.4s, 0.8s;
  }
  
  .wrap div:nth-of-type(3) {
    align-self: flex-end;
  }
  .card-team {
    background: #febe05;
}   
.card-img-top2 {
    background: #00000069;
    padding: 2px 2px 0 2px;
    margin: 11px 0 0 0;
    border-radius: 100%;
    height: 180px ;
    width: 180px;
    margin: 0 auto;
    filter: grayscale(100%);
}
.card-img-top2  img {
    width: 100%;
    height: 100%;
object-fit: cover;
}
.card:hover  .card-img-top2 {
    filter: grayscale(0);
}

.bg-card-2 {
    background-color: #dadada !important;
    box-shadow: 5px 5px 5px 5px #dededede;
}

.wt {
    width: 36%;
}
.box-cover2{
    display: flex;
}