/* Banner CSS Start  */
.banner-sec {
    background-image: url(../images/banner-bg.png);
    background-repeat: no-repeat;
    background-position: center -130px;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.banner-sec .banner-txt-bx {
    text-align: center;
}

.banner-sec .banner-txt-bx .main-heading {
    margin-bottom: 30px;
}

.banner-sec .banner-txt-bx .default-para {
    margin-bottom: 20px;
}

.solutions-slider-bx {
    margin-top: 50px;
    background-color: rgba(17, 17, 17, 0.65);
    padding: 50px 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 100px;
}

.solutions-btn {
    display: inline-block;
    text-decoration: none;
    font-size: var(--f-s-22);
    font-weight: var(--fontRegular);
    font-family: var(--fontPoppins);
    background-color: rgba(20, 20, 20, 0.7);
    color: var(--color-white);
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    padding: 12px 30px;
    width: 100%;
    text-align: center;
}

.swiper-button-next {
    width: 25px;
    height: 8px;
    top: 45%;
    right: 50px;
}

.swiper-button-next:after {
    content: url('../images/right-arrow.svg');
    width: 25px;
    height: 8px;
}

.swiper-button-prev {
    width: 25px;
    height: 8px;
    top: 45%;
    left: 50px;
}

.swiper-button-prev:after {
    content: url('../images/left-arrow.svg');
    width: 25px;
    height: 8px;
}
/* Banner CSS End  */

/* Why US Sec CSS Start  */
.why-us-and-client-sec {
    background-color: var(--color-lightblack);
    padding: 120px 0;
    margin-top: 150px;
    border-radius: 60px;
}


.why-us-sec .why-us-stats .col-12:nth-child(1), .why-us-sec .why-us-stats .col-12:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    padding-bottom: 17px;
}

.why-us-sec .why-us-stats .col-12:nth-child(1), .why-us-sec .why-us-stats .col-12:nth-child(3) {
    border-right: 1px solid rgba(255, 255, 255, 0.45);
}

.why-us-sec .why-us-stats .col-12:nth-child(3), .why-us-sec .why-us-stats .col-12:nth-child(4) {
    padding-top: 17px;
}

.why-us-sec .why-us-stats .col-12:nth-child(2), .why-us-sec .why-us-stats .col-12:nth-child(4) {
    padding-left: 70px;
}


.why-us-sec .why-us-stats .why-us-content-bx {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.why-us-sec .why-us-stats .why-us-content-bx .default-heading {
    color: var(--color-blue);
    margin-bottom: 0;
}

.why-us-sec .why-us-stats .why-us-content-bx .why-us-para {
    color: var(--color-white);
    font-size: var(--f-s-22);
    margin-bottom: 0;
}

/* Why US Sec CSS End  */

/* Clients Sec CSS Start  */
.client-sec {
    position: relative;
    margin-top: 140px;
}

.client-sec .clients-txt-bx {
    text-align: center;
}

.client-sec .clients-slider-bx {
    margin-top: 60px;
}

.client-sec .clients-txt-bx .heading-line {
    margin: 0 auto;
}

.client-sec .clientsSwiper .client-bx {
    /* background-color: var(--color-white); */
    width: fit-content;
    margin: 0 auto;
    border-radius: 12px;
    border: 1px solid var(--color-white);
    padding: 11px;
}

.client-sec .swiper-button-next {
    top: 74%;
    right:200px;
}

.client-sec .swiper-button-prev {
    top: 74%;
    left: 200px;
}


.client-sec .clientsSwiper .swiper-slide {
   text-align: center;
}

.client-sec .clientsSwiper .client-img {
    background-color: var(--color-white);
    border-radius: 12px;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Clients Sec CSS End  */


/* Offering Sec CSS Start  */
.offering-and-tech-sec {
    background-image: url(../images/offering-bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}

.offering-sec .offering-row {
    padding: 250px 0;
}

.offering-sec .offering-slider {
    margin-top: 70px;
    display: grid;
}

.offering-sec .offering-txt-bx {
    text-align: center;
}

.offering-sec .offering-txt-bx img {
    margin: 0 auto;
}

.offering-sec .offeringSwiper .offering-bx {
    background-color: var(--color-lightblack);
}

.offering-sec .offeringSwiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 500px;
    padding: 10px 0;
}

.offering-sec .offeringSwiper .xk-offer-bx {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    height: 100%;
    cursor: pointer;
    color: var(--color-white);
}

.offering-sec .offeringSwiper .offer-left-bx {
    display: flex;
    align-items: center;
    gap: 15px;
}

.offering-sec .offeringSwiper .offer-left-bx h5 {
    font-size: var(--f-s-24);
    margin-bottom: 0;
}

.offering-sec .offeringSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: var(--color-lightblack);
    height: calc((100% - 60px) / 3) !important;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    border: 1px solid var(--color-lightblack);;
}

.offering-sec .offeringSwiper .swiper-slide .offer-right-bx img { 
    transition: all 0.3s ease;
    filter: brightness(0) invert(1);
}

.offering-sec .offeringSwiper .swiper-slide:hover { 
    border: 1px solid var(--color-white);;
}

.offering-sec .offeringSwiper .swiper-slide:hover .offer-right-bx img { 
    transform: rotate(45deg);
}

.offering-sec .offer-pagination-bx {
    margin-top: 100px;
    position: relative;
}
/* Offering Sec CSS End  */


/* Tech Sec CSS Start  */
.techs-sec .tech-slider-bx {
    padding-top: 20px;
    /* padding-bottom: 200px; */
}

.techs-sec .tech-txt-bx {
    text-align: center;
}

.techs-sec .tech-txt-bx img {
    margin: 0 auto;
}


.techs-sec .marquee_container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    /* background: #ff5c5c; */
    padding: 0.2rem 0;
    display: flex;
    gap: 25px;
    margin-top: 50px;
}
.techs-sec .marquee {
    display: flex;
    animation: marquee 20s linear infinite;
    gap: 25px;
}
.xk-marquee .marquee {
    animation: marquee1 20s linear infinite;
}
@keyframes marquee {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-100%, 0, 0);
    }
}

@keyframes marquee1 {
    from {
      transform: translate3d(-100%, 0, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
}

.tech-bx {
    width: 252px;
    height: 66px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background-color: rgba(20, 20, 20, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 60px;
}

.tech-bx p {
    color: var(--color-white);
    font-size: var(--f-s-24);
    font-family: var(--fontPoppins);
    font-weight: var(--fontRegular);
    margin-bottom: 0;
}
/* Tech Sec CSS End  */

/* FAQs Sec CSS Start  */
.faqs-sec {
    background-color: var(--color-lightblack);
    padding: 150px 0;
    margin-top: 250px;
    border-radius: 60px 60px 0 0;
}

.faqs-sec .faqs-txt-bx {
    text-align: center;
}

.faqs-sec .faqs-txt-bx img {
    margin: 0 auto;
}

.faqs-sec .faqs-bx {
    margin-top: 70px;
}


.faqs-sec .accordion {
    border-color: var(--color-textblack) !important;
    --bs-accordion-border-color: var(--color-textblack) !important;
}

.faqs-sec .accordion-item .accordion-header .accordion-button {
    background-color: var(--color-textblack);
    color: var(--color-white);
    border-radius: 15px !important;
    padding: 30px 35px;
    padding-bottom: 22px;
    font-size: var(--f-s-22);
    font-weight: var(--fontSemiBold);
}


.faqs-sec .accordion-item {
    margin-bottom: 20px;
    border: none;
    border-radius: 15px;
    background-color: var(--color-textblack);
}

.faqs-sec .accordion-item .accordion-button::after {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.accordion-button:focus {
    box-shadow: unset;
}

.faqs-sec .accordion-item .accordion-body {
    background-color: var(--color-textblack);
    color: #B4B4B4;
    border: none;
    border-radius:  15px !important;
    padding: 30px 35px;
    padding-top: 0;
}

.accordion-collapse {
    border-radius:  15px !important;
}

:focus-visible {
    outline: unset;
}

.xk-accordion-para {
    text-align: center;
    margin-top: 60px;
}

.xk-accordion-para a {
    color: var(--color-blue);
}

.xk-accordion-para a:hover {
    /* opacity: 0.8; */
    text-decoration: underline;
}
/* FAQs Sec CSS End  */

/* Customer Sec CSS Start  */
.customer-sec {
    background-color: var(--color-lightblack);
}


.customer-sec .customer-txt-bx {
    text-align: center;
}

.customer-sec .customer-txt-bx img {
    margin: 0 auto;
}

.customer-sec .customer-slider-sec {
    margin-top: 55px;
}

.customer-sec .customer-slider-sec .customer-bx {
    background-color: var(--color-textblack);
    padding: 25px;
    border-radius: 15px;
}

.customer-sec .customer-slider-sec .customer-bx .xk-customer-top-bx {
    display: flex;
    gap: 15px;
}

.customer-sec .customer-slider-sec .customer-bx .xk-customer-top-bx .customer-name {
    color: var(--color-white);
    margin-bottom: 0;
    font-size: var(--f-s-16);
    font-weight: var(--fontMedium);
}

.customer-sec .customer-slider-sec .customer-bx .xk-customer-top-bx .customer-company {
    font-size: var(--f-s-14);
    font-weight: var(--fontRegular);
    color: #B4B4B4;
    margin-bottom: 0;
}

.customer-sec .customer-slider-sec .customer-bx .xk-customer-bottom-bx {
    margin-top: 20px;
}

.customer-sec .customer-slider-sec .customer-bx .xk-customer-bottom-bx .customer-review {
    color: #B4B4B4;
    margin-bottom: 25px;
    font-size: var(--f-s-16);
    font-weight: var(--fontRegular);
}

.xk-cus-pagination-bx {
    margin-top: 80px;
}

.swiper-pagination-bullet {
    width: 43px;
    height: 6px;
    background-color: #A8A8A8;
    border-radius: 25px;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    width: 63px;
    opacity: 1;
    background-color: var(--color-white);
}
/* Customer Sec CSS End  */

/* Consultation Sec CSS Start  */
.consultation-sec .consultation-txt-bx {
    text-align: center;
}

.consultation-sec .consultation-txt-bx img {
    margin: 0 auto;
}

.consultation-sec {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: var(--color-lightblack);
}

.consultation-sec .xk-consult-form .form-control {
    background-color: transparent;
    color: var(--color-white);
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #D9D9D9 !important;
}

.consultation-sec .xk-consult-form label {
    color: #A9A9A9;
}

.form-control:focus {
    color: #A9A9A9;
    background-color: transparent !important;
    border-color: transparent;
    outline: 0;
    box-shadow: unset;
}

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    content: none;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    color: #A9A9A9;
}
/* Consultation Sec CSS End  */

/* Industries Sec CSS Start  */
.industries-sec {
    margin-top: 120px;
}

.industries-sec .industries-txt-bx {
    text-align: center;
}

.industries-sec .industries-txt-bx img {
    margin: 0 auto;
}

.industries-sec .industry-details {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 50px;
}

.industries-sec .industry-details h3 {
    font-size: var(--f-s-24);
}

.industries-sec .industry-details p {
    font-size: var(--f-s-14);
}

@supports selector(::details-content) {
	.industry-details .warning {
		display: none;
	}
}

.industry-details .accordion-wrapper {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	width: min-content;
	margin: 0 auto;
}

.industry-details details {
	display: flex;
	flex-direction: row;

	background: transparent;
	color: white;
	
	height: 30rem;
	border-radius: 2rem;
	overflow: hidden;
	
	/* To make the image work …*/
	position: relative;
	z-index: 1;
	
	/* Hide marker */
	::marker {
		content: '';
	}
	
	/* The image is tucked in the summary, because otherwise it would be hidden when not [open] as it ends up in the ::details-content pseudo */
	summary img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: -1;
		transition: filter 0.5s ease;
        background-color: var(--color-white);
	}
	/* Animate the image */
	&[open] summary img {
		filter: brightness(0.5);
	}
	
	summary {
		padding: 1rem 1em;
		width: 5rem;
		flex-shrink: 0; /* Prevent shrinking */
		text-align: center;
		
		span {
			display: grid;
			place-content: center;
			width: 100%;
			aspect-ratio: 1;
			border-radius: 50%;
			background: rgb(0 0 0 / 0.25);
		}
		
		&:focus {
			outline: none;
		}
	}
	
	.details-content-wrapper {
		padding: 1.5rem 1em;
		width: 300px;
        /* transform: translateY(2rem);
		opacity: 0;
		transition: all 0.5s ease;
		transition-delay: 0.5s; */
	}

    /* &[open] .details-content-wrapper {
        transform: none;
		opacity: 1;
		transition-delay: 0.5s;
	} */
	
	&:hover, &:has(summary:focus) {
		outline: 3px solid cadetblue;
		outline-offset: 3px;
	}
}

.industry-details .details-content-wrapper {
	/* We need margin-trim … */
	:first-child { margin-top: 0; }
	:last-child {	margin-bottom: 0;	}
	
	/* Animate-in the text when open */
	/* p {
		transform: translateY(2rem);
		opacity: 0;
		transition: all 0.5s ease;
		transition-delay: 0.5s;
	}
	
	[open] & p {
		transform: none;
		opacity: 1;
		transition-delay: 0.5s;
	} */
}

/* Animation */
.industry-details ::details-content {
	transition: width 0.5s ease, content-visibility 0.5s ease allow-discrete;
	width: 0;
}

.industry-details [open]::details-content {
	width: 300px;
}

@layer baselayout {
	.industry-details main {
		max-width: 90ch;
		margin: 0 auto;
		padding-bottom: 10rem;
	}

	.industry-details p {
		margin-bottom: 1em;
	}
	
	.industry-details h1, .industry-details h2 {
		margin: 4em 0 1em;
	}
	.industry-details h3 {
		margin: 1em 0 0.5em;
	}
	
	/* .industry-details #demo {
		padding: 1em;
		border: 1px solid #ccc;
		background: #f4f6f9;
	} */
}

@layer warning {
	.industry-details .warning {
		box-sizing: border-box;
		padding: 1em;
		margin: 1em 0;
		border: 1px solid #ccc;
		background: rgba(255 255 205 / 0.8);
	}

	.industry-details .warning > :first-child {
		margin-top: 0;
	}

	.industry-details .warning > :last-child {
		margin-bottom: 0;
	}

	.industry-details .warning a {
		color: blue;
	}
	.industry-details .warning--info {
		border: 1px solid #123456;
		background: rgb(205 230 255 / 0.8);
	}
	.industry-details .warning--alarm {
		border: 1px solid red;
		background: #ff000010;
	}
}

/* Hide a bunch of stuff when embedded */
:root[data-embed="yep"] {
	.industry-details main {
		padding: 2em 1em;
		
		:not(p.warning, p.warning *, #demo, #demo *, #demo ~ p, #demo ~ p *) {
			display: none;
		}
	}
	.industry-details #demo ~ p {
		margin-top: 1em;
		text-align: center;
	}
}
@media (max-width: 768px) {
    .industry-details #demo {
        width: 70%;
    }
  
    .industry-details .accordion-wrapper {
        flex-direction: column; /* Stack the accordions vertically */
        gap: 1rem; /* Maintain spacing between accordions */
        width: 100%; /* Take full width */
    }

    .industry-details details {
        height: auto; /* Adjust height to fit content */
        flex-direction: column; /* Stack summary and details-content */
    }

    .industry-details summary {
        width: 100%; /* Make summary take full width */
        text-align: left; /* Align text to the left */
    }

    .industry-details summary img {
        width: 100%; /* Ensure the image adjusts to the width */
        height: auto; /* Maintain aspect ratio */
    }

    .industry-details .details-content-wrapper {
        width: 100%; /* Adjust to fit parent container */
        padding: 1rem; /* Add padding for better readability */
    }
}
/* Industries Sec CSS End  */


.partners-sec {
    margin: 120px 0;
}

.partners-sec .partners-txt-bx {
    text-align: center;
}

.partners-sec .partners-txt-bx img {
    margin: 0 auto;
}


.partners-sec .partnersSwiper .partner-card {
    background-color: var(--color-textblack);
    padding: 15px;
    border-radius: 15px;
}

.partners-sec .partnersSwiper .partner-card img {
    border-radius: 10px;
}

.partners-sec .partnersSwiper .partner-card h5 {
    color: var(--color-white);
    font-size: var(--f-s-18);
    font-weight: var(--fontRegular);
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 25px;
}

.partners-sec .partnersSwiper .partner-card .xk-partner-name {
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    padding-bottom: 5px;
}

.partners-sec .partnersSwiper .partner-card p {
    color: var(--color-white);
    font-size: var(--f-s-14);
    font-weight: var(--fontRegular);
    line-height: var(--f-s-22);
    margin-top: 15px;
    margin-bottom: 25px;
}

.partners-sec .partnersSwiper .partner-card .standard-btn {
    font-size: var(--f-s-14);
    padding: 11px 26px;
}

.partners-sec .xk-partner-pagination-wrap {
    padding-top: 30px;
}

.partners-sec .swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .projects-sec {
    margin: 120px 0;
}

.xk-box-sec .cv-container {
    /* width: 100vw; */
    height: 80vh;
    display: grid;
    place-items: center;
  }

  .xk-box-sec .carousel {
    transform-style: preserve-3d;
    display: flex;
    width: 400px;
    height: 400px;
    perspective: 1000px;
    transform: rotateX(-10deg);
    user-select: none;
  }

  .xk-box-sec .slide {
    /* pointer-events: none; */
    display: grid;
    place-items: center;
    position: absolute;
    top: 20%;
    left: 50%;
    transform-origin: 50% 50%;
    width: 100% !important;
    height: 100% !important;
  }

  .xk-box-sec .slide button {
    pointer-events: auto; /* Enable interaction for buttons */
    }

  .xk-box-sec .slide:nth-child(1) {
    /* background-color: rgba(122, 155, 235, 1); */
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .xk-box-sec .slide:nth-child(2) {
    /* background-color: rgba(161, 132, 235, 1); */
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .xk-box-sec .slide:nth-child(3) {
    /* background-color: rgba(122, 227, 235, 1); */
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .xk-box-sec .slide:nth-child(4) {
    /* background-color: rgba(148, 235, 122, 1); */
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .xk-box-sec .slide:nth-child(5) {
    /* background-color: rgba(190, 235, 127, 1); */
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .xk-box-sec .slide:nth-child(6) {
    /* background-color: rgba(235, 131, 124, 1); */
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  .xk-box-sec {
    margin-top: 0 !important;
  }

  .xk-box-sec video {
    width: 100%;
    margin-top: -10px;
  }

  .xk-box-sec .cv-main-box {
    width: 100% !important;
  }

.xk-box-sec .cv-main-box .elementor-element-populated {
    margin: 0 !important;
}

.xk-box-sec .title {
    color: var(--color-white) !important;
    margin-bottom: 0;
}

.xk-box-sec p {
    color: var(--color-white) !important;
    margin-bottom: 0;
}

.xk-box-sec .standard-btn {
    display: inline-block;
    margin-bottom: 15px;
    font-size: var(--f-s-12);
    padding: 10px 30px;
}


@media (max-width:767px) {
    .banner-sec {
        background-position: -500px 240px;
    }

    .banner-sec .swiper-button-prev, .banner-sec .swiper-button-next {
        display: none;
    }

    .banner-sec .banner-txt-bx .main-heading {
        margin-bottom: 15px;
    }

    .why-us-and-client-sec {
        padding: 100px 0;
        margin-top: 100px;
        border-radius: 35px;
    }

    .why-us-sec .why-us-stats .why-us-content-bx .why-us-para {
        color: var(--color-white);
        font-size: var(--f-s-16);
    }

    .why-us-txt{ 
        text-align: center;
    }

    .why-us-txt .heading-wrap img{
        margin: 0 auto;
    }

    .why-us-sec .why-us-stats .why-us-content-bx {
        justify-content: center;
    }

    .why-us-sec .why-us-stats .col-12:nth-child(2), .why-us-sec .why-us-stats .col-12:nth-child(4) {
        padding-left: 0;
    }

    .why-us-sec .why-us-stats .col-12:nth-child(1), .why-us-sec .why-us-stats .col-12:nth-child(3) {
        border-right: none;
    }

    .why-us-sec .why-us-stats .col-12:first-of-type {
        border-top: 1px solid rgba(255, 255, 255, 0.45);
    }

    .why-us-sec .why-us-stats .col-12 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
        padding: 20px 0;
    }

    .why-us-stats {
        margin-top: 30px;
    }

    .client-sec .clientsSwiper .client-img {
        width: 130px;
        height: 130px;
    }
    .client-sec .col-12 {
        padding: 0;
    }
    .client-sec .clients-slider-bx {
        margin-top: 40px;
    }

    .client-sec {
        margin-top: 100px;
    }

    .client-sec .swiper-button-next, .client-sec .swiper-button-prev {
        display: none;
    }

    .offering-sec .offering-row {
        padding: 120px 0;
    }

    .offering-sec .offering-slider {
        margin-top: 40px;
    }

    .offering-sec .offeringSwiper {
        max-height: 400px;
    }

    .offering-sec .offeringSwiper .offer-left-bx h5 {
        font-size: var(--f-s-18);
    }

    .offering-sec .offeringSwiper .offer-left-bx img {
        height: 30px;
    }

    .offering-sec .offeringSwiper .swiper-slide {
        border-radius: 15px;
    }

    .offering-sec .offer-pagination-bx {
        margin-top: 70px;
    }

    .techs-sec .tech-slider-bx {
        padding-top: 0;
    }

    .tech-bx p {
        font-size: var(--f-s-20);
    }

    .tech-bx {
        gap: 12px;
    }

    .techs-sec .marquee_container {
        margin-top: 45px;
    }

    .projects-sec .projects-txt-bx {
        text-align: center;
    }

    .faqs-sec {
        padding: 100px 0;
        margin-top: 120px;
        padding-bottom: 0;
    }

    .faqs-sec .faqs-txt-bx img {
        width: 340px !important;
    }

    .faqs-sec .faqs-bx {
        margin-top: 50px;
    }

    .faqs-sec .accordion-item .accordion-body {
       font-size: var(--f-s-14);
       line-height: var(--f-s-24);
       padding: 25px 30px;
        padding-top: 0;
    }

    .faqs-sec .accordion-item .accordion-header .accordion-button {
        font-size: var(--f-s-18);
        line-height: var(--f-s-28);
        padding: 25px 30px;
        padding-bottom: 17px;
    }

    .xk-accordion-para {
        margin-top: 40px;
    }

    .customer-sec .customer-slider-sec {
        margin-top: 35px;
    }

    .consultation-sec {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .xk-box-sec .carousel {
        transform: scale(0.4);
        margin-left: -90px;
        margin-top: 0;
    }

    .xk-box-sec .cv-container {
        height: 35vh;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .xk-box-sec .carousel {
        transform: scale(0.8);
        margin-left: -130px;
        margin-top: 130px;
    }

    .xk-box-sec .cv-container {
        height: 50vh;
    }
    .banner-sec {
        background-position: center 120px;
    }

    .banner-sec .swiper-button-prev, .banner-sec .swiper-button-next {
        display: none;
    }

    .solutions-btn {
        font-size: var(--f-s-18);
    }

    .banner-sec .banner-txt-bx .main-heading {
        margin-bottom: 15px;
    }

    .why-us-and-client-sec {
        padding: 100px 0;
        margin-top: 100px;
        border-radius: 35px;
    }

    .why-us-sec .why-us-stats .why-us-content-bx .why-us-para {
        color: var(--color-white);
        font-size: var(--f-s-12);
    }

    .why-us-txt{ 
        text-align: left;
        margin-right: 50px;
    }

    .why-us-sec .why-us-stats .why-us-content-bx {
        justify-content: flex-start;
    }

    .why-us-sec .why-us-stats .col-12:nth-child(2), .why-us-sec .why-us-stats .col-12:nth-child(4) {
        padding-left: 30px;
    }
    
    .client-sec .clientsSwiper .client-img {
        width: 130px;
        height: 130px;
    }
    .client-sec .col-12 {
        padding: 0;
    }
    .client-sec .clients-slider-bx {
        margin-top: 40px;
    }

    .client-sec {
        margin-top: 100px;
    }

    .client-sec .swiper-button-next, .client-sec .swiper-button-prev {
        display: none;
    }

    .offering-sec .offering-row {
        padding: 120px 0;
    }

    .offering-sec .offering-slider {
        margin-top: 40px;
    }

    .offering-sec .offeringSwiper {
        max-height: 400px;
    }

    .offering-sec .offeringSwiper .offer-left-bx h5 {
        font-size: var(--f-s-18);
    }

    .offering-sec .offeringSwiper .offer-left-bx img {
        height: 30px;
    }

    .offering-sec .offeringSwiper .swiper-slide {
        border-radius: 15px;
    }

    .offering-sec .offer-pagination-bx {
        margin-top: 70px;
    }

    .techs-sec .tech-slider-bx {
        padding-top: 0;
    }

    .tech-bx p {
        font-size: var(--f-s-20);
    }

    .tech-bx {
        gap: 12px;
    }

    .techs-sec .marquee_container {
        margin-top: 45px;
    }

    .faqs-sec {
        padding: 100px 0;
        margin-top: 120px;
    }

    .faqs-sec .faqs-txt-bx img {
        width: 340px !important;
    }

    .faqs-sec .faqs-bx {
        margin-top: 50px;
    }

    .faqs-sec .accordion-item .accordion-body {
       font-size: var(--f-s-14);
       line-height: var(--f-s-24);
       padding: 25px 30px;
        padding-top: 0;
    }

    .faqs-sec .accordion-item .accordion-header .accordion-button {
        font-size: var(--f-s-18);
        line-height: var(--f-s-28);
        padding: 25px 30px;
        padding-bottom: 17px;
    }

    .xk-accordion-para {
        margin-top: 40px;
    }

    .customer-sec .customer-slider-sec {
        margin-top: 35px;
    }

    .consultation-sec {
        padding-top: 120px;
        padding-bottom: 120px;
    }
   
}

@media (min-width:992px) and (max-width:1199px) {
    .xk-box-sec .carousel {
        transform: scale(0.8);
        margin-left: -130px;
        margin-top: 130px;
    }

    .xk-box-sec .cv-container {
        height: 50vh;
    }
    .banner-sec {
        background-position: center 120px;
    }

    .banner-sec .swiper-button-prev, .banner-sec .swiper-button-next {
        display: none;
    }

    .solutions-btn {
        font-size: var(--f-s-18);
    }

    .banner-sec .banner-txt-bx .main-heading {
        margin-bottom: 15px;
    }

    .why-us-and-client-sec {
        padding: 100px 0;
        margin-top: 100px;
        border-radius: 35px;
    }

    .why-us-sec .why-us-stats .why-us-content-bx .why-us-para {
        color: var(--color-white);
        font-size: var(--f-s-12);
    }

    .why-us-txt{ 
        text-align: left;
        margin-right: 50px;
    }

    .why-us-sec .why-us-stats .why-us-content-bx {
        justify-content: flex-start;
    }

    .why-us-sec .why-us-stats .col-12:nth-child(2), .why-us-sec .why-us-stats .col-12:nth-child(4) {
        padding-left: 30px;
    }
    
    .client-sec .clientsSwiper .client-img {
        width: 130px;
        height: 130px;
    }
    .client-sec .col-12 {
        padding: 0;
    }
    .client-sec .clients-slider-bx {
        margin-top: 40px;
    }

    .client-sec {
        margin-top: 100px;
    }

    .client-sec .swiper-button-next, .client-sec .swiper-button-prev {
        display: none;
    }

    .offering-sec .offering-row {
        padding: 120px 0;
    }

    .offering-sec .offering-slider {
        margin-top: 40px;
    }

    .offering-sec .offeringSwiper {
        max-height: 400px;
    }

    .offering-sec .offeringSwiper .offer-left-bx h5 {
        font-size: var(--f-s-18);
    }

    .offering-sec .offeringSwiper .offer-left-bx img {
        height: 30px;
    }

    .offering-sec .offeringSwiper .swiper-slide {
        border-radius: 15px;
    }

    .offering-sec .offer-pagination-bx {
        margin-top: 70px;
    }

    .techs-sec .tech-slider-bx {
        padding-top: 0;
    }

    .tech-bx p {
        font-size: var(--f-s-20);
    }

    .tech-bx {
        gap: 12px;
    }

    .techs-sec .marquee_container {
        margin-top: 45px;
    }

    .faqs-sec {
        padding: 100px 0;
        margin-top: 120px;
    }

    .faqs-sec .faqs-txt-bx img {
        width: 340px !important;
    }

    .faqs-sec .faqs-bx {
        margin-top: 50px;
    }

    .faqs-sec .accordion-item .accordion-body {
       font-size: var(--f-s-14);
       line-height: var(--f-s-24);
       padding: 25px 30px;
        padding-top: 0;
    }

    .faqs-sec .accordion-item .accordion-header .accordion-button {
        font-size: var(--f-s-18);
        line-height: var(--f-s-28);
        padding: 25px 30px;
        padding-bottom: 17px;
    }

    .xk-accordion-para {
        margin-top: 40px;
    }

    .customer-sec .customer-slider-sec {
        margin-top: 35px;
    }

    .consultation-sec {
        padding-top: 120px;
        padding-bottom: 120px;
    }
   
}

@media (min-width: 1200px) and (max-width: 1699px) {
    .partners-sec .product-pagination {
        margin-top: 60px;
    }
    .banner-sec .banner-txt-bx .main-heading {
        margin-bottom: 20px;
    }

    .banner-sec .banner-txt-bx .default-para {
        margin-bottom: 15px;
    }

    .solutions-slider-bx {
        padding: 35px 0;
    }

    .solutions-btn {
        font-size: var(--f-s-18);
    }

    .why-us-and-client-sec {
        padding: 100px 0;
        margin-top: 120px;
    }

    .why-us-sec .why-us-stats .why-us-content-bx .why-us-para {
        font-size: var(--f-s-18);
    }

    .why-us-sec .why-us-stats .col-12:nth-child(2), .why-us-sec .why-us-stats .col-12:nth-child(4) {
        padding-left: 25px;
    }

    .client-sec {
        margin-top: 100px;
    }

    .client-sec .clients-slider-bx {
        margin-top: 40px;
    }

    .client-sec .clientsSwiper .client-img {
        width: 135px;
        height: 135px;
    }

    .client-sec .clientsSwiper .client-img img {
        max-height: 100px;
    }

    .offering-sec .offering-row {
        padding: 150px 0;
    }

    .offering-sec .offeringSwiper {
        max-height: 400px;
    }

    .offering-sec .offering-slider {
        margin-top: 40px;
    }

    .offering-sec .offeringSwiper .offer-left-bx h5 {
        font-size: var(--f-s-20);
    }

    .offering-sec .offeringSwiper .swiper-slide {
        border-radius: 20px;
    }

    .offering-sec .offeringSwiper .offer-left-bx img {
        height: 35px;
    }

    .tech-bx p {
        font-size: var(--f-s-20);
    }

    .techs-sec .marquee_container {
        margin-top: 45px;
    }

    .techs-sec .tech-slider-bx {
        padding-top: 10px;
    }

    .faqs-sec {
        padding: 100px 0;
        margin-top: 150px;
        border-radius: 35px 35px 0 0;
    }

    .faqs-sec .accordion-item .accordion-header .accordion-button {
        padding: 25px 30px;
        padding-bottom: 22px;
        font-size: var(--f-s-20);
    }

    .faqs-sec .accordion-item .accordion-body {
        font-size: var(--f-s-16);
        padding: 25px 30px;
        padding-top: 0;
    }

    .customer-sec .customer-slider-sec {
        margin-top: 40px;
    }

    .consultation-sec {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}