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

/* CSS Document © 2025 Envinto */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');


::-moz-selection{ background:#7b7d7f; color:var(--primary); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary); 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:"Figtree", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#77787b; 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; }
:root {overflow: hidden; overflow-y: scroll; --primary: #ffffff; --secondary:#000000; --global: #ff135e; }
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: "Figtree", sans-serif;}
p, p span { font-family:"Figtree", sans-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:#000;
}
::-moz-placeholder { 
  color:#000;
}
:-ms-input-placeholder {
  color:#000;
}
:-moz-placeholder {
  color:#000;
}

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;}
.error-page-section {background: var(--primary);}
.error-page-row {max-width: 800px; margin: 50px auto;}
.error-page-col1 h1 {font-size: 40px;color:var(--global);}
.error-page-col1 h2 {font-size: 40px;font-weight: 700;margin: 0 0 20px;color:var(--global);}
.error-page-col1 p {font-size: 16px;font-weight: 600;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-form { width: 100%; display: flex; align-items: center;}
.search-form input {width: 197px;height: 45px;border: 1px solid var(--global);margin: 0 7px 0 0;padding: 0 10px;color: #000;outline: none;box-shadow: none;display: inline-block;border-radius: 4px;}
.search-form .search-submit {background: var(--global); color: var(--primary); border: 1px solid var(--global); display: inline-block; padding: 13px 24px; font-size: 16px; font-weight: 500; border-radius: 5px;}
.search-form .search-submit .screen-reader-text { position: relative !important;  display: block;  height: auto;  width: auto;  color: #ffff;  clip-path: none;  transition: all 0.25s ease-in-out;}
.search-form .search-submit:hover {background: none; color: var(--global);}
.search-form .search-submit:hover .screen-reader-text { color: #000;}
.search-form input::placeholder { color: #000;}
.search-page-section {padding: 80px 0px;background: #ffff;}
.search-page-row {  max-width: 1320px;  margin: 0 auto;}
.search-page-row .page-header .page-title {font-size: 40px;margin: 0 0 35px;display: flex;color: #000;font-weight: 500;}
.search-page-card {  margin: 0 0 50px;}
.search-page-content { padding: 0; max-width: inherit;  width: 100%;  text-align: left;  flex: 1 0 0;}
.search-page-content h3 {font-size: 32px;color: #000;font-weight: 500;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--global);}
.search-page-content p {font-size: 16px;font-weight: 500;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-btn1 {background: var(--global); color: var(--primary); border: 1px solid var(--global); display: inline-block; padding: 13px 24px; font-size: 16px; font-weight: 500; border-radius: 5px;}
.search-btn1:hover {background: none; color: var(--global);}



.defualt-page-section {padding: 60px 0; background: #fff;}
.content-wrap h2 { font-size: 46px; font-weight: 500; color: var(--global); margin: 0 0 20px;}
.content-wrap p { font-size: 16px; color: var(--secondary); line-height: 1.56; margin: 0 0 20px;}
.content-wrap ul {width: 100%; margin: 0 0 20px;}
.content-wrap ul li { font-size: 16px; line-height: 1.56; color: var(--global); padding-left: 10px; position: relative;}
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrap ol { width: 100%;float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px;position: relative;}
.content-wrap ol li {font-size: 16px; line-height: 1.56; color: var(--global); padding-left: 20px;position: relative;counter-increment: step-counter;}
.content-wrap ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: absolute; left: -4px; top: 0;}
.content-wrap p a, .content-wrap ul li a, .content-wrap ol li a{color:var(--global);}
.content-wrap p a:hover, .content-wrap ul li a:hover, .content-wrap ol li a:hover{color: #000000;}


/* ----------header-wrapp----------- */
.header-wrapp { padding: 10px 0;  position: relative; background: var(--primary);}
.header-wrapp .header-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.header-wrapp .logo { width: 320px;}
.header-wrapp  .header-right { width: auto;  display: flex;  flex-wrap: wrap; align-items: center;}
.header-wrapp .header-menu { width: auto; display: flex; flex-wrap: wrap;}
.header-wrapp  ul { width: auto; display: flex;flex-wrap: wrap; align-items: center;margin-right: 20px;}
.header-wrapp ul li { font-size: 16px; font-weight: 500; margin: 0 25px;}
.header-wrapp ul li a { color: var(--secondary);}
.header-wrapp ul li a:hover { color: var(--global);}
.header-wrapp .header-btn { background: var(--global); color: var(--primary); border: 1px solid var(--global); display: inline-block; padding: 13px 24px; font-size: 16px; font-weight: 500; border-radius: 5px;}
.header-wrapp .header-btn:hover { background: none; color: var(--global);}

.header-wrapp.sticky {position: fixed;z-index: 9; animation: .7s slide-down;}

@keyframes slide-down {
  0% {
      transform: translateY(-100%)
  }

  100% {
      transform: translateY(0)
  }
}

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


/* ---------banner-wrapp----------- */
.banner-wrapp {background: rgb(255 19 94 / 10%); padding: 70px 0;}
.banner-wrapp .banner-row { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.banner-wrapp .banner-col1 { width: 48%;}
.banner-wrapp .banner-col2 {width: 44%; position: relative;}
.banner-wrapp .banner-col3 {width: 100%; -webkit-mask-image: url(../images/Ellipse.png); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat;-webkit-mask-position: center; mask-image: url(../images/Ellipse.png); mask-size: cover; mask-repeat: no-repeat; mask-position: center;}
.banner-wrapp h1 { font-size: 60px;font-weight: 600; margin: 0 0 20px; color: var(--secondary);}
.banner-wrapp p { font-size: 16px;  line-height: 1.56; margin: 0 0 20px; color: #77787b;}
.banner-wrapp .banner-btn { background: var(--global); color: var(--primary); border: 1px solid var(--global); display: inline-block; padding: 13px 24px; font-size: 16px; font-weight: 500; border-radius: 5px;}
.banner-wrapp .banner-btn:hover { background: none; color: var(--global);}
.banner-wrapp .banner-col2 .banner-img { width: 100%; height: 100%;}
.banner-wrapp .banner-col2 .banner-img img {  width: 100%; aspect-ratio: 1 /1; object-fit: cover; height: 100%;}
.banner-wrapp .banner-col2 .slick-track { display: flex; flex-wrap: wrap;}
.banner-wrapp .banner-col2 .slick-track .slick-slide { height: inherit;}
.banner-wrapp .banner-col2 .slick-track .slick-slide > div { width: 100%; height: 100%;}
.banner-wrapp .element { position: absolute; right: 0; top: 60px; animation-name: shape-animaiton3; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out;}


@keyframes shape-animaiton3 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}



/* ---------abouts-wrapp----------- */
.abouts-wrapp {padding: 70px 0;}
.abouts-wrapp .abouts-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.abouts-wrapp .abouts-col1 { width: 48%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.abouts-wrapp .abouts-col4 { width: 46%;}
.abouts-wrapp .abouts-col2 { width: 29%;}
.abouts-wrapp .abouts-img { width: 68%;}
.abouts-wrapp .abouts-col3 {  width: 100%; text-align: center; padding: 20px 15px; background: #F5F3F4; margin: 0 0 20px; border-radius: 4px;}
.abouts-wrapp .abouts-col3 .icon { width: 40px; margin: 0 auto 10px;}
.abouts-wrapp h4 { font-size: 14px; color: #77787b;}
.abouts-wrapp .abouts-col3:last-child { margin: 0 0 0;}
.abouts-wrapp .abouts-img img {  width: 100%; height: 100%; object-fit: cover; border-radius: 4px;}
.abouts-wrapp h3 { font-size: 16px; color: var(--global); margin: 0 0 10px;}
.abouts-wrapp h2 { font-size: 44px; font-weight: 700; margin: 0 0 20px; color: var(--secondary);}
.abouts-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px; color: #77787b;}
.abouts-wrapp ul {width: 100%; margin: 0 0 20px;}
.abouts-wrapp ul li { font-size: 16px; line-height: 1.56; padding-left: 10px; position: relative;}
.abouts-wrapp ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}


/* ---------services-wrapp----------- */
.services-wrapp { background: #1d001d; padding: 70px 0;}
.services-wrapp .service-head {width: 100%; text-align: center; max-width: 900px; margin: 0 auto 40px;}
.services-wrapp h3 { font-size: 16px; color: var(--global); margin: 0 0 10px;}
.services-wrapp h2 { font-size: 44px; font-weight: 700; margin: 0 0 20px; color: var(--primary);}
.services-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px; color: var(--primary);}
.services-wrapp .services-row { width: 100%;  display: flex; flex-wrap: wrap;}
.services-wrapp .services-col1 { width: 32%; margin: 0 2% 0 0; border-radius: 4px; overflow: hidden; position: relative; cursor: pointer;}
.services-wrapp .services-col1:nth-child(3n) { margin-right: 0;}
.services-wrapp .services-col1 .services-img {  width: 100%;}
.services-wrapp .services-col1 .services-img img { width: 100%; aspect-ratio: 1 /1; object-fit: cover; height: 100%;}
.services-wrapp .services-col1 .service-content { position: absolute; bottom: 0; padding: 24px; transform: translateY(120px); transition: all 0.4s ease-in-out; z-index: 2; left: 0; width: 100%;}
.services-wrapp h4 { font-size: 22px; font-weight: 700; margin: 0 0 10px; color: var(--primary);}
.services-wrapp .services-col1 .service-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; opacity: 0; transition: all 0.4s ease-in-out;color: #fff;}
.services-wrapp .services-col1:after { content: ""; position: absolute;  bottom: -490px;  right: -30px; height: 600px; width: 600px;  background: var(--global); border-radius: 50%; transition: all 0.4s ease-in-out;}
.services-wrapp .services-col1:hover .service-content { transform: translateY(0);}
.services-wrapp .services-col1:hover .service-content p {  opacity: 1;}
.services-wrapp .services-col1:hover:after { bottom: -330px;}
.services-wrapp .services-col1 .read-btn { font-size: 16px; color: var(--primary); display: inline-block; font-weight: 600; text-decoration: underline;}
.services-wrapp .services-col1 .read-btn:hover { text-decoration: none;}


/* ---------testimonial-wrapp----------- */
.testimonial-wrapp { padding: 70px 0;}
.testimonial-wrapp .testimonial-head { width: 100%; max-width: 510px; margin: 0 0 50px;}
.testimonial-wrapp h3 { font-size: 16px; color: var(--global); margin: 0 0 10px;}
.testimonial-wrapp  h2 { font-size: 44px; font-weight: 700; margin: 0 0 20px; color: var(--secondary);}
.testimonial-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px; color: #77787b;}
.testimonial-wrapp .testimonial-item { width: 100%; padding: 30px; background: #F5F3F4; margin: 0 0 20px; height: 100%; border-radius: 4px;}
.testimonial-wrapp .testimonial-item .star { width: 100px; margin: 0 0 18px;}
.testimonial-wrapp .testimonial-item p { font-style: italic;}
.testimonial-wrapp  h4 { font-size: 16px; font-weight: 600; color: var(--secondary);}
.testimonial-wrapp .tesit-slider { width: 100%; margin: -70px 0 0; padding-top: 50px;}
.testimonial-wrapp .tesit-slider .slick-track { width: 100%;}
.testimonial-wrapp .tesit-slider .slick-track .slick-slide { height: inherit;}
.testimonial-wrapp .tesit-slider .slick-track .slick-slide > div { width: 94%; height: 100%; margin: 0 auto;}
.testimonial-wrapp .tesit-slider .slick-dots { top: 0; bottom: inherit; right: 0; width: auto;}


/* ---------logo-wrapp----------- */
.logo-wrapp { padding: 50px 0;  background: #1d001d;}
.logo-wrapp .logo-slider { width: 100%;}
.logo-wrapp .logo-slider .slick-track {display: flex;flex-wrap: wrap;align-items: center;}
.logo-wrapp .logo-slider .slick-track .slick-slide > div { width: 90%; margin: 0 auto;}
.logo-wrapp .logo-slider  .logo-item { width: 100%;}
.logo-wrapp .logo-slider .logo-item img { width: 100%; height: 100%; object-fit: contain; max-height: 32px;}


/* ---------contact-wrapp----------- */
.contact-wrapp {padding: 70px 0; background: #1d001d;}
.contact-wrapp .contact-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.contact-wrapp .contact-col1 { width: 45%;}
.contact-wrapp .contact-col2 { width: 48%; background: var(--primary); padding: 30px; border-radius: 4px;}
.contact-wrapp h3 { font-size: 16px;  color: var(--global); margin: 0 0 10px;}
.contact-wrapp h2 { font-size: 44px;font-weight: 700; margin: 0 0 20px; color: var(--primary);}
.contact-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px; color: var(--primary);}
.contact-wrapp .contact-info { width: 100%; display: flex; padding: 20px 15px; background: var(--primary); flex-wrap: wrap; border-radius: 4px;  color: var(--secondary);align-items: center; margin: 0 0 20px;}
.contact-wrapp .contact-info:last-child { margin: 0 0 0;}
.contact-wrapp .contact-info a { display: inline-block; color: var(--secondary); }
.contact-wrapp .contact-info .icon { width: 55px; height: 55px; background: rgb(255 19 94 / 30%); border-radius: 50%; padding: 12px; margin: 0 15px 0 0;}
.contact-wrapp .contact-info  .detail { font-size: 18px; font-weight: 600; flex: 1;}
.contact-wrapp .contact-info a:hover {  color: var(--global);}
.contact-wrapp .contact-info .detail h3 { color: #77787b;}
.contact-wrapp h4 { font-size: 24px; color: var(--secondary); font-weight: 700; margin: 0 0 20px;}
.contact-wrapp .contact-col2 p { color: #77787b;}
.contact-wrapp .contact-form {  width: 100%;}
.contact-wrapp .contact-form .text-fields { width: 100%; display: flex;  flex-wrap: wrap; justify-content: space-between;}
.contact-wrapp .contact-form .text-field { width: 48%;  margin: 0 0 10px;}
.contact-wrapp .contact-form .text-field:last-child { width: 100%;}
.contact-wrapp .contact-form .text-field:nth-last-child(2) {  width: 100%;}
.contact-wrapp .contact-form input {  width: 100%;  height: 54px; border: 1px solid #a5a5a5;  border-radius: 4px;  padding: 15px; font-size: 16px; margin: 0 0 10px;}
.contact-wrapp .contact-form textarea { width: 100%; height: 94px; border: 1px solid #a5a5a5; border-radius: 4px; padding: 15px; font-size: 16px; margin: 0 0 10px; resize: none;}
.contact-wrapp .contact-form button { background: var(--global); color: var(--primary); border: 1px solid var(--global); display: inline-block;  padding: 13px 24px; font-size: 16px; font-weight: 500; border-radius: 5px; font-family: "Figtree", sans-serif; cursor: pointer; transition: all .25s ease-in-out;}
.contact-wrapp .contact-form button:hover { color: var(--global); background: none;}


/* ---------whychoose-wrapp----------- */
.whychoose-wrapp {padding: 70px 0;}
.whychoose-wrapp .whychoose-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.whychoose-wrapp  .whychoose-col1 { width: 48%;}
.whychoose-wrapp  .whychoose-col2 {width: 48%;}
.whychoose-wrapp h3 { font-size: 16px; color: var(--global); margin: 0 0 10px;}
.whychoose-wrapp h2 { font-size: 44px; font-weight: 700; margin: 0 0 20px; color: var(--secondary);}
.whychoose-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px; color: #77787b; transition: all .4s ease-in-out;}
.whychoose-wrapp .whychoose-point { width: 100%; display: flex; flex-wrap: wrap; background: #F5F3F4; margin: 0 0 20px;  padding: 20px 15px; border-radius: 4px; transition: all .4s ease-in-out;}
.whychoose-wrapp .whychoose-point:last-child{margin:  0 0 0 0;}
.whychoose-wrapp .whychoose-point .icon { width: 60px; height: 60px; background: var(--global); border-radius: 50%; padding: 12px; margin: 0 20px 0 0; transition: all .4s ease-in-out;}
.whychoose-wrapp .whychoose-point .icon img { width: 100%; filter: brightness(0) invert(1); transition: all .4s ease-in-out;}
.whychoose-wrapp .whychoose-point .whychoose-conten { width: 100%; flex: 1 0 0;}
.whychoose-wrapp h4 { font-size: 18px; color: var(--secondary); font-weight: 600; margin: 0 0 10px; transition: all .4s ease-in-out;}
.whychoose-wrapp .whychoose-point p { margin: 0 0 0;  font-size: 14px;}


/* ---------footer-wrapp----------- */
.footer-wrapp { background: #1d001d; padding: 50px 0 20px;}
.footer-wrapp .footer-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-wrapp .footer-col1 { width: 30%;}
.footer-wrapp .logo { width: 100%; max-width: 300px; margin: 0 0 20px;}
.footer-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px; color: var(--primary);}
.footer-wrapp h4 {font-size: 18px; color: var(--primary); font-weight: 600; margin:  0 0 20px;}
.footer-wrapp ul { width: 100%;}
.footer-wrapp ul li { font-size: 16px; margin: 0 0 15px;}
.footer-wrapp ul li a { color: var(--primary);}
.footer-wrapp ul li a:hover { color: var(--global);}
.footer-wrapp .footer-col4 { width: 24%;}
.footer-wrapp .footer-col4 li { position: relative; padding-left: 30px; margin: 0 0 24px;}
.footer-wrapp .footer-col4 li .icon { width: 22px; position: absolute; left: 0;}
.footer-wrapp .social { width: 100%;}
.footer-wrapp .social ul { width: 100%; display: flex; flex-wrap: wrap;}
.footer-wrapp .social ul li { padding: 0 0 0; margin: 0 20px 0 0; width: 35px; height: 35px;}
.footer-wrapp .social ul li a { display: block; width: 100%; height: 100%; background: #342534; border-radius: 50%; padding: 9px;}
.footer-wrapp .social ul li a:hover { background: var(--global);}
.footer-wrapp .social ul li  img { width: 100%; height: 100%;}
.footer-wrapp .footer-row1 { width: 100%; display: flex; flex-wrap: wrap; padding: 20px 0 0; margin: 20px 0 0; justify-content: space-between; border-top: 1px solid #77787b;}
.footer-wrapp .footer-row1 p { margin: 0 0 0; color: #77787b; font-size: 14px;}
.footer-wrapp .footer-row1 p a { color: #77787b;  text-decoration: underline;}
.footer-wrapp .footer-row1 p a:hover { color: var(--global);}



.inner-banner{position:relative;height:350px;background:url('../images/ban-img2.jpg') center/cover no-repeat;display:flex;align-items:center;overflow:hidden;}
.inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(255, 19, 94,0.8),rgba(255, 255, 255, 0.1));}
.inner-banner-content{position:relative;z-index:2;}
.inner-banner-content h1{color:#fff;font-size:42px;font-weight:700;margin-bottom:10px;}
.breadcrumb{display:flex;gap:8px;list-style:none;padding:0;margin:0;}
.breadcrumb li{color:#ffffff;font-size:15px;}
.breadcrumb li a{color:#fff;text-decoration:none;}
.breadcrumb li::after{content:"/";margin-left:8px;color:#ffffff;}
.breadcrumb li:last-child::after{display:none;}





.service-list{padding:40px 0;background:#fff;}
.service-head-row{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;margin:20px 0 40px;}
.service-head-row h2{font-size:50px;line-height:1.2;font-weight:600;margin:0;color: var(--global);}
.service-head-row p{font-size:16px;color:#000000;margin:0;line-height: 1.8;}
.service-card{display:grid;grid-template-columns:0.9fr 1.2fr 1.1fr;align-items:center;gap:40px;padding:30px 40px;border:1px solid #ccc;border-radius:4px;margin-bottom:30px;}
.service-card:hover{background-color:#ff135e1a;border-color: #ff135e1a;}
.service-card h3{font-size:45px;font-weight:600;margin:0;color: #000;}
.service-img{border-radius:4px;overflow:hidden;}
.service-img img{width:100%;height:250px;object-fit:cover;object-position:top center;}
.service-card p{font-size:18px;color:#000000;margin:0;line-height: 1.8;}
.service-btn { background: var(--global); color: var(--primary); border: 1px solid var(--global); display: inline-block; padding: 13px 24px; font-size: 16px; font-weight: 500; border-radius: 5px;margin-top: 20px;}
.service-btn:hover { background: none; color: var(--global);}





.service-details{padding:40px 0;background:#fff;}
.service-grid{display:flex;gap:30px;align-items:flex-start;position: relative;}
.service-content{width: 70%;}
.service-sidebar{width: 30%;}
.service-content h1{font-size:42px;font-weight:600;margin:30px 0 15px;color:#111;}
.service-content h3{font-size:35px;margin:30px 0;color:#111;font-weight: 600;}
.service-content p{font-size:16px;line-height:1.8;color:#555;margin-bottom:15px;}
.lead{font-size:18px;color:#333;max-width:90%;}
.service-cover img{width:100%;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.08);height: 400px;object-fit: cover;object-position: top center;}
.service-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;}
.service-highlights div{background:#ff135e1a;;border-radius:4px;padding:25px;text-align:center;}
.service-highlights strong{display:block;font-size:40px;color:var(--global);margin-bottom:5px;}
.service-highlights span{font-size:20px;color:#000000;font-weight: 500;}
.service-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0;}
.service-gallery img{width:100%;border-radius:4px;object-fit:cover;height: 200px;object-fit: cover;}
.service-points{list-style:none;padding:0;margin:35px 0;}
.service-points li{position:relative;padding-left:40px;margin-bottom:25px;font-size:20px;color:#444;font-weight: 500;}
.service-points li::before{content:"✔";position:absolute;left:0;top:0;color:var(--global);font-weight:600;}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0;}
.process-box{background:#fff;border-radius:4px;padding:20px;box-shadow:0 15px 35px rgba(0,0,0,.07);border:1px solid var(--global);}
.process-box span{font-size:40px;font-weight:700;color:var(--global);}
.process-box h4{margin:15px 0 8px;font-size:20px;color: #000;line-height: 1.5;font-weight: 600;}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0;}
.industry-grid span{background:#ff135e1a;;padding:16px;border-radius:4px;text-align:center;font-size:15px;font-weight:500;color:#222;}
.service-cta{margin:70px 0;padding:65px;border-radius:4px;background:linear-gradient(135deg,var(--global),#002f6c);color:#fff;text-align:center;}

.service-sidebar{position:sticky;top:120px;}
.service-menu{background:#ff135e1a;padding:28px;border-radius:4px;margin-bottom:35px;}
.service-menu a{display:block;background:#fff;padding:14px 20px;border-radius:4px;margin-bottom:12px;color:#111;text-decoration:none;font-weight:500;}
.service-menu a.active{background:var(--global);color:#fff;}
.service-form{background:#ff135e1a;padding:32px;border-radius:4px;}
.service-form h4{margin-bottom:15px;font-size:28px;font-weight: 600;color: #000;}
.service-form input,.service-form select,.service-form textarea{width:100%;border:none;border-bottom:1px solid #999;background:transparent;padding:12px 0;margin-bottom:20px;font-size:15px;}
.service-form textarea{resize:none;height:80px;}
.service-form button{background:var(--global);color:#fff;border:none;padding:15px;border-radius:4px;width:100%;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;}
.sidebar-contact{margin-top:30px;background:#111;color:#fff;padding:28px;border-radius:4px;}
.sidebar-contact h4{margin-bottom:10px;font-size:18px;}
.sidebar-contact p{margin:6px 0;font-size:14px;opacity:.9;}

.everest-forms input{width: 100% !important;padding: 12px !important;border: 1px solid #a5a5a5 !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:transparent !important;color:#000 !important;}
.everest-forms select{width: 100% !important;padding: 12px !important;border: 1px solid #a5a5a5 !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:transparent !important;color:#000 !important;}
.everest-forms textarea{width: 100% !important;padding: 12px !important;border: 1px solid #a5a5a5 !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:transparent !important;color:#000!important;}
.everest-forms button.button:not(.button-large), .everest-forms button[type=submit]{background: var(--global) !important;color: white !important;padding: 14px 30px !important;font-size: 16px !important;border: none !important;border-radius: 4px !important;cursor: pointer !important;transition: 0.3s ease !important;border: 1px solid var(--primary) !important;}
.everest-forms button.button:not(.button-large):hover,.everest-forms button[type=submit]:hover {background:transparent !important;color:var(--global)!important;border: 1px solid var(--global) !important;}


.sidebar-form h4{margin-bottom: 15px;font-size: 28px;font-weight: 600;color: #000;}
.sidebar-form{background: #ff135e1a;padding: 32px;border-radius: 4px;}
.sidebar-form .everest-forms .evf-field-container{padding: 0;}
.sidebar-form .everest-forms input{width: 100% !important;padding: 12px !important;border: 1px solid #a5a5a5 !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:#fff !important;color:#000 !important;}
.sidebar-form .everest-forms select{width: 100% !important;padding: 12px !important;border: 1px solid #a5a5a5 !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:#fff !important;color:#000 !important;}
.sidebar-form .everest-forms textarea{width: 100% !important;padding: 12px !important;border: 1px solid #a5a5a5 !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:#fff !important;color:#000!important;}
.sidebar-form .everest-forms button.button:not(.button-large), .everest-forms button[type=submit]{background: var(--global) !important;color: white !important;padding: 14px 30px !important;font-size: 16px !important;border: none !important;border-radius: 4px !important;cursor: pointer !important;transition: 0.3s ease !important;border: 1px solid var(--primary) !important;}
.sidebar-form .everest-forms button.button:not(.button-large):hover,.everest-forms button[type=submit]:hover {background:transparent !important;color:var(--global)!important;border: 1px solid var(--global) !important;}
.sidebar-form .everest-forms .evf-container { margin: 0 0 0;}
.sidebar-form .everest-forms .evf-container .evf-frontend-row { margin: 0 0 0;justify-content: space-between; flex-direction: row;}
.sidebar-form .everest-forms .evf-container .evf-frontend-row .evf-frontend-grid { padding: 0 0 0;}
.sidebar-form .everest-forms .evf-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 { width: 48%; max-width: inherit; flex: inherit;}
.sidebar-form .everest-forms .evf-container .evf-submit-container { padding: 0 0 0;}


.contact-wrapp .contact-form .everest-forms .evf-container {margin: 0 0 0;}
.contact-wrapp .contact-form .everest-forms .evf-container .evf-field-container { padding: 0 0;}
.contact-wrapp .contact-form .everest-forms .evf-container .evf-field-container .evf-frontend-row {margin: 0 0; flex-direction: row; justify-content: space-between;}
.contact-wrapp .contact-form .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid { padding: 0 0 0;}
.contact-wrapp .contact-form .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 {width: 48%; max-width: inherit; flex: inherit;}
.contact-wrapp .contact-form .everest-forms .evf-container .evf-submit-container { padding: 0 0 0;}



@media(max-width:1200px){
  .banner-wrapp h1{font-size: 40px;}
  .abouts-wrapp h2,.services-wrapp h2,.testimonial-wrapp h2,.contact-wrapp h2,.whychoose-wrapp h2{font-size: 35px;}
  .services-wrapp h4{max-width: 200px;}
  .service-card h3{font-size: 35px;}
  .service-card{gap: 30px;}
}


@media(max-width:991px){
  .banner-wrapp h1{font-size: 30px;}
  .abouts-wrapp h2,.services-wrapp h2,.testimonial-wrapp h2,.contact-wrapp h2,.whychoose-wrapp h2,.service-content h1,.service-content h3{font-size: 25px;}
  .abouts-wrapp .abouts-col1{width: 100%;}
  .abouts-wrapp .abouts-col4{width: 100%;margin-top: 40px;}
  .services-wrapp .services-col1{width: 48%;margin-top: 2%;}
  .contact-wrapp .contact-row{flex-direction: column-reverse;}
  .contact-wrapp .contact-col1{width: 100%;margin-top: 40px;}
  .contact-wrapp .contact-col2{width: 100%;}
  .whychoose-wrapp .whychoose-col1{width: 100%;}
  .whychoose-wrapp .whychoose-col1 img{height: 400px;object-fit: cover;width: 100%;}
  .whychoose-wrapp .whychoose-col2{width: 100%;margin-top: 40px;}
  .whychoose-wrapp h4{margin: 0 0 5px;}
  .service-card{gap: 20px;grid-template-columns:auto;padding: 20px;}
  .service-head-row h2 br{display: none;}
  .service-head-row h2{font-size: 35px;}
  .service-head-row{grid-template-columns:0.8fr 1.2fr}
  .service-content{flex-wrap: wrap;}
  .service-content{width: 100%;}
  .service-sidebar{position: relative;width: 100%;top: 0;}
  .service-grid{flex-wrap: wrap;}

  .header-wrapp .header-btn{display: none !important;}
  .header-wrapp .header-menu{display: none;}
  .header-col:last-child{display: none;}
  .header-col{display: flex;align-items: center;justify-content: space-between;width: 100%;}
  .overlay {display: block;position: fixed; right: 0; top: 0; width: 320px; height: 100%; background:var(--global); background-size: 300% 100%; z-index: 9999; padding: 70px 2% 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: #fff; display: block; padding: 20px 0;}
  .overlay ul li { font-size: 18px; border-bottom: 1px solid #fff; text-transform: uppercase;}
  .overlay ul li a:hover { color: var(--global) !important;}
  .burger-btn { display: block; position: fixed; width: 50px; height: 30px; z-index: 99999;  overflow: hidden; cursor: pointer;top: 26px;right: 3%;}
  .burger-btn span { display: block; width: 100%; height: 3px; background:var(--global); 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:#fff;}
  .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(--global);}
  .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%;}
  .global-btn.contact-btn{display: none;}
  .overlay ul li.has-sub > a:hover {background: url(../images/chevron-down-grey.svg) no-repeat center / 14px; background-position-x: 95%;}
.header-wrapp ul{align-items: normal;flex-direction: column;}
}

@media(max-width:768px){
  .header-wrapp .header-menu{display: none;}
  .header-wrapp .header-btn{display: none;}
  .footer-wrapp .footer-row{flex-wrap: wrap;}
  .banner-wrapp .element{top: 0;}
  .footer-wrapp .footer-col4{width: 100%;margin-top: 20px;}
  .banner-wrapp{padding: 50px 0px;}
  .logo-wrapp{padding: 30px 0px;}
  .abouts-wrapp{padding: 50px 0px;}
  .services-wrapp{padding: 50px 0px;}
  .testimonial-wrapp{padding: 50px 0px;}
  .contact-wrapp{padding: 50px 0px;}
  .whychoose-wrapp{padding: 50px 0px;}
  .banner-wrapp .banner-col1{width: 100%;}
  .banner-wrapp .banner-col2{width: 100%;margin-top: 30px;}
  .footer-wrapp .footer-col1{width: 100%;margin-bottom: 30px;}
  .service-head-row{grid-template-columns: auto;gap: 10px;}
  .service-highlights strong{font-size: 35px;}
  .service-highlights span{font-size: 16px;}
}


@media(max-width:576px){
  .header-wrapp .logo{width: 225px;}
  .burger-btn{top: 16px;width: 40px;}


  .abouts-wrapp .abouts-col1{flex-wrap: wrap;}
  .abouts-wrapp .abouts-col2{width: 100%;}
  .abouts-wrapp .abouts-img{width: 100%;margin-top: 40px;}
  .services-wrapp .services-col1{width: 100%;}
  .testimonial-wrapp .tesit-slider .slick-dots{top: 20px;}
  .contact-wrapp .contact-form .text-field{width: 100%;}
  .contact-wrapp .contact-col2{padding: 20px;}
  .contact-wrapp .contact-info .icon{width: 40px;height: 40px;padding: 5px;}
  .contact-wrapp .contact-info .detail{width: 100%;margin-top: 10px;}
  .whychoose-wrapp .whychoose-point .whychoose-conten{flex: auto;margin-top: 20px;}
  .service-card{gap: 10px;padding: 15px;}
  .service-card h3{font-size: 28px;}
  .service-card p{font-size: 14px;}
  .process-grid{grid-template-columns:auto;}
  .industry-grid{gap: 10px;}
  .service-highlights{grid-template-columns:auto;}
  .service-cover img{height: 300px;}
  .industry-grid{grid-template-columns:auto;}
  .service-form{padding:30px 15px;}
  .service-menu{padding: 20px;}
  .service-points li{font-size: 18px;}

  .contact-wrapp .contact-form .everest-forms .evf-container .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 { width: 100%;}

  .sidebar-form .everest-forms .evf-container .evf-frontend-row .evf-frontend-grid.evf-grid-2 { width: 100%;}

}