@font-face {
    font-family: 'IstokWeb-Regular';src: url('fonts/IstokWeb-Regular.eot');src: url('fonts/IstokWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/IstokWeb-Regular.woff2') format('woff2'),url('fonts/IstokWeb-Regular.woff') format('woff'),url('fonts/IstokWeb-Regular.ttf') format('truetype'),
    url('fonts/IstokWeb-Regular.svg#IstokWeb-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'PublicSans-Bold';src: url('fonts/PublicSans-Bold.eot');src: url('fonts/PublicSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-Bold.woff2') format('woff2'),url('fonts/PublicSans-Bold.woff') format('woff'),url('fonts/PublicSans-Bold.ttf') format('truetype'),
    url('fonts/PublicSans-Bold.svg#PublicSans-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;
}
@font-face {font-family: 'PublicSans-ExtraLight';src: url('fonts/PublicSans-ExtraLight.eot');src: url('fonts/PublicSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-ExtraLight.woff2') format('woff2'),url('fonts/PublicSans-ExtraLight.woff') format('woff'),url('fonts/PublicSans-ExtraLight.ttf') format('truetype'),
    url('fonts/PublicSans-ExtraLight.svg#PublicSans-ExtraLight') format('svg');font-weight: 200;font-style: normal;font-display: swap;
}
@font-face {font-family: 'PublicSans-Light';src: url('fonts/PublicSans-Light.eot');src: url('fonts/PublicSans-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-Light.woff2') format('woff2'),url('fonts/PublicSans-Light.woff') format('woff'),url('fonts/PublicSans-Light.ttf') format('truetype'),
    url('fonts/PublicSans-Light.svg#PublicSans-Light') format('svg');font-weight: 300; font-style: normal;font-display: swap;
}
@font-face {font-family: 'PublicSans-Medium';src: url('fonts/PublicSans-Medium.eot');src: url('fonts/PublicSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-Medium.woff2') format('woff2'),url('fonts/PublicSans-Medium.woff') format('woff'),url('fonts/PublicSans-Medium.ttf') format('truetype'),
    url('fonts/PublicSans-Medium.svg#PublicSans-Medium') format('svg');font-weight: 500;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'PublicSans-LightItalic';src: url('fonts/PublicSans-LightItalic.eot');src: url('fonts/PublicSans-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-LightItalic.woff2') format('woff2'),url('fonts/PublicSans-LightItalic.woff') format('woff'), url('fonts/PublicSans-LightItalic.ttf') format('truetype'),
    url('fonts/PublicSans-LightItalic.svg#PublicSans-LightItalic') format('svg');font-weight: 300;font-style: italic;font-display: swap;
}
@font-face {
    font-family: 'PublicSans-Regular';src: url('fonts/PublicSans-Regular.eot');src: url('fonts/PublicSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-Regular.woff2') format('woff2'),url('fonts/PublicSans-Regular.woff') format('woff'),url('fonts/PublicSans-Regular.ttf') format('truetype'),
    url('fonts/PublicSans-Regular.svg#PublicSans-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'PublicSans-SemiBold';src: url('fonts/PublicSans-SemiBold.eot');src: url('fonts/PublicSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-SemiBold.woff2') format('woff2'),url('fonts/PublicSans-SemiBold.woff') format('woff'),url('fonts/PublicSans-SemiBold.ttf') format('truetype'),
    url('fonts/PublicSans-SemiBold.svg#PublicSans-SemiBold') format('svg');font-weight: 600;font-style: normal;font-display: swap;
}
@font-face {font-family: 'PublicSans-Thin';src: url('fonts/PublicSans-Thin.eot');src: url('fonts/PublicSans-Thin.eot?#iefix') format('embedded-opentype'),
    url('fonts/PublicSans-Thin.woff2') format('woff2'),url('fonts/PublicSans-Thin.woff') format('woff'),url('fonts/PublicSans-Thin.ttf') format('truetype'),
    url('fonts/PublicSans-Thin.svg#PublicSans-Thin') format('svg');font-weight: 100;font-style: normal;font-display: swap;
}
body{background: black;}
a{text-decoration: none;}
p{margin:0;}
h3{margin: 0px;}

/* header css start */
.header-start {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;    padding: 20px;}
.Menu ul {display: flex;margin: 0;padding: 0;}
.Menu ul li{list-style:none;}
.Menu ul li a{color:#fff; font-size: 20px; font-family: 'IstokWeb-Regular';padding: 0 18px;transition: all .3s;}
.Menu ul li a:hover{color:#FF7020;}
.Menu ul li:first-child a{padding-left:0px;}
.Menu ul li:last-child a{padding-right:0px;}
.keshav-button{  padding: 10px 35px;font-size: 20px;color: #ffffff;background: linear-gradient(90deg, #ff7e00, #ff3c00);border-radius: 999px; cursor: pointer;font-family: sans-serif;
transition: all 0.3s ease;box-shadow: 0 0 10px rgba(0, 180, 255, 0.3);font-family: 'IstokWeb-Regular';transition: all 0.4s ease-in-out;position: relative;overflow: hidden;
z-index: 1;display: flex;    width: 191px;text-align: center;align-items: center;justify-content: center;}
.keshav-button::before {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 2px;background: linear-gradient(90deg, #00b4ff, #ff3c00, #ff7e00);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;transition: opacity 0.4s ease;
opacity: 0;}
.keshav-button:hover::before {opacity: 1;}
.keshav-button:hover {background: linear-gradient(90deg, #ff5500, #ff0000);transform: scale(1.05);filter: brightness(1.1);
box-shadow: 0 0 15px rgba(255, 80, 0, 0.5), 0 0 30px rgba(0, 180, 255, 0.5);}
/* header css end */

/* Banner css start */
.banner-start {padding: 130px 0;}
.banner-texts h2 {font-size: 9vw;font-weight: 500;font-family: 'IstokWeb-Regular';color: transparent;-webkit-text-stroke: 2px rgb(187 187 187 / 15%);}
.banner-texts h1 {margin-top: -115px; font-family: 'PublicSans-Thin';color:#fff;font-size: 82px;}
.banner-texts h1 span  {display: flex;color: #DB3502; background-image: linear-gradient(90deg, #DB3502 0%, #E87625 100%); 
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.banner-texts p{font-family: 'PublicSans-Thin';font-size: 22px;color: #fff;width: 80%;    padding-bottom: 30px;}
/* Banner css end */

/* Client logo css start */
.Client-logo {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.Client-start {padding: 20px;background: linear-gradient(to right, #000000 0%, #121212 25%, #1a1a1a 50%, #121212 75%, #000000 100%);}
/* Client logo css end */

/*Why Choose Keshav Infotech? start*/
.slider {position: relative;width: 100%;height: auto;overflow: hidden;border-radius: 20px;}
.slides {display: flex;transition: transform 0.8s ease-in-out;width: 100%;height: 100%;}
.slides img {width: 100%;flex-shrink: 0;object-fit: cover;}
.dots {display: flex;gap: 8px;z-index: 999999;margin-top: 30px;}
.dot {width: 10px;height: 10px;border-radius: 50%;background-color: #fff;opacity: 0.4;transition: opacity 0.3s;cursor: pointer;}.dot.active {opacity: 1;background: #ff5500;}
.Why-choose-keshav-display {display: flex;}
.Why-choose-keshav-start {padding: 120px 0;}
.Why-choose-keshav-gallery { padding-right: 55px;}
.why-choose {max-width: 100%;margin: auto;   }
.why-choose h2 {font-family: 'PublicSans-Thin';font-size: 57px;color: #fff;}
.why-choose h2 span {color: #ff5e18;font-weight: 500;}
.why-choose p {font-size: 22px;padding-bottom: 20px;color: #fff;  font-family: 'PublicSans-Thin';}.stats-grid {display: grid;grid-template-columns: 
repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;padding: 20px;border: 1px solid #ff5e18;border-radius: 30px;background: #1B1B1B;}
.stat-box {background-color: #000000;padding: 25px 15px;border-radius: 30px;text-align: center;}
.stat-box h3 {font-size: 57px;color: #ff5e18;font-family: 'PublicSans-Thin';}
.stat-box p {color: #ccc;font-size: 20px;margin: 0;font-family: 'IstokWeb-Regular';}
.why-choose-keshav-description {width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: unset;margin-top: 30px;}
.why-choose-keshav-description p {color: #fff;font-size: 22px;font-family: 'IstokWeb-Regular';width: 400px;}
/*Why Choose Keshav Infotech? end*/

/*Custom Software Development Services start*/
.section-title {text-align: center;}
.section-title h2 {font-size: 60px;color:white;font-family: 'PublicSans-Thin';}
.section-title p {color: #B7B7B7;font-family: 'PublicSans-Regular';font-size: 20px; max-width: 70%;text-align: center; margin: 0 auto;padding: 30px 0px 40px 0px;}
.tabs-container {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 40px;}
.tab-list {min-width: 480px;display: flex;flex-direction: column;gap: 15px;border-radius: 45px;padding: 20px;border: 1px solid #ffffffa6;background: #1B1B1B;}
.tab-button {background: #000;border: 1px solid #ffffffa6;color: white;font-size: 18px;text-align: left;padding: 20px 0px 20px 35px;border-radius: 40px;cursor: pointer;
transition: 0.3s;font-family: 'PublicSans-Thin';text-transform: uppercase;}
.tab-button.active {background: white;color: black;}
.tab-content-wrapper {flex: 2;min-width: 300px;background-color: #1a1a1a;padding: 20px 80px 30px 30px;border-radius: 45px; border: 1px solid #ffffffa6;background: #1B1B1B;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.sub-buttons {display: flex;flex-wrap: wrap;gap: 12px;margin-top: 10px;}
.sub-buttons button {border: 1px solid #ffffffa6; padding: 15px 30px;color: white;border-radius: 30px;cursor: pointer;width: 49%;background: #000;font-family: 'PublicSans-Thin';
text-transform: uppercase;text-align: left;}
.sub-buttons .highlight {background-color: white; color: black;}
.cta-button {background: #ff5e18;padding: 12px 24px;border: none;border-radius: 30px;color: white;font-weight: bold;cursor: pointer;margin-top: 30px;font-family: 'IstokWeb-Regular';}
.tab-content h3{font-family: 'PublicSans-Thin';font-size: 42px; color:#fff;}
.tab-content p{font-family: 'PublicSans-Thin';padding: 15px 0px;font-size: 18px;color:#fff;}
.tab-content .keshav-button{    width: 50%;}
/*Custom Software Development Services end*/

/*Technology Expertise start*/
.Technology-Expertise-start {padding: 80px 0 0 0;}
/*Technology Expertise start*/

/*Our Latest Work start*/
.project-showcase {background: #1a1a1a;padding: 3rem 2rem;color: #fff;}
.project-cards {display: flex;gap: 1.5rem;flex-wrap: wrap;justify-content: center;margin-bottom: 3rem;}
.project-card {background: #000;border-radius: 30px;width: 31.33%;position: relative;padding: 15px 15px 15px 15px;transition: transform 0.3s ease;}
.project-card:hover {transform: translateY(-8px);}
.project-img {width: 100%;height: auto;object-fit: cover;}
.project-info {padding: 1rem;}
.project-info h3 {font-size: 34px;color: #fff;font-family: 'PublicSans-Thin';}
.project-info p {color: #A1A1A1;font-size: 18px;font-family: 'PublicSans-Thin';}
.arrow-btn {position: absolute;bottom: -25px;right: 30px;background: transparent;border: 0;}
.cta-box {background: #0e0e0e;padding: 2rem;border-radius: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.cta-text h2 {font-size: 34px;color: #fff;font-family: 'PublicSans-Thin';}
.cta-text p {color: #A1A1A1;font-size: 18px;padding-top: 10px;font-family: 'PublicSans-Thin';max-width: 80%;}
.cta-box .keshav-button{    width: auto;}
/*Our Latest Work start*/

/*Appreciated and Awarded start*/
.recognition-slider {background: #000;padding: 3rem 2rem;color: #fff;}
.slider-container {position: relative;overflow: hidden;}
.slider-track {display: flex;transition: transform 0.6s ease;}
.slider-slide {display: flex;min-width: 100%;justify-content: space-between;gap: 2rem;align-items: center;}
.slider-content {max-width: 50%; padding-left: 10px;}
.badge-img {width: 70px;margin-bottom: 1rem;}
.slider-content h2 {font-size: 35px;margin-bottom: 0.5rem;font-family: 'PublicSans-Thin';}
.rating {display: flex;align-items: center;gap: 0.3rem;  margin: 25px 0;}
.rating span{font-family: 'PublicSans-Thin';font-size: 22px;}
.star {color: #FF7020;font-size: 1.2rem;}
.slider-content p {color: #A1A1A1;max-width: 510px;font-size: 18px;font-family: 'PublicSans-Thin';padding-bottom: 30px;}
.read-more {background: #ff5e15; border: none;color: white;padding: 0.7rem 1.2rem;border-radius: 25px;font-weight: bold;cursor: pointer;margin-top: 1rem;}
.read-more:hover {background: #e24c00;}
.slider-image img {width: 100%;max-width: 100%;border-radius: 30px;}
.slider-nav {display: flex;gap: 8px;padding-top: 40px;align-items: flex-end;justify-content: flex-end;}
.slider-nav button {background: transparent;border: 0;}
/*Appreciated and Awarded End*/