@charset "utf-8";
/* CSS Document */

/* CSS Document © 2024 ProWebPrism */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Sora:wght@100..800&display=swap');

body {
  cursor: url('../images/cursor-icon.svg'),auto;
}
.cursor {
  position: absolute;
  width: 32px; /* Cursor size */
  height: 32px;
  background-image: url('path/to/your-cursor-image.png'); /* Your custom image */
  background-size: cover;
  pointer-events: none; /* Prevents the cursor from interacting with elements */
  z-index: 9999;
  transition: transform 0.2s ease, background-color 0.3s ease;
}



::-moz-selection{ background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family:"Manrope", serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#111111; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll;}
:root { --primary-color: #8750f7; --secondary-color:#000000;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Sora", sans-serif;}
p, p span { font-family:"Manrope", serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--primary-color);
}
::-moz-placeholder { 
  color:var(--primary-color);
}
:-ms-input-placeholder {
  color:var(--primary-color);
}
:-moz-placeholder {
  color:var(--primary-color);
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{width: 94%; max-width: 1320px; margin: 0 auto;}


.hero-wrapp { background: #f0f2f4; border-radius: 0 0 20px 20px; padding: 0 45px;}

/* ------header-wrapp------ */
.header-wrapp {width: 100%; padding: 15px 0 25px;}
.header-wrapp .header-main {width: 100%;background: #fff; padding: 15px; border-radius: 25px;}
.header-wrapp .header-main .container { width: 100%;}
.header-wrapp .header-main .header-row { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.header-wrapp  .logo { width: 50px;}
.header-wrapp .header-links { width: auto;margin: 0 15px;}
.header-wrapp .header-links ul { width: 100%;}
.header-wrapp .header-links ul li { display: inline-block; font-size: 14px;  text-transform: uppercase; font-weight: 600; margin: 0 5px;  letter-spacing: 1px;}
.header-wrapp .header-links ul li a {padding: 10px 22px;  color: var(--secondary-color); display: block; border-radius: 80px;background: transparent;  overflow: hidden; position: relative;}
.header-wrapp .header-links ul li a:hover {color: var(--primary-color);background: #f0f2f4;}
.header-wrapp .header-links ul li.active a {color: var(--primary-color);background: #f0f2f4;}
.header-wrapp .header-links ul li .menu-text{ display: inline-block;-webkit-transition: transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
.header-wrapp .header-links ul li .active-text { position: absolute; color: var(--primary-color); padding: 10px 22px;  left: 0; top: 0;opacity: 0; -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(150%);  -ms-transform: translateY(150%);  transform: translateY(150%);}
.header-wrapp .header-links ul li a:hover .menu-text{ opacity: 0; -webkit-transform: translateY(-150%);-ms-transform: translateY(-150%);transform: translateY(-150%);}
.header-wrapp .header-links ul li a:hover .active-text{opacity: 1;  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.header-wrapp .header-links ul li.active .menu-text{ opacity: 0; -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%);  transform: translateY(-150%);}   
.header-wrapp .header-links ul li.active .active-text{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0);transform: translateY(0);}        
.header-wrapp .header-bnt1 {display: inline-block; padding: 13px 30px; color: #fff; border-radius: 80px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 600;}
.header-wrapp .header-bnt1:hover {color: var(--primary-color);}

/* ----banner-wrapp----- */
.banner-wrapp {width: 100%; padding: 0 0 ; position: relative; overflow: hidden;}
.banner-wrapp .banner-inner{ width: 100%; height: 100%; background: /*url(../images/banner.jpg) no-repeat center*/ #000000 url(../images/waves-gradient.svg) no-repeat top right; background-size: cover; min-height: 600px; display: flex; flex-wrap: wrap; align-items: center; border-radius: 25px; position: relative;}
.banner-wrapp .banner-inner:after{content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/banner-gr.png) no-repeat center / cover; top: 0; left: 0; border-radius: 25px; opacity: .5;}
.banner-wrapp .banner-content {width: 100%; position: relative; z-index: 1;}
.banner-wrapp  h1 {font-size: 80px;color: #fff;line-height: 1.2;margin: 0 0 20px;}
.banner-wrapp h1 span { display: block;}
.banner-wrapp p {font-size: 20px; font-weight: 600; color: #ffff; letter-spacing: 1.5px;}
.banner-wrapp .banner-btn {position: absolute;right: 0;bottom: 0; background: #f0f2f4; border-radius: 25px 0 0 0; z-index: 1;}
.banner-wrapp .banner-btn a{padding: 35px 68px 22px 94px; display: block;   font-size: 16px; text-transform: uppercase; font-weight: 600;  letter-spacing: 1px;  overflow: hidden;}
.banner-wrapp .banner-btn:before {content: ""; position: absolute;background-color: transparent; height: 40px; width: 20px; top: -40px; right: 0; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #F0F2F4;}
.banner-wrapp .banner-btn:after { content: ""; position: absolute; background-color: transparent; height: 40px; width: 20px; bottom: 0; left: -20px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #F0F2F4;}
.banner-wrapp .banner-btn .btn-text { display: inline-block; -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; color: var(--secondary-color);}
.banner-wrapp .banner-btn .active-text { position: absolute; color: var(--primary-color); padding: 35px 68px 22px 94px; left: 0; top: 0; opacity: 0; -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(150%); -ms-transform: translateY(150%);  transform: translateY(150%);}
.banner-wrapp .banner-btn:hover .btn-text { opacity: 0; -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); opacity: 0;} 
.banner-wrapp .banner-btn:hover .active-text { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.banner-wrapp .banner-btn .icon {display: inline-block; width: 18px; height: 22px; margin: 0 0 -5px 4px;}
.banner-wrapp .banner-btn .icon img { width: 100%; height: 100%;}

/* -----service-category----- */
.service-category {width: 100%; padding: 25px 0 25px;}
.service-category .service-row { width: 100%; display: flex; flex-wrap: wrap;}
.service-category .service-col1 { width: 35.5%; min-height: 273px; margin: 0 2% 0 0; display: flex; flex-wrap: wrap; align-items: center; padding: 50px; border-radius: 25px; position: relative;}
.service-category .service-col1:after{content: "";position: absolute;width: 100%;height: 100%;background: rgba(0 0 0 / 60%);top: 0;left: 0;border-radius: 25px;}
.service-category .service-col1 .service-content { width: 100%;  position: relative;  z-index: 1;}
.service-category .service-col1.service3 { width: 25%; margin-right: 0;}
.service-category .service-col1.service3:after{display: none;}
.service-category .service1{ background: url(../images/software.jpg) no-repeat center / cover;}
.service-category .service2{ background: url(../images/digital.png) no-repeat center / cover;}
.service-category .service3{background: #E0E2E5 url(../images/Waves.png) no-repeat; background-position: top right; }
.service-category .service-col1 h2 { font-size: 25px; color: #ffff; line-height: 1.23; margin: 0 0 18px;}
.service-category .service-col1 p { font-size: 16px; color: #fff; line-height: 1.56; letter-spacing: 1px;}
.service-category .service-col1 h1 { color: transparent; font-family: "Manrope Alt", Sans-serif; font-size: 65px; font-weight: 800; letter-spacing: -0.03em; -webkit-text-stroke-width: 1px; stroke-width: 1px; -webkit-text-stroke-color: var(--primary-color); stroke: var(--primary-color);}
.service-category .service-col1 h4 { font-size: 20px; font-weight: 500; color: var(--secondary-color);}
.service-category .service-col1 h4 { font-size: 20px; font-weight: 500; color: var(--secondary-color);}
.service-category .service-col1 .service-content { width: 100%; position: relative;  z-index: 1;}
.service-category .service-col1 .service-btn { position: absolute; right: 0;  bottom: 0; padding: 10px 10px 0; background: #f0f2f4;  z-index: 1; border-radius: 25px 0 0 0;}
.service-category .service-col1 .service-btn a { display: block; width: 50px; height: 50px; border-radius: 50%;  position: relative;}
.service-category .service-col1 .service-btn:before { content: ""; position: absolute; background-color: transparent; top: -40px; right: 0; height: 40px; width: 20px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #F0F2F4;}
.service-category .service-col1 .service-btn:after { content: ""; position: absolute; background-color: transparent; bottom: 0; left: -20px; height: 40px; width: 20px; border-bottom-right-radius: 20px;  box-shadow: 0 20px 0 0 #F0F2F4;}



/* ----service-wrapp---- */
.service-wrapp { padding: 100px 0 50px; position: relative;}
.service-wrapp h4 { font-size: 16px; line-height: 1.56; margin: 0 0 10px;}
.service-wrapp h2 { font-size: 46px; line-height: 1.2; margin: 0 0 50px;}
.service-wrapp h2 span { display: block;}
.service-wrapp .service-row { width: 100%; display: flex; flex-wrap: wrap;align-items: stretch;}
.service-wrapp .service-col1 { width: 32%; margin: 0 2% 50px 0; display: flex; flex-wrap: wrap; position: relative; padding-left: 90px;}
.service-wrapp .service-col1:nth-child(3n) { margin-right: 0;}
.service-wrapp .service-col1:last-child { margin-right: 0;}
.service-wrapp .service-col1 .step-nmbr { position: absolute; left: 0; top: 0; transform: rotate(180deg); margin: 10px 0 0 0;}
.service-wrapp .service-col1 .service-content { flex: 1 0 0;}
.service-wrapp h1 { font-size: 80px; line-height: 1em; font-weight: 600; -webkit-background-clip: text; -webkit-text-fill-color: transparent; writing-mode: vertical-rl; color: transparent; -webkit-text-fill-color: #FFFFFF; -webkit-text-stroke: 1px #AA202000; text-stroke: 1px #AA202000; -webkit-text-stroke-width: 1.5px; background-color: transparent; background-image: linear-gradient(to right, var(--primary-color) 0%, #5601ff 60%, var(--primary-color) 100%);}
.service-wrapp h3 { font-size: 20px; line-height: 1.23; margin: 0 0 10px;}
.service-wrapp p { font-size: 16px; line-height: 1.56; letter-spacing: 1px; margin: 0 0 20px;}
.service-wrapp .readmore-btn { display: inline-block; padding: 14px 25px 14px 50px; font-size: 14px; text-transform: uppercase; font-weight: 600;  letter-spacing: 1px;  overflow: hidden; color: var(--secondary-color);}
.service-wrapp .readmore-btn .arrow { display: inline-block;  width: 18px;  height: 22px;  margin: 0 0 -5px 4px;}
.service-wrapp .readmore-btn .arrow img { width: 100%; height: 100%;}
.service-wrapp .readmore-btn .text { color: var(--secondary-color); display: inline-block;  -webkit-transition: transform 0.3s, opacity 0.3s;  transition: transform 0.3s, opacity 0.3s;}
.service-wrapp .readmore-btn .hover-text { position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  padding: 14px 25px;  color: #fff;  opacity: 0;  -webkit-transition: transform 0.3s, opacity 0.3s;  transition: transform 0.3s, opacity 0.3s;  -webkit-transform: translateX(-150%);  -ms-transform: translateX(-150%);  transform: translateX(-150%);}
.service-wrapp .readmore-btn:hover .text {  -webkit-transform: translateX(150%);  transform: translateX(150%);  opacity: 0;}
.service-wrapp .readmore-btn:hover .hover-text {  -webkit-transform: translateX(0);  transform: translateX(0);  opacity: 1;}
.service-wrapp .readmore-btn:hover { color: #fff; padding: 14px 50px 14px 25px;}

/* -----slogan-wrapp------ */
.slogan-wrapp {padding: 0 0 50px;}
.slogan-wrapp h1 {font-size: 80px; padding-left: 15px; display: inline-block; white-space: nowrap; animation: marquee 15s linear infinite;}
.slogan-wrapp .scolling-text { width: 100%; overflow: hidden; white-space: nowrap;}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}


/* -----abouts-wrapp---- */
.abouts-wrapp {padding: 0 45px 100px;}
.abouts-wrapp .abouts-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.abouts-wrapp .abouts-col1 {width: 43%;}
.abouts-wrapp .abouts-col1 .abouts-col3 { width: 100%; margin: 0 0 25px; position: relative; border-radius: 25px;}
.abouts-wrapp .abouts-col1 .abouts-col3 img { width: 100%; border-radius: 25px;}
.abouts-wrapp .abouts-col1 .abouts-col3 .shape { width: 90px; height: 220px; position: absolute; background: #ffff; border-radius: 0 0 25px 0; top: 0; left: 0;}
.abouts-wrapp .abouts-col1 .abouts-col3 .shape:before { content: ""; position: absolute; background-color: transparent; top: 0; right: -20px; height: 40px; width: 20px;border-top-left-radius: 25px; box-shadow: 0 -20px 0 0 #ffffff;}
.abouts-wrapp .abouts-col1 .abouts-col3 .shape:after { content: ""; position: absolute; background-color: transparent; bottom: -40px; left: 0; height: 40px; width: 20px; border-top-left-radius: 25px; box-shadow: 0 -20px 0 0 #ffffff;}
.abouts-wrapp .abouts-col1 .abouts-col3 .about-btn { position: absolute; right: 0; bottom: 0; background: #ffffff; border-radius: 25px 0 0 0; z-index: 1;}
.abouts-wrapp .abouts-col1 .abouts-col3 .about-btn:before {content: ""; position: absolute; background-color: transparent; height: 40px;  width: 20px; top: -40px; right: 0; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #ffffff;}
.abouts-wrapp .abouts-col1 .abouts-col3 .about-btn a { padding: 35px 68px 22px 94px; display: block; font-size: 16px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; overflow: hidden;}
.abouts-wrapp .abouts-col1 .abouts-col3 .about-btn:after { content: ""; position: absolute; background-color: transparent; height: 40px; width: 20px; bottom: 0; left: -20px; border-bottom-right-radius: 20px;  box-shadow: 0 20px 0 0 #ffffff;}
.abouts-wrapp .abouts-col1 .abouts-col4 { width: 100%; display: flex; flex-wrap: wrap;  padding: 100px 40px 80px 40px; background: var(--secondary-color) url(../images/Grid.svg) no-repeat center / cover; border-radius: 25px; position: relative;align-items: baseline;}
.abouts-wrapp .abouts-col1 .abouts-col4:after{ content: ""; position: absolute; width: 100%; height: 100%;  top: 0;  left: 0; background: url(../images/banner-gr.png) no-repeat center / cover; border-radius: 25px; opacity: .5;}
.abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5 {width: 32%; margin: 0 2% 0 0; position: relative; z-index: 1;}
.abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:last-child { margin-right: 0;}
.abouts-wrapp h5 { font-size: 25px; color: #fff;}
.abouts-wrapp h5 span { display: block;}
.abouts-wrapp h1 { font-size: 65px; color: #fff; font-weight: 600; font-family: "Manrope", serif; margin: 0 0 0;}
.abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5 p { font-size: 16px; color: #ffff; font-weight: 600;}
.abouts-wrapp .abouts-col2 { width: 55%; padding: 10% 6% 5% 6%; background: #F0F2F4; border-radius: 25px;}
.abouts-wrapp .spcl-text { font-size: 80px; line-height: 1em; font-weight: 600; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; -webkit-text-fill-color: #f0f2f4;  -webkit-text-stroke: 1px transparent; text-stroke: 1px #AA202000; -webkit-text-stroke-width: 1.5px; background-color: transparent; background-image: linear-gradient(to right, var(--primary-color) 0%, #5601ff 60%, var(--primary-color) 100%); text-align: right; margin: 0 0 50px;}
.abouts-wrapp h4 { font-size: 16px; line-height: 1.56; margin: 0 0 10px;}
.abouts-wrapp h2 { font-size: 46px; line-height: 1.2; margin: 0 0 30px;}
.abouts-wrapp .abouts-content { width: 100%; padding-left: 7%;}
.abouts-wrapp p {  font-size: 16px; line-height: 1.56;  letter-spacing: 1px;  margin: 0 0 22px;}
.abouts-wrapp .readmore-btn { display: inline-block; padding: 14px 25px 14px 50px; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; overflow: hidden; color: var(--secondary-color);}
.abouts-wrapp .readmore-btn:hover { padding: 14px 50px 14px 25px; color: #fff;}



/* ----testimonial-wrapp----- */
.testimonial-wrapp { padding: 0 45px;}
.testimonial-wrapp .testimonial-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.testimonial-wrapp .testimonial-col1 { width: 56.1%; background: linear-gradient(to right, var(--primary-color) 0%, #5601ff 60%, var(--primary-color) 100%) border-box; background-size: 200% auto; padding: 7.5% 4.7% 0% 0%; border-radius: 25px; display: flex; flex-wrap: wrap; align-items: flex-end;}
.testimonial-wrapp .testimonial-col1 .testimonial-col3 { background: #111111; width: 100%; border-radius: 25px;}
.testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-slider { width: 100%; padding: 17.2% 6% 18% 12%;}
.testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-box { width: 100%;}
.testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-box p { font-size: 25px; color: #fff; line-height: 1.56; letter-spacing: 1px; margin: 0 0 20px;}
.testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-box h3 { font-size: 18px; color: #fff;}
.testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-box:before { content: ""; background: url(../images/review-icon.svg) no-repeat center / 100%; width: 40px; height: 35px;  display: inline-block;  margin: 0 0 25px 0;  color: #ffff;}
.testimonial-wrapp .testimonial-col2 {  width: 38%;}
.testimonial-wrapp h4 { font-size: 16px;  line-height: 1.56;  margin: 0 0 10px;}
.testimonial-wrapp h2 { font-size: 46px;  line-height: 1.2;  margin: 0 0 30px;}
.testimonial-wrapp .testimonial-col2 .shape1 { width: 100%; max-width: 400px; margin: 0 auto -40px;}
.testimonial-wrapp .testimonial-col2 .counter { width: 100%;}
.testimonial-wrapp .testimonial-col2 .counter h1 { font-size: 80px;  line-height: 1em;  font-weight: 600;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  color: transparent;  -webkit-text-fill-color: #fff;  -webkit-text-stroke: 1px transparent;  text-stroke: 1px #AA202000;  -webkit-text-stroke-width: 1.5px;  background-color: transparent;  background-image: linear-gradient(to right, var(--primary-color) 0%, #5601ff 60%, var(--primary-color) 100%);  margin: 0 0 0 0;}
.testimonial-wrapp .testimonial-col2 .counter p {  font-size: 18px; color: #111111; font-weight: 600;}
.testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-slider .slick-slide > div { width: 99%; margin: 0 auto;}
.testimonial-wrapp .testimonial-slider .slick-next {width: 68px; height: 60px; background: #fff; top: inherit; transform: inherit; right: 0; bottom: 0;  border-radius: 0 25px 0 0;}
.testimonial-wrapp .testimonial-slider .slick-prev { width: 68px; height: 60px; background: #fff; top: inherit; transform: inherit; left: inherit;  right: 68px;  bottom: 0;  border-radius: 25px 0 0 0;}
.testimonial-wrapp .testimonial-slider .slick-next:before{  content: "";  background: url(../images/black-next.svg) no-repeat center / contain;  display: inline-block;  width: 18px;  height: 22px;  opacity: 1;  transition: all .25s ease-in-out;} 
.testimonial-wrapp .testimonial-slider .slick-next:hover:before{  background: url(../images/gradient-next.svg) no-repeat center / contain;}
.testimonial-wrapp .testimonial-slider .slick-prev:before{ content: ""; background: url(../images/black-prev.svg) no-repeat center / contain;  display: inline-block;  width: 18px;  height: 22px;  opacity: 1;  transition: all .25s ease-in-out;} 
.testimonial-wrapp .testimonial-slider .slick-prev:hover:before{ background: url(../images/greadient-prev.svg) no-repeat center / contain;} 
.testimonial-wrapp .testimonial-slider .slick-prev:after { content: ""; position: absolute; background-color: transparent; bottom: 0px; height: 40px;  width: 20px;  left: -20px;  border-bottom-right-radius: 20px;  box-shadow: 0 20px 0 0 #ffffff;}
.testimonial-wrapp .testimonial-slider .slick-next:after { content: ""; position: absolute; background-color: transparent; bottom: 0; height: 40px; width: 20px;  right: -20px;  border-bottom-left-radius: 20px;  box-shadow: 0 20px 0 0 #ffffff;}





/* projects-sec */


.projects-wrap{padding: 0 0 100px; color: var(--secondary-color);}
.project-header-portion{display: flex;align-items: center;}
.project-head h4{font-size: 16px;line-height: 1.56;margin: 0 0 10px;}
.project-head h2{font-size: 46px;line-height: 1.2;margin: 0 0 30px;}
.completed-proj{margin-left: 500px;}
.completed-proj h2{font-size: 100px;line-height: 1em;font-weight: 600;-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;-webkit-text-fill-color: #fff;-webkit-text-stroke: 1px transparent;text-stroke: 1px #AA202000;-webkit-text-stroke-width: 2px;background-color: transparent;background-image: linear-gradient(to right, var(--primary-color) 0%, #5601ff 60%, var(--primary-color) 100%);}
.completed-proj p{ font-size: 25px;text-align: center;}
.projects-wrap .readmore-btn { display: inline-block; padding: 14px 25px 14px 50px; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; overflow: hidden; color: var(--secondary-color);}
.projects-wrap .readmore-btn:hover { padding: 14px 50px 14px 25px; color: #fff;}
.projects-sec{margin: 50px 0px;}
.project-card{background-color: #1f1f1f; padding: 20px;border-radius: 25px;width: 95%;display: block; border: 1px solid #c4c4c4;height: 500px;position: relative;}
.project-cont{position: absolute;bottom: 10%;left: 10%; color: var(--secondary-color);z-index: 22;}
.project-cont h3{font-size: 40px; margin:0 0 15px;font-weight: 600;color: #fff;}
.project-cont p{font-size: 25px;margin: 0 0 20px;color: #fff;}
.project-cont .explore{font-size: 18px;padding-left: 20px;position: relative;}
.project-cont .explore::before{position: absolute;left: 0;content: "";background-image: url("../images/white-next.svg");width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; top: 18%;}
.project-hover-image{position:absolute;width: 100%; height: 100%;top: 0;left: 0;z-index: 1;opacity: 0.5;transition: 0.5s all ease-in-out;}
.project-hover-image::after{position: absolute;top: 0;left: 0;content: "";width: 100%;height: 100%;background-color: #0000003a;border-radius: 25px;}
.project-hover-image img{width: 100%;object-fit: cover;height: 500px;border-radius: 25px;}
.project-card:hover .project-hover-image{opacity: 1;}




/* footer-section */


.footer-wrap{padding: 0 45px;margin: 100px 0px 0px;}
.footer-content{width: 100%;background-color: var(--secondary-color);border-radius: 25px;padding: 50px;color: #fff;}
.contact-wrap{width: 100%;display: flex;align-items: baseline;justify-content: space-between;padding-bottom: 100px; border-bottom: 1px solid #ffffff7b;}
.contact-col1{width: 45%;}
.contact-head h4{font-size: 16px;line-height: 1.56;margin: 0 0 10px;}
.contact-head h2{font-size: 46px;line-height: 1.2;margin: 0 0 40px;}
.contact-head p{line-height: 1.5;}
.address-sec{margin: 80px 0 0;display: flex;align-items:baseline;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.call-sec{width: 50%;}
.call-sec h3{font-size: 25px; margin: 0 0 15px;font-weight: 500;background:  linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.call-sec .call-number a{font-size: 16px; color: #fff;}
.call-sec .call-number a:hover{color: var(--primary-color);}
.location-sec h3{font-size: 25px; margin: 0 0 15px;font-weight: 500;background:  linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.location-sec{width: 50%;}
.location-sec a{font-size: 16px; color: #fff;}
.location-sec a:hover{color:var(--primary-color);}
.mail-sec{width: 50%;margin: 50px 0 0;}
.mail-sec h3{font-size: 25px; margin: 0 0 15px;font-weight: 500;background:  linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mail-sec .mail a{font-size: 16px; color: #fff;}
.mail-sec .mail a:hover{color: var(--primary-color);}
.social-sec{width: 50%;}
.social-sec h3{font-size: 25px; margin: 0 0 15px;font-weight: 500;background:  linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.social-icons{margin: 20px 0px;display: flex;align-items: center; justify-content: space-between;max-width: 200px;}
.social-icons .icon a{display: block;}
.social-icons .icon a img{width: 22px;height: 22px;object-fit:fill;}







/* contact-form */
.contact-col2{width: 48%;}
.contact-form{background-color:#fff;padding:50px;border-radius: 25px; color: #000000;} 
.contact-form .form-head h2{font-size: 40px;margin-bottom: 15px;}
.contact-form .form-head p{font-size:16px; margin: 0 0 30px;}
input,select,textarea {width: 100%;padding:0 0 20px 0px;margin: 8px 0;display: inline-block;border-bottom: 1px solid #ccc;box-sizing: border-box;margin-bottom: 30px;}
input[type=submit] {width: 100%;background-color: #4CAF50;color: white;padding: 14px 20px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;}
input[type=submit]:hover {background-color: #45a049;}
textarea {width: 100%;height: 150px;padding: 0 0 20px;box-sizing: border-box;border-bottom: 1px solid #ccc;font-size: 16px;resize: none;}
.contact-form .readmore-btn { display: inline-block; padding: 14px 25px 14px 50px; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; overflow: hidden; color: var(--secondary-color);}
.contact-form .readmore-btn:hover { padding: 14px 50px 14px 25px; color: #fff;}
input::placeholder {color:var(--secondary-color);opacity: 0.5;}
textarea::placeholder {color:var(--secondary-color);opacity: 0.5;}



/* footer menu */
.footer-menu-wrap{padding: 100px 0px;}
.footer-menu-sec{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.footer-col1{width: 60%;}
.footer-logo{padding-left: 2%;margin-bottom: 20px;}
.footer-logo img{width: 80px;height: 80px;object-fit: contain;}
.footer-slogan h2{background:  linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 500;font-size: 60px;line-height: 1.3;}
.footer-col2{width: 40%;}
.footer-links{display: flex;align-items: center;justify-content: flex-end;}
.footer-menu{margin-left: 10%;}
.footer-menu h3{font-size: 25px;margin: 0 0 20px;font-weight: 600;border-bottom: 1px solid #fff;padding-bottom: 10px;}
.footer-menu ul li{margin: 0 0 15px;}
.footer-menu ul li a{font-size: 17px; color: #fff;}
.footer-menu ul li a:hover{color: var(--primary-color);}



/* copyright-wrap */


.copyright-wrap{padding: 30px; background-color: #fff; color: #000000;max-width: 90%;margin: 0 auto;margin-top: -40px;border-radius: 25px;position: relative;}
.copyright-content{display: flex;align-items: center;justify-content: space-between;}
.copyright-wrap::after{content: "";position: absolute;background-color: transparent;height: 40px;width: 20px;bottom: 42px;left: -20px;
border-bottom-right-radius: 20px;box-shadow: 0 20px 0 0 #ffffff;}
.copyright-wrap::before{left: 100%;border-bottom-left-radius: 20px;box-shadow: 0 20px 0 0 #ffffff;content: "";position: absolute;background-color: transparent;bottom: 42px;height: 40px;width: 20px;}
.copyright-col1{width: 50%;}
.copyright-col2{width: 50%;text-align: end;}
.copyright-col2 a{color: var(--secondary-color);margin-right: 30px;}
.copyright-col2 a:hover{color: var(--primary-color);}
.copyright-col2 a:last-child{margin-right: 0;}










/* about-page */
/* .hero-wrapp.about-banner-wrap{padding: 50px 45px;} */
.hero-wrapp.about-banner-wrap{padding-bottom: 25px;}
.banner-wrapp .banner-inner.about-inner{min-height: 400px; padding: 50px 0px;}
.about-inner h2{font-size: 70px;color: #fff;line-height: 1.2;margin: 0 0 20px;position: relative;padding-top: 20px;}
.about-inner h2 span{font-weight: 500;}
.banner-icon{width: 80px;} 
.banner-breadcrump{position: absolute;right: 0;bottom: 0; background: #f0f2f4; border-radius: 25px 0 0 0; z-index: 1;width:fit-content;padding: 20px 30px;max-width: 600px;}
.banner-breadcrump:before {content: ""; position: absolute;background-color: transparent; height: 40px; width: 20px; top: -40px; right: 0; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #F0F2F4;}
.banner-breadcrump:after { content: ""; position: absolute; background-color: transparent; height: 40px; width: 20px; bottom: 0; left: -20px;border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #F0F2F4;}
.banner-breadcrump ul{display: flex; align-items: center;}  
.banner-breadcrump ul li{margin-right: 20px;position: relative;}
.banner-breadcrump ul li:last-child{margin-right:0;}
.banner-breadcrump ul li::after{position: absolute;top: 5px;right: -22%;background-color:#848484;height: 15px; width: 1px;content: ""; transform: rotate(20deg );}
.banner-breadcrump ul li:last-child::after{content: none;}
.banner-breadcrump ul li a{color: var(--secondary-color);}
.banner-breadcrump ul li a.active{color: var(--primary-color);}



/* about-sec */


.about-sec{margin: 80px 0px;}
.about-col-1 .about-col-head h3{position: relative;max-width: fit-content;}
.about-col-1 h2{font-size: 45px; margin-top: 20px;}
.about-wrap{display: flex;width: 100%;align-items: center;justify-content: space-between;}
.about-col-1{width: 55%;}
.about-des{padding-left: 100px;margin-top: 30px;position: relative;}
.left-side-text{position: absolute;top:220px; left: -32%; transform: rotate(270deg);}
.left-side-text h3{color: transparent;font-family: "Manrope Alt", Sans-serif;font-size: 65px;font-weight: 800;letter-spacing: -0.03em;
  -webkit-text-stroke-width: 1px;stroke-width: 1px;-webkit-text-stroke-color: var(--primary-color);stroke: var(--primary-color); text-transform: uppercase;}
.about-des p{line-height: 2;margin-bottom: 10px;}
.about-col-2{width: 40%;}
.about-points{display: flex;align-items: center;justify-content: space-between;margin-top: 30px;}
.about-points ul li{padding-left: 20px; margin-bottom: 35px; position: relative;}
.about-points ul li::before{position: absolute;top: 5%;left: 0;content: "";background-image: url("../images/gradient-next.svg");width: 22px;height:22px;background-size: contain;background-repeat: no-repeat;}
.about-points ul li a{color: var(--primary-color);font-size: 18px;font-weight: 500;}
.masked-image {width:500px;height: 500px;background-image: url('../images/groupphoto.jpg');background-size:contain;background-position: top center;-webkit-mask-image: url('../images/mask-image.svg'); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat;-webkit-mask-position: center;mask-image: url('../images/mask-image.svg'); mask-size: cover;mask-repeat: no-repeat; mask-position: center;}





/* about-service-sec */

.tech-wrap{padding: 0 45px;margin: 50px 0px;}
.tech-sec{width: 100%;background-color: var(--secondary-color);border-radius: 25px;padding: 50px;color: #fff;}
.tech-head h4{font-size: 16px;line-height: 1.56;margin: 0 0 10px;}
.tech-head h2{font-size: 46px;line-height: 1.2;margin: 0 0 30px;}
.tech-head p{line-height: 2;margin-bottom: 10px;}
.tech-stacks{display: flex;align-items: center;flex-wrap: wrap;margin: 50px 0px;justify-content:left;}
.tech-card{width: 23%;background-color: #1f1f1f;display: flex; padding:2% 2%; border-radius: 25px;align-items: center;display: flex;justify-content: center;margin: 0 2% 2% 0; transition: 0.3s all ease-in-out;position: relative;overflow: hidden;z-index: 55;}
.tech-card::before{content: '';position: absolute;width: 100%;height: 100%;top: 60%;left: 0;-webkit-border-radius: 50%;border-radius: 50%;filter: blur(100px);
opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;background:  linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);z-index: 2;}
.tech-card:hover::before{opacity: 1;}
.tech-card .tech-name,.tech-card .tech-icon{z-index: 555;}
.tech-card .tech-icon img{width: 40px; height: 40px; object-fit: cover;}
.tech-card .tech-name h3{font-size: 22px;padding-left: 20px; text-transform: capitalize;}




/* faq-section */
.faq-wrap{padding: 0 45px; margin: 50px 0px;margin-bottom: 0;}
.faq-sec{width: 100%;background-color:#F0F2F4;border-radius: 25px;padding:100px 50px;color:var(--secondary-color);position: relative;}
.faq-head{position: relative;display: flex;justify-content: center;flex-direction: column;max-width: 550px;margin: 0 auto;}
.faq-head h4{font-size: 16px;line-height: 1.56;margin: 0 0 10px;}
.faq-head h2{font-size: 46px;line-height: 1.2;margin: 0 0 70px;}
.acco-header{display: flex;align-items: center;justify-content: space-between;margin: 30px 0px;}
.acco-no{width: 30%;font-size: 30px;}
.acco-title{width: 70%;font-size: 30px;position: relative;}
.accordion-content{width: 70%;margin-left: auto;padding: 30px 0px;padding-top: 0;}
.accordion-content p{line-height: 2;}
.accordion-item{border-bottom: 1px solid #000000;}
.acco-title::after{position: absolute;top: 0;right: 0;content: "";background-image: url("../images/black-next.svg");width: 20px;height: 30px;background-size: contain;background-repeat: no-repeat;}
.faq-explore-btn{display: flex;align-items: center;justify-content: center;margin: 50px auto;margin-bottom: 0;}
.faq-wrap .readmore-btn { display: inline-block; padding: 14px 25px 14px 50px; font-size: 14px; text-transform: uppercase; font-weight: 600;  letter-spacing: 1px;  overflow: hidden; color: var(--secondary-color);}
.faq-wrap .readmore-btn .arrow { display: inline-block;  width: 18px;  height: 22px;  margin: 0 0 -5px 4px;}
.faq-wrap .readmore-btn .arrow img { width: 100%; height: 100%;}
.faq-wrap .readmore-btn .text { color: var(--secondary-color); display: inline-block;  -webkit-transition: transform 0.3s, opacity 0.3s;  transition: transform 0.3s, opacity 0.3s;}
.faq-wrap .readmore-btn .hover-text { position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  padding: 14px 25px;  color: #fff;  opacity: 0;  -webkit-transition: transform 0.3s, opacity 0.3s;  transition: transform 0.3s, opacity 0.3s;  -webkit-transform: translateX(-150%);  -ms-transform: translateX(-150%);  transform: translateX(-150%);}
.faq-wrap .readmore-btn:hover .text {  -webkit-transform: translateX(150%);  transform: translateX(150%);  opacity: 0;}
.faq-wrap .readmore-btn:hover .hover-text {  -webkit-transform: translateX(0);  transform: translateX(0);  opacity: 1;}
.faq-wrap .readmore-btn:hover { color: #fff; padding: 14px 50px 14px 25px;}



/* service-section */


.service-sec{padding: 80px 0px;background-color: #f0f2f4;}
.service-head h4{font-size: 16px;line-height: 1.56;margin: 0 0 10px;}
.service-head h2{font-size: 46px;line-height: 1.2;margin: 20px 0px;}
.service-content p{line-height: 1.56;}
.service-slider{margin: 50px 0px;display: flex;align-items: center;justify-content: left;flex-wrap: wrap;}
.serv-slide{width:23%;margin:2% 2% 2% 0;}
.service-card{padding: 20px 20px 40px 20px;background-color: #fff;margin-right: 20px;border-radius: 20px;position: relative;width: 100%;}
.service-image{position: relative;}
.service-image::after{position: absolute;top: 0;left: 0;background-color: #00000042;width: 100%;height: 100%;content: "";z-index: 22;border-radius: 20px;}
.service-image img{border-radius: 20px;height: 250px;object-fit: cover;object-position:left center;width: 100%;}
.service-image span{position: absolute;color: #fff;font-size: 35px;font-weight: 800;z-index: 555;transform-origin: 0 0;transform: rotate(270deg);top: 95%;}
.service-tittle h3{font-size: 30px;}
.service-labeles ul li{padding: 8px 22px;border: 1px solid var(--secondary-color);margin: 20px 0px;border-radius: 20px;display: inline-block;font-size: 12px;font-weight: 500;color: #545454;}
.service-card .service-btn { position: absolute; right: 0;  bottom: 0; padding: 10px 10px 0; background: #f0f2f4;  z-index: 1; border-radius: 25px 0 0 0;}
.service-card .service-btn a { display: block; width: 50px; height: 50px; border-radius: 50%;  position: relative;}
.service-card .service-btn:before { content: ""; position: absolute; background-color: transparent; top: -40px; right: 0; height: 40px; width: 20px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #F0F2F4;}
.service-card .service-btn:after { content: ""; position: absolute; background-color: transparent; bottom: 0; left: -20px; height: 40px; width: 20px; border-bottom-right-radius: 20px;  box-shadow: 0 20px 0 0 #F0F2F4;}




/* work-process-sec */
.work-process-sec{padding: 80px 0px; padding-bottom: 0px;}
.work-head h4{font-size: 16px;line-height: 1.8;margin: 0 0 10px;}
.work-head h2{font-size: 46px;line-height: 1.2;margin: 20px 0px;}
.work-content p{line-height: 2;}
.process-title-bar{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #7b7d7f;padding: 20px 0px;}
.process-tittle-button{border: none;background-color:#ffff;position: relative;}
.process-tittle-button::after{position: absolute;top: 0;right: -55px;content: "";background-image: url("../images/black-next.svg");width: 20px;height: 30px;background-repeat: no-repeat;background-size: contain;}
.process-tittle-button:last-child::after{content: none;}
.process-wrap{padding: 30px 0px;}
.process-tittle-button h2{font-size: 20px;}
.process-content{padding:30px;margin: 30px 0px;}
.process-tittle-button.active h2{color: var(--primary-color);}
.process-detail-wrap{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.process-detail-col1{width: 48%;}
.process-detail-col1  img{object-fit: cover;width: 100%;height: 500px;border-radius: 20px;}
.process-detail-col2{width: 48%;background-color: #F0F2F4;padding: 100px 50px;border-radius: 20px;position: relative;}
.process-detail-col2 h3{font-size: 35px;margin: 0 0 20px;}
.process-detail-col2 p{font-size: 18px; line-height: 1.8;padding-left: 30px;}
.process-detail-col2 .shape-1 { width: 130px; height: 70px; position: absolute; background: #ffff; border-radius: 0 0 25px 0; top: 0; left: 0;}
.process-detail-col2 .shape-1:before { content: ""; position: absolute; background-color: transparent; top: 0; right: -20px; height: 40px; width: 20px;border-top-left-radius: 25px; box-shadow: 0 -20px 0 0 #ffffff;}
.process-detail-col2 .shape-1:after { content: ""; position: absolute; background-color: transparent; bottom: -40px; left: 0; height: 40px; width: 20px; border-top-left-radius: 25px; box-shadow: 0 -20px 0 0 #ffffff;}
.process-detail-col2 .shape-2 { position: absolute; right: 0; bottom: 0; background: #ffffff; border-radius: 25px 0 0 0; z-index: 1;width: 130px; height: 70px;}
.process-detail-col2 .shape-2:before {content: ""; position: absolute; background-color: transparent; height: 40px;  width: 20px; top: -40px; right: 0; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #ffffff;}
.process-detail-col2 .shape-2:after { content: ""; position: absolute; background-color: transparent; height: 40px; width: 20px; bottom: 0; left: -20px; border-bottom-right-radius: 20px;  box-shadow: 0 20px 0 0 #ffffff;}






/* Blog-sec */


.blog-wrap{padding: 80px 0px;background-color: #f0f2f4;}
.blog-sec{display: flex;align-items: center;width: 100%;flex-wrap: wrap;}
.blog-card{width: 31%;margin:0 2% 2% 0;border: 1px solid #d9d9d9;border-radius: 25px;position: relative;margin-bottom: 30px;background-color: #fff;}
.blog-card .blog-card-image img{height: 400px;width: 100%;object-fit: cover;border-radius: 25px;}
.blog-card-content{position: relative;}
.blog-card-title{padding:40px 30px 50px 30px;font-size: 25px;line-height: 1.5;}
.blog-card-date{padding: 15px 30px;position: absolute; background: #ffffff; border-radius: 25px; z-index: 1;width:fit-content;top:-30px;}
.blog-card-date::after{content: "";position: absolute;background-color: transparent;bottom: 23px;height: 40px;width: 20px;right: -16px;
border-bottom-left-radius: 20px;box-shadow: 0 20px 0 0 #ffffff;}
.blog-card-labels ul {margin-top: 10px;}
.blog-card-labels ul li{display: inline;margin-right: 20px;position: relative;}
.blog-card-labels ul li::after{position: absolute;top: 12px;right: -14px;background-color: #7b7d7f;content: "";height: 16px;width: 1px;transform: rotate(12deg)}
.blog-card-labels ul li:last-child::after{ content: none;}
.blog-card-labels ul li a{font-size: 18px;color: #7b7d7f;}
.blog-card:nth-child(3n){margin-right: 0;}
.service-btn { position: absolute; right: -1px;  bottom: -1px; padding: 10px 10px 0; background: #f0f2f4;  z-index: 1; border-radius: 25px 0 0 0;border-top: 1px solid #d9d9d9;}
.service-btn a { display: block; width: 50px; height: 50px; border-radius: 50%;  position: relative;}
.service-btn:before { content: ""; position: absolute; background-color: transparent; top: -40px; right: 0; height: 40px; width: 20px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #f0f2f4;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.service-btn:after { content: ""; position: absolute; background-color: transparent; bottom: 0; left: -20px; height: 40px; width: 20px; border-bottom-right-radius: 20px;  box-shadow: 0 20px 0 0 #f0f2f4;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}






/* project-sec */


.project-row1{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.project-row2{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;}
.project-row1 .project-row-col-1{width:56%;}
.project-row1 .project-row-col-2{width: 41%;}
.project-row2 .project-row-col-1{width:56%;}
.project-row2 .project-row-col-2{width: 41%;}
.project-row-card{background-color:#000000;padding:50px 40px 50px 40px;border-radius: 20px;color: #ffffff;position: relative; border: 1px solid #d9d9d9;margin:0 5% 7% 0;}
.project-row-card:nth-child(2n){margin-right: 0;}
.project-row-card h3{font-size: 30px;line-height: 1.8;margin-bottom: 15px;font-weight: 500;}
.project-row-card p{font-size: 18px;line-height: 1.8; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}  
.project-row-card-image{margin: 30px 0px;}
.project-row-card-image img{height: 300px; width:100%;object-fit: cover;border-radius: 20px;}
.project-card-btn { position: absolute; right: -1px;  bottom: -1px; padding: 10px 10px 0; background: #ffffff;  z-index: 1; border-radius: 25px 0 0 0;border-top: 1px solid #ffffff;}
.project-card-btn a { display: block; width: 50px; height: 50px; border-radius: 50%;  position: relative;}
.project-card-btn:before { content: ""; position: absolute; background-color: transparent; top: -40px; right: 0; height: 40px; width: 20px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;}
.project-card-btn:after { content: ""; position: absolute; background-color: transparent; bottom: 0; left: -19px; height: 40px; width: 20px; border-bottom-right-radius: 20px;  box-shadow: 0 20px 0 0 #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;}






/* blog-detail-page */

.blog-detail-row{display: flex;align-items:start;justify-content: space-between;}
.blog-detail-col-1{width: 72%;}
.blog-detail-col-2{width: 24%;}
.blog-detail-wrap{margin: 50px 0px;}
.content-wrapp .content-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-wrapp .content-col1 { width: 68%;}
.content-wrapp  .content-col2 { width: 27%;}
.content-wrapp h2 { font-size: 40px; color: var(--primary); margin: 0 0 20px;}
.content-wrapp p {  font-size: 16px; line-height: 1.7; font-weight: 400; color: #000; margin: 0 0 22px;}
.content-wrapp h3 { font-size: 32px; color: var(--primary); margin: 0 0 20px;}
.content-wrapp h4 { font-size: 25px; color: var(--primary); margin: 0 0 20px;}
.content-wrapp ul { width: 100%; margin: 0 0 22px;}
.content-wrapp ul li { font-size: 16px; line-height: 1.7; font-weight: 400; color: #000; padding-left: 16px; position: relative;margin-bottom: 10px;}
.content-wrapp ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrapp ol { width: 100%; float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px; position: relative;}
.content-wrapp ol li { font-size: 16px; color: #000; line-height: 1.7; counter-increment: step-counter; padding-left: 4px; width: auto; margin: 0 auto; position: relative; margin-bottom: 10px;}
.content-wrapp ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: relative; left: -4px; color: #525252; top: 0;font-weight: 600;}
.content-wrapp img{margin:50px 0px;border-radius: 20px;}
.blog-footer{border-top: 1px solid #E0E2E5;display: flex;align-items: center;justify-content: space-between;padding: 20px 0px;}
.blog-footer-social{display: flex;align-items: center;}
.blog-footer-col-1 p{font-weight: 500;font-size: 20px;}
.blog-footer-social a img{width: 20px; height: 20px;object-fit: contain;}
.blog-footer-social a{margin-right: 20px;}
.side-bar{padding: 50px 0px;}
.related-blog{background-color:#f0f2f4;border-radius: 20px;padding: 50px 20px 50px 30px;}
.related-blog ul li span{transition: 0.3s all ease-in-out;transform: translateX(-15px);opacity: 0;}
.related-blog ul li span img{width: 25px;height: 25px;}
.related-blog ul li a{font-size: 20px;color:var(--secondary-color);font-weight: 600;}
.related-blog ul li{display: flex;align-items: center;margin-bottom: 20px;}
.related-blog ul li:hover span{ transform: translateX(0px);opacity: 1;}
.related-blog ul li:hover a{background: linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.related-blog ul li:last-child{margin-bottom: 0;}
.recent-post-section{margin: 50px 0px;padding: 0px 10px;}
.recent-post-head{margin-bottom: 30px;position: relative;}
.recent-post-head::after{position: absolute;top: 10%;right: 0;width: 25px;height: 25px;background-image: url("../images/black-next.svg");content: ""; background-size: contain;background-repeat: no-repeat;}
.recent-post-head h3{font-size: 28px; border-bottom: 1px solid var(--secondary-color);padding-bottom: 20px;}
.post-div{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 30px;}
.post-div:hover .post-head h3{background: linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.post-div .post-img{width: 25%;}
.post-div .post-img img{border-radius: 10px;}
.post-div .post-head{width: 70%;}
.post-div .post-head h3{font-size: 17px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;}



/* contact-page-sec */

.contact-page-sec{margin: 80px 0px;}
.contact-page-sec .contact-wrap{padding-bottom: 0;}
.contact-page-sec .contact-wrap .address-sec a{color: var(--secondary-color);}
.footer-wrap.contact-page{margin-top: 0;}
.footer-wrap.contact-page .contact-form{background-color: #f0f2f4;}






.works-wrap{padding: 80px 0px;}
.works-head-wrap{display: flex;align-items: center;justify-content:center;padding-bottom:20px;}
.works-head{background-color:transparent;border-radius: 30px;font-size: 20px;color: #fff;padding: 15px 40px; border: none;margin-right: 30px;border:1px solid #5601ff;background: linear-gradient(to right, var(--primary-color) 0%, #5601ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;position: relative;cursor: pointer;transition: 0.3s all ease-in-out;}
.works-head:hover{background: #000000;-webkit-text-fill-color:#fff;border-color: #000;}
.works-head:last-child{margin-right: 0;}
.branding-row{display: flex;align-items:stretch;justify-content: space-between;flex-wrap: wrap;}
.branding-col-1{width: 49%;}
.branding-col-2{width: 49%;}
.branding-main-card img{height: 500px;object-fit: cover;width: 100%;border-radius: 25px;transition: 0.3s all ease-in-out;}
.branding-card img{ height:240px;width: 100%;object-fit: cover;border-radius: 25px;transition: 0.3s all ease-in-out;}
.branding-card {margin-bottom: 5%;border-radius: 25px 25px 25px 0px;overflow: hidden;position: relative;}
.branding-card span{position: absolute;bottom: 0;left: 0;opacity: 1 ;transition: opacity 0.3s;display: block;padding:15px 50px;
-webkit-border-radius: 0 25px 0 0;border-radius: 0 25px 0 0;background-color: #fff;font-size: 20px;font-weight: 500;opacity: 0;}
.branding-card span::after{content: "";position: absolute;background-color: transparent;height: 40px;width: 20px;top:-29px;
left: 10px;border-bottom-right-radius: 20px;box-shadow: 0 20px 0 0 #ffffff;transform: rotate(90deg);}
.branding-main-card span::after{content: "";position: absolute;background-color: transparent;height: 40px;width: 20px;top:-29px;
left: 10px;border-bottom-right-radius: 20px;box-shadow: 0 20px 0 0 #ffffff;transform: rotate(90deg);}
.branding-main-card span{position: absolute;bottom: 0;left: 0;opacity: 1 ;transition: opacity 0.3s;display: block;padding:15px 50px;
-webkit-border-radius: 0 25px 0 0;border-radius: 0 25px 0 0;background-color: #fff;font-size: 20px;font-weight: 500;opacity: 0;}
.branding-main-card {overflow: hidden;border-radius: 25px 25px 25px 0px;position: relative;margin-bottom: 5%;}
.branding-row:nth-child(2n){flex-direction: row-reverse;}
.works-content{padding-top: 50px;}
.branding-card:hover img{filter: blur(5px);border-radius: 25px;}
.branding-card:hover span{opacity: 1;}
.branding-main-card:hover span{opacity: 1;}
.branding-main-card:hover img{filter: blur(5px);border-radius: 25px;}



.overlay{display: none;}
.burger-btn{display: none;}



.contact-form .everest-forms .evf-field-container .evf-frontend-grid {padding: 0;}
.contact-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field { margin: 0 0 20px;}
.contact-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field input, .contact-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field textarea {   width: 100%;  padding: 0 0 20px 0px;  margin: 8px 0;  display: inline-block;   border: none;   border-bottom: 1px solid #000000;   box-sizing: border-box;   margin-bottom: 10px;   border-radius: 0;}
.contact-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field input::placeholder, .contact-form .everest-forms .evf-field-container .evf-frontend-grid .evf-field textarea::placeholder { color: #000000;  opacity: 1;}
.contact-form .everest-forms .evf-submit-container { padding: 0;}
.contact-form .everest-forms .evf-submit-container button {display: inline-block; padding: 14px 25px 14px 25px; font-size: 14px;  text-transform: uppercase; font-weight: 600;  letter-spacing: 1px;   overflow: hidden;   color: var(--secondary-color);   outline: none;   border: none;   font-family: "Manrope", serif;   transition: all .25s ease-in-out;background-color: transparent;}
.contact-form .everest-forms .evf-submit-container button:hover { color: #ffffff;background-color: transparent;}




.blog-images{display: flex;align-items: center;justify-content: space-between;}
.content-wrapp .blog-images img{width: 48%;}










@media(max-width:1400px){
  .footer-slogan h2 br{display: none;}
  .abouts-wrapp .abouts-content{padding-left: 0;}
  .blog-card-title{font-size: 22px;}
  .contact-head h2{font-size: 40px;}
  .serv-slide{width: 32%;}
  .serv-slide:nth-child(3n){margin-right: 0;}
  .service-card{padding: 10px; padding-bottom: 80px;}
  .service-tittle h3{font-size: 28px;}
  .footer-slogan h2{font-size: 50px;}
  .footer-col1{width: 50%;}
  .footer-col2{width: 48%;}
  .tech-card{padding: 2% 1%;}
  .blog-card .blog-card-image img{height: 300px;}
}




@media(max-width:1200px){
  .abouts-wrapp h2{font-size: 40px;}
  .project-head h2 br{display: none;}
  .completed-proj{margin-left: 200px;}
  .project-head h2{font-size: 40px;}
  .completed-proj h2{font-size: 80px;}
  .testimonial-wrapp h2{font-size: 40px;}
  .contact-head h2{font-size: 40px;}
  .contact-head h2 br{display: none;}
  .contact-wrap{align-items: center;}
  .contact-wrap{padding-bottom: 40px;}
  .footer-menu-wrap{padding: 40px 0px;}
  .footer-slogan h2{font-size: 40px;}
  .abouts-wrapp .spcl-text{font-size: 50px;text-align: left;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5{width: 100%;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:first-child span{display: inline-block;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:first-child {margin-bottom: 40px;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:nth-child(2){width: 45%;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:nth-child(3){width: 45%;}
  .abouts-wrapp .abouts-col1 .abouts-col4{padding: 40px;justify-content: space-between;}
  .footer-menu{margin-left: 5%;}
  .abouts-wrapp .abouts-col2{padding: 6%;}
  .service-wrapp h2 span{display: inline-block;}
  .banner-wrapp .banner-inner{min-height: 500px;}
  .left-side-text{left: -35%;}
  .tech-card{width: 30%;}
  .faq-head h2 br{display: none;}
  .faq-head{max-width: none;}
  .acco-title{width: 80%;}
  .accordion-content{width: 80%;}
  .acco-no{width: 20%;}
  .acco-title{padding-right: 25px;}
  .masked-image{width: 400px;height: 400px;}
  .blog-card-title{font-size: 18px;}
  .blog-card-labels ul li::after{top: 7px;}
  .contact-head h2{font-size: 32px;}
  .blog-detail-col-1{width: 65%;}
  .blog-detail-col-2{width: 32%;}
  .works-wrap{padding-bottom: 0;}
  .footer-wrap{margin-top: 50px;}
  .serv-slide{width: 32%;}
  .service-tittle h3{font-size: 25px;}
  .service-card{padding-bottom: 70px;}
  .service-wrapp h1{font-size: 45px;}
  .service-wrapp .service-col1{padding-left: 50px;}
  .service-wrapp h3{font-size: 18px;}
  .service-content p{line-height: 1.8;font-size: 14px;}
  .completed-proj{margin-left: 140px;}
  .process-tittle-button::after{right: -35px;top: 3px;height: 20px;}
  .process-detail-col2{padding: 100px 30px;}
  .process-detail-col2 p{padding-left: 0;}
  .service-sec{padding: 50px 0px;}
  .service-slider{align-items: stretch;}
  .process-tittle-button h2{font-size: 18px;}
  .social-sec h3{font-size: 23px;}
}

@media(max-width:1024px){
  .left-side-text{left: -45%;}
  .about-des{padding-left: 70px;}
  .masked-image{width: 350px;}
  .left-side-text{display: none;}
  .about-des{padding-left: 0;}
  .about-points ul li a{font-size: 16px;}
  .tech-card{padding: 20px;justify-content: left;}
  .tech-card .tech-name h3{font-size: 20px;}
  .tech-stacks{margin-bottom: 0;}
  .contact-page-sec{margin: 50px 0px;}
  .contact-form{padding: 30px;}
  .about-inner h2{font-size: 50px;}
  .abouts-wrapp .spcl-text{margin-bottom: 30px;}
  .process-title-bar{flex-wrap: wrap;}
  .process-tittle-button{width: 100%;text-align: left;padding: 10px 0px;}
  .process-tittle-button h2{font-size: 20px;}
  .process-content{margin-top: 0;}
  .process-tittle-button::after{right: 0;height: 25px;}
  .process-tittle-button:last-child::after{content: "";}
  .footer-links{justify-content: flex-start;}   
  .footer-col1{width: 100%;display: flex;}
  .footer-col2{width: 100%;margin-top: 50px;}
  .footer-slogan{margin-left: 50px;}
  .footer-menu-sec{flex-wrap: wrap;}
}

@media(max-width:991px){
  .hero-wrapp{padding: 0 15px;}
  .banner-wrapp .banner-inner{min-height: 400px;}
  .banner-wrapp h1{font-size: 60px;}
  .service-category .service-col1{padding: 20px;width:48%;min-height: 340px;}
  .service-category .service-col1.service3{width: 100%;margin-top: 40px;min-height: 220px;}
  .service-category .service-col1 h1{font-size: 80px;}
  .service-wrapp{padding-bottom: 0px;}
  .service-wrapp h2{font-size: 40px;}
  .service-wrapp .service-col1{width: 48%;}
  .service-wrapp h1{font-size: 60px;}
  .service-wrapp .service-col1{padding-left: 70px;}
  .service-content p{line-height: 1.8;}
  .abouts-wrapp .abouts-col1{width: 100%;}
  .abouts-wrapp .abouts-col2{width: 100%;margin-top: 30px;}
  .abouts-wrapp{padding:50px 15px;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5{width: 30%;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:nth-child(2){width: 32%;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:nth-child(3){width: 32%;}
  .completed-proj{margin-left: 100px;}
  .testimonial-wrapp .testimonial-col1{width: 100%;margin-top: 50px;}
  .testimonial-wrapp .testimonial-col2{width: 100%;}
  .completed-proj p{font-size: 20px;}
  .testimonial-wrapp .testimonial-row{flex-direction: column-reverse;}
  .testimonial-wrapp .testimonial-col2 .shape1{display: none;}
  .contact-wrap{flex-wrap: wrap;}
  .contact-col1{width: 100%;}
  .contact-col2{width: 100%;margin-top: 50px;}
  .testimonial-wrapp{padding: 0 15px;}
  .footer-wrap{padding:0 15px;margin-top: 50px;}
  .copyright-wrap{padding: 15px;}
  .copyright-wrap::before{bottom: 12px;left: 99%;}
  .copyright-wrap::after{bottom: 11px;left:-1%;}
  .header-wrapp .header-links{display: none;}
  .about-col-1 h2{font-size: 40px;}
  .blog-card{width: 47%;}
  .blog-card:nth-child(3n){margin-right: 30px;}
  .blog-card:nth-child(2n){margin-right: 0 !important;}
  .blog-card-title{font-size: 18px;}
  .contact-page-sec .footer-content{padding-top: 20px;}
  .contact-page-sec .footer-menu-wrap{padding-top: 0px;}  
  .blog-detail-row{flex-wrap: wrap;}
  .blog-detail-col-1{width: 100%;}
  .blog-detail-col-2{width: 100%;}
  .related-blog ul li span{opacity: 1;}
  .post-div .post-img{width: 28%;}
  .post-div .post-head h3{font-size: 20px;}
  .side-bar{padding-bottom: 0;}
  .blog-detail-wrap{margin-bottom: 0;}
  .works-wrap{padding: 50px 0px;}
  .works-content{padding-top: 30px;}
  .project-row1 .project-row-col-1,.project-row1 .project-row-col-2{width: 49%;}
  .project-row2 .project-row-col-1,.project-row2 .project-row-col-2{width: 49%;}
  .project-row-card h3{font-size: 22px;}
  .project-row-card p{font-size: 16px;}
  .branding-main-card span{font-size: 18px;}
  .project-row-card{padding: 30px 20px 40px;margin: 0 2% 4% 0;}
  .service-slider{align-items: stretch;}
  .service-sec{padding: 50px 0px;}
  .about-col-1{width: 100%;}
  .about-col-2{width: 100%;}
  .about-wrap{flex-wrap: wrap;}
  .about-points{max-width: 600px;}
  .about-col-1 h2{font-size: 40px;}
  .about-sec{margin: 40px 0px;}
  .masked-image{width: 600px; mask-size: contain;margin: 0 auto;height: 500px;background-position: top center;}
  .tech-wrap{padding: 0px 20px;}
  .tech-card{width: 48%;}
  .tech-card:nth-child(2n){margin-right: 0;}
  .tech-head h2{font-size: 40px;}
  .faq-head h2{font-size: 40px;}
  .acco-title{font-size: 25px;}
  .about-points ul li a{font-size: 15px;}
  .faq-sec{padding: 50px 20px;}
  .faq-wrap{padding: 0px 20px ;margin-top: 20px;}
  .slogan-wrapp h1{font-size: 50px;}
  .slogan-wrapp{padding-bottom: 30px;}
  .process-detail-col2 p{font-size: 16px;}
  .process-detail-col2{padding: 80px 30px;}
  .service-head h2{font-size: 40px;}
  .serv-slide{width:47%}
  .serv-slide:nth-child(2n){margin-right: 0;}
  .serv-slide:nth-child(3n){margin-right: 10px;}
  .process-detail-col2 h3{font-size: 28px;}
  .work-head h2{font-size: 40px;}
  .copyright-col1{font-size: 13px;}
  .copyright-col2 a{font-size: 13px;}


.header-wrapp .header-btns { display: none;}
.overlay {display: block;position: fixed; right: 0; top: 0; width: 350px; height: 100%; background: linear-gradient(to right, var(--primary-color) 0%, #5601ff 60%, var(--primary-color) 100%); background-size: 300% 100%; z-index: 99; padding: 110px 5% 50px; transform:translateX(100%); opacity: 0; visibility: hidden; transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay.show{ transform:translateX(0); opacity: 1; visibility: visible;}
.overlay ul {width: 100%;}
.overlay ul { width: 100%;}
.overlay ul li a { color: #ffffff; display: block; padding: 12px 0;}
.overlay ul li { font-size: 18px; border-bottom: 1px solid #dadada;}
.overlay ul li a:hover { color: var(--secondary-color) !important;}
.burger-btn { display: block; position: fixed; width: 50px; height: 30px; right: 30px; top: 51px; z-index: 999;  overflow: hidden;}
.burger-btn span { display: block; width: 100%; height: 3px; background: linear-gradient(to right, var(--primary-color) 0%, #5601ff 60%, var(--primary-color) 100%); background-size: 300% 100%; border-radius: 5px; transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn:hover span{background-position: 50% 0;}
.burger-btn .active span { background: #ffffff;}
.burger-btn span:first-child { width: 70%;}
.burger-btn span:nth-child(2n) { margin: 9px 0; transition: all 0.5s cubic-bezier(.22,.68,0,1.71);}
.burger-btn .burger-toggle { display: flex; flex-wrap: wrap; justify-content: right;}
.burger-btn span:last-child { width: 70%;}
.burger-btn .active span:nth-child(2n) { transform: translateX(-100%);}
.burger-btn .active span:first-child { transform: translateY(13px) rotate(-45deg);}
.burger-btn .active span:last-child { transform: translateY(-11px) rotate(45deg);}
body:after { content: ""; display: block; position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 40%); z-index: 9; transform: translateX(100%); opacity: 0; visibility: hidden;  transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
body.menu-open:after{ transform:translateX(0); opacity: 1; visibility: visible;}
body.menu-open{  overflow-y: hidden;}
.overlay ul ul.sub-menu li {border: none; padding-left: 20px; position: relative;  color: var(--primary-color);}
.overlay ul ul.sub-menu li:before {  content: "-"; position: absolute; left: 0; top: 50%;  transform: translateY(-50%);}
.overlay ul li.has-sub > a {background: url(../images/chevron-down-white.svg) no-repeat center / 14px; background-position-x: 95%;}
.overlay ul li.has-sub > a:hover {background: url(../images/chevron-down-grey.svg) no-repeat center / 14px; background-position-x: 95%;}


}



@media(max-width:767px){
  .banner-wrapp h1{font-size: 40px;}
  .banner-wrapp h1 span{display: inline-block;}
  .service-wrapp .service-col1{width: 100%;}
  .testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-slider{padding: 10% 6% 15%;}
  .testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-box p{font-size: 20px;}
  .blog-card{width: 100%;margin-right: 0;}
  .blog-card:nth-child(3n){margin-right: 0;}
  .blog-card .blog-card-image img{height: 250px;}
  .blog-card-title{padding: 30px;}
  .project-row1,.project-row2{flex-wrap: wrap;}
  .project-row1 .project-row-col-1, .project-row1 .project-row-col-2,.project-row2 .project-row-col-1, .project-row2 .project-row-col-2{width: 100%;}
  .project-row-card-image img{height: 200px;}
  .project-row-card p{font-size: 14px;}
  .works-head{font-size: 18px;}
  .works-wrap{padding-bottom: 0;}
  /* .branding-card img{height: 300px;}
  .branding-main-card img{height: 300px;} */
  .serv-slide{width: 47%;}
  .serv-slide:nth-child(2n){margin-right: 0;}
  .masked-image{max-width: 600px;width: 100%;}
  .tech-card{padding: 15px;}
  .tech-card .tech-name h3{font-size: 16px;}
  .tech-sec{padding: 50px 20px;}
  .completed-proj h2{font-size: 50px;}
  .process-detail-wrap{flex-wrap: wrap;}
  .process-detail-col1{width: 100%;display: none;}
  .process-detail-col2{width: 100%;margin-top: 0px;}
  .process-detail-col1 img{max-height: 300px;width: 100%;object-fit: cover;}
  .process-content{padding: 30px 0px;}
  .process-detail-col2{padding-top: 100px;}
  .serv-slide{width: 100%;}
  .service-card{margin: 0;}
  .banner-breadcrump{max-width: 300px;}
  .banner-breadcrump ul li:last-child{display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;  overflow: hidden;}
}




@media(max-width:576px){
  .service-category .service-col1{width: 100%;margin-bottom: 30px;}
  .service-category .service-col1.service3{margin-top: 0;}
  .slogan-wrapp{padding-bottom: 0;}
  .slogan-wrapp h1{font-size: 40px;}
  .testimonial-wrapp .testimonial-slider .slick-prev,.testimonial-wrapp .testimonial-slider .slick-next{bottom: -1px;}
  .testimonial-wrapp .testimonial-slider .slick-next:after{bottom:5px;right: -18px;}
  .testimonial-wrapp .testimonial-slider .slick-prev:after{bottom:0px;left: -18px;}
  .footer-slogan h2{font-size: 22px;}
  .copyright-content{flex-wrap: wrap;font-size: 14px;}
  .copyright-col1{width: 100%;text-align: center;margin-bottom:8px;}
  .copyright-col2{width: 100%;text-align: center;}
  .copyright-col2 a{margin-right: 10px;}
  .footer-col2{margin-top: 20px;}
  .footer-menu:first-child{margin-left: 0;}
  textarea{height: 100px;}
  .banner-wrapp .banner-btn a{padding: 15px 20px;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5{width: 100%;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:nth-child(2){text-align: center;width: 48%;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:nth-child(3){text-align: center;width: 48%;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:first-child{margin-bottom: 0;}
  .abouts-wrapp h5{text-align: center;}
  .abouts-wrapp .abouts-col1 .abouts-col4{padding: 20px;} 
  .project-header-portion{flex-wrap: wrap;}
  .completed-proj{margin-top: 30px;}
  .footer-content{padding: 50px 20px;}
  .contact-form{padding: 20px;}
  .abouts-wrapp .spcl-text{font-size: 30px;}
  .blog-wrap{padding: 50px 0px;}
  .about-inner h2{font-size: 40px;}
  .banner-wrapp .banner-inner.about-inner{min-height: 300px;}
  .blog-card-title{padding: 30px 15px;}
  .blog-card-labels ul li a{font-size: 14px;}
  .call-sec h3,.location-sec h3,.mail-sec h3,.social-sec h3{font-size: 20px;}
  input, select, textarea{font-size: 14px;}
  .copyright-col1,.copyright-col2 a{font-size: 12px;}
  .footer-menu h3{font-size: 16px;}
  .footer-menu ul li a{font-size: 14px;}
  .contact-page-sec .contact-col2{margin: 0;}
  .contact-page-sec .contact-col1{padding: 0px 20px;}
  .contact-page-sec{margin-bottom: 0;}
  .contact-page-sec .address-sec{margin-top: 0;}
  .header-wrapp .header-bnt1{padding: 13px 20px;}
  .content-wrapp p{font-size: 14px;}
  .side-bar{padding: 20px 0px;}
  .post-div .post-head h3{font-size: 16px;}
  .post-div .post-img{width: 26%;}
  .related-blog ul li a{font-size: 17px;}
  .related-blog ul li{margin-bottom: 28px;}
  .about-inner h2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;}
  .banner-breadcrump ul li a{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;  overflow: hidden;}
  .banner-breadcrump{max-width: 200px;}
  .post-div:last-child{margin-bottom: 0;}
  .recent-post-section{margin-bottom: 0;}
  .recent-post-head h3{font-size: 26px;}
  .blog-footer-col-1 p{font-size: 18px;}
  .content-wrapp img{margin: 30px 0px;}
  .blog-detail-wrap{margin: 30px 0px;}
  .call-sec .call-number a,.location-sec a,.mail-sec .mail a{font-size: 14px;}
  .social-icons .icon a img{width: 20px;height: 20px;}
  .branding-card img{height: 300px;}
  .branding-main-card img{height: 300px;}
  .branding-col-1,.branding-col-2{width: 100%;}
  .about-col-1 h2{font-size: 22px;}
  .service-wrapp h2{font-size: 22px;}
  .abouts-wrapp h2{font-size: 22px;}
  .project-head h2{font-size: 22px;}
  .contact-form .form-head h2{font-size: 22px;}
  .contact-head h2{font-size: 22px;}
  .tech-head h2{font-size: 22px;}
  .faq-head h2{font-size: 22px;margin-bottom: 30px;}
  .tech-head p br{display: none;}
  .acco-title{font-size: 20px;}
  .acco-no{width: 10%;}
  .acco-title{width: 85%;}
  .acco-title::after{top: 8px;}
  .accordion-content{width: 85%;}
  .about-points{flex-wrap: wrap;}
  .about-points ul li a{font-size: 16px;}
  .about-points ul li{margin-bottom: 30px;}
  .masked-image{min-height: 300px;height: 100%;}
  .tech-card{width:100%;margin-right: 0;margin-bottom: 5%;}
  .acco-title{font-size: 16px;}
  .acco-no{font-size: 22px;}
  .acco-header{align-items: flex-start;}
  .service-wrapp h1{font-size: 40px;}
  .service-wrapp .service-col1 .step-nmbr{top: -8px;}
  .service-wrapp .service-col1{padding-left: 50px;}
  .project-card{height: 400px;}
  .project-hover-image img{height: 400px;}
  .service-category .service-col1 h1{font-size: 60px;}
  .projects-sec{margin-bottom: 0px;}
  .address-sec{margin-top: 0;}
  .abouts-wrapp .abouts-col1 .abouts-col3 .shape{height: 140px;}
  .projects-wrap{padding: 0px 15px;}
  .project-cont h3{font-size: 30px;margin-bottom: 0}
  .project-cont p{font-size: 20px;margin-bottom: 20px;}
  .project-cont .explore{font-size: 16px;margin-bottom: 0;}
  .project-cont .explore::before{top: 6%;}
  .testimonial-wrapp h2{font-size: 22px;}
  .testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-box h3{font-size: 14px;}
  .banner-wrapp .banner-btn a{font-size: 14px;}
  .blog-card-title{font-size: 16px;}
  .about-sec{padding: 0px 20px;}
  .works-head{padding: 10px 30px;}
  .process-tittle-button::after{height: 20px;top: 13px;}
  .service-head h2{font-size: 22px;}
  .service-tittle h3{font-size: 20px;}
  .service-card{padding-bottom: 30px;}
  .work-head h2{font-size: 22px;}
  .work-content p{line-height: 1.8;font-size: 14px;}
  .process-detail-col2 p{font-size: 14px;line-height: 1.8;}
  .process-detail-col2 .shape-1,.process-detail-col2 .shape-2{height: 50px;}
  .process-detail-col2{padding-top: 70px;}
  .process-tittle-button h2{font-size: 18px;}
  .service-labeles ul li{margin: 10px 0px;}
  .service-tittle h3{font-size: 18px;}
  .service-tittle{max-width: 150px;margin-top: 20px;}
  .process-detail-col2 h3{font-size: 22px;}
  .service-slider{margin-bottom: 0;}
  .project-row-card{margin: 0 0 7% 0;}
  .content-wrapp h2{font-size: 22px;}
}




@media(max-width:480px){
  .service-content p{line-height: 1.8;font-size: 14px}
  .abouts-wrapp h1{font-size: 50px;}
  .abouts-wrapp .abouts-col1 .abouts-col4 .abouts-col5:first-child{margin-bottom: 30px;}
  .service-wrapp h2 span{display: inline;}
  .service-wrapp{padding: 50px 0px;}
  .abouts-wrapp .spcl-text{margin-bottom: 30px;}
  .completed-proj h2{font-size: 50px;}
  .projects-wrap{padding-bottom: 50px;}
  .testimonial-wrapp .testimonial-col2 .counter h1{font-size: 50px;}
  .address-sec{margin-top: 30px;}
  .call-sec,.location-sec,.mail-sec,.social-sec{width: 100%;margin-top: 40px;}
  .mail-sec{margin-top: 40px;}
  .footer-col1{flex-wrap: wrap;}
  .footer-slogan{margin-left: 0;}
  .testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-box p{font-size: 14px;line-height: 1.8;}
  .testimonial-wrapp .testimonial-col1 .testimonial-col3 .testimonial-slider{padding-bottom: 20%;}
  .accordion-content p{font-size: 14px;line-height: 1.8;}
  .acco-title::after{height: 22px;width: 16px;}
  .about-des p{font-size: 14px; line-height: 1.8;}
  .tech-head p{font-size: 14px; line-height:1.8;}
  .contact-head p{line-height: 1.8;font-size: 14px}
  .contact-form .form-head p{font-size: 14px;}
  .abouts-wrapp p{font-size: 14px;}
  .completed-proj{margin-left: 0;}
  .service-category .service-col1 p{font-size: 14px;}
  .banner-wrapp p{font-size: 18px;}
  .banner-wrapp h1{font-size: 35px;}
}