:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#eef3f9;
  --text:#172033;
  --muted:#667085;
  --line:#e3e8f0;
  --primary:#1677e8;
  --primary-dark:#0c5dbb;
  --navy:#0b1830;
  --navy-2:#102443;
  --shadow:0 18px 55px rgba(13,31,58,.09);
  --radius:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,Arial,sans-serif;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(227,232,240,.9);
}
.nav-wrap{max-width:var(--max);height:82px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:178px;display:block}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav-link,.nav-drop-btn{
  border:0;background:transparent;padding:11px 13px;color:#344054;
  font-size:14px;font-weight:700;letter-spacing:.01em;cursor:pointer;
}
.nav-link:hover,.nav-link.active,.nav-drop-btn:hover,.nav-drop-btn.active{color:var(--primary)}
.nav-drop-btn span{font-size:16px;margin-left:4px}
.nav-dropdown{position:relative}
.dropdown-menu{
  position:absolute;top:calc(100% + 12px);right:0;min-width:260px;
  padding:9px;margin:0;list-style:none;background:#fff;border:1px solid var(--line);
  border-radius:14px;box-shadow:var(--shadow);opacity:0;visibility:hidden;
  transform:translateY(-5px);transition:.2s ease;
}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:none}
.dropdown-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600}
.dropdown-menu a:hover,.dropdown-menu .active a{background:#edf5ff;color:var(--primary)}
.nav-cta{
  margin-left:8px;background:var(--primary);color:#fff;padding:11px 17px;border-radius:10px;
  font-size:14px;font-weight:800;box-shadow:0 8px 20px rgba(22,119,232,.2)
}
.nav-cta:hover{background:var(--primary-dark)}
.nav-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px 0}
.page-hero{
  position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),#12335f);
  color:#fff;padding:72px 22px 68px;
}
.page-hero:after{
  content:"";position:absolute;width:480px;height:480px;border-radius:50%;
  right:-180px;top:-250px;background:rgba(22,119,232,.22);filter:blur(4px)
}
.page-hero .inner{position:relative;z-index:1;max-width:var(--max);margin:auto}
.crumb{font-size:13px;color:#a9bfdc;margin-bottom:16px}
.crumb a:hover{color:#fff}
.page-hero h1{
  margin:0;max-width:900px;font:800 42px/1.16 Manrope,Inter,sans-serif;
  letter-spacing:-.03em
}
.page-hero p{margin:16px 0 0;max-width:720px;color:#c6d4e7;font-size:16px}
.content-shell{max-width:var(--max);margin:0 auto;padding:58px 22px 70px}
.content-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:42px 48px
}
.aboutTxt{font-size:16px;color:#475467}
.aboutTxt p{margin:0 0 22px}
.aboutTxt h2{
  margin:40px 0 15px;color:var(--navy);font:800 25px/1.3 Manrope,Inter,sans-serif;
  letter-spacing:-.02em
}
.aboutTxt h2:first-child{margin-top:0}
.aboutTxt ul{padding-left:23px;margin:10px 0 25px}
.aboutTxt li{margin:9px 0;padding-left:3px}
.aboutTxt strong{color:#253a5b}
.aboutTxt a,.contactTxt a{color:var(--primary);font-weight:600}
.contactTxt{font-size:16px;color:#475467}
.contactTxt p{margin:0 0 17px}
.contactTxt strong{color:var(--navy)}
.contactTxt br{line-height:1}
.final-cta{
  max-width:var(--max);margin:0 auto 70px;padding:34px 40px;border-radius:20px;
  background:linear-gradient(135deg,#0d2345,#123c70);color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)
}
.final-cta .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#8fc3ff}
.final-cta h2{font:800 27px/1.25 Manrope;margin:8px 0}
.final-cta p{margin:0;color:#c7d7ea;max-width:700px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 19px;border-radius:11px;font-weight:800;font-size:14px}
.btn-primary{background:var(--primary);color:#fff;white-space:nowrap}
.btn-primary:hover{background:#3189ef}
.site-footer{background:#081426;color:#d8e1ee}
.footer-main{max-width:var(--max);margin:auto;padding:60px 22px 45px;display:grid;grid-template-columns:1.7fr 1fr 1.4fr 1.1fr;gap:42px}
.footer-brand img{width:170px;background:#fff;padding:6px 9px;border-radius:7px}
.footer-brand p{color:#9eafc5;font-size:14px;max-width:440px;margin:18px 0 0}
.footer-col h2{font:700 14px/1.2 Inter;margin:4px 0 15px;color:#fff;text-transform:uppercase;letter-spacing:.08em}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin:8px 0}
.footer-col a{font-size:14px;color:#aebed2}
.footer-col a:hover{color:#fff}
.contact-list a{word-break:break-word}
.footer-bottom{max-width:var(--max);margin:auto;padding:20px 22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:#8799b0;font-size:12px}
.footer-bottom a{color:#dce8f6;font-weight:700}
.homeArea{background:linear-gradient(135deg,#f7fbff 0%,#eef5fd 100%);padding:70px 22px}
.homeArea .container{max-width:var(--max);margin:auto}
.homeArea .row{display:block}
.homeSlider1{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.SingleHomeSlider1{
  min-height:450px;padding:44px;border-radius:22px;background:#fff;border:1px solid var(--line);
  box-shadow:var(--shadow);display:flex;align-items:center
}
.SingleHomeSlider1 .row{display:flex;align-items:center;width:100%;gap:25px}
.SingleHomeSlider1 .col-md-6,.SingleHomeSlider1 .col-lg-5,.SingleHomeSlider1 .col-lg-7{width:50%;padding:0}
.homeImg{text-align:center}
.homeImg img{max-height:250px;object-fit:contain}
.homeContent .topTxt{display:inline-block;font-size:11px;color:var(--primary);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.homeTitle{display:block;color:var(--navy);font:800 30px/1.18 Manrope,Inter,sans-serif;letter-spacing:-.03em}
.homeContent p{color:var(--muted);margin:17px 0 24px;font-size:15px}
.homeBtn{display:flex;gap:10px;flex-wrap:wrap}
.homeBtn .Btn{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;border-radius:10px;font-weight:800;font-size:13px}
.homeBtn .btnOne{background:var(--primary);color:#fff}
.homeBtn .btnTwo{border:1px solid #ccd8e7;color:var(--navy);background:#fff}
.hTstArea{padding:72px 22px;background:#fff}
.hTstArea .container{max-width:var(--max);margin:auto}
.hTstArea:before{content:"MÜŞTERİ DENEYİMLERİ";display:block;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.14em;text-align:center}
.hTstArea .h2{font:800 31px/1.2 Manrope;color:var(--navy);text-align:center;margin:8px 0 35px}
.hTstArea .row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hTstArea .col-md-4{width:auto}
.hTstArea .singleTst{height:100%;padding:25px;background:#f7f9fc;border:1px solid var(--line);border-radius:16px}
.hTstArea .singleTst p{margin:0 0 15px;color:#536174;font-size:14px}
.clientName{display:block;font-weight:800;color:var(--navy);font-size:13px}
.hTstArea .singleTst a{color:var(--primary);font-size:13px}
.testimonialArea{padding:58px 22px 70px}
.testimonialArea .container{max-width:var(--max);margin:auto}
.testimonialArea .row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.testimonialArea .col-md-6{width:auto}
.singleTst{height:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(13,31,58,.05)}
.singleTst .h3{font:800 21px/1.3 Manrope;color:var(--navy);margin-bottom:16px}
.singleTst p{color:#536174;font-size:15px;margin:0 0 15px}
.singleTst a{color:var(--primary);font-weight:700}
.singleTst img{max-width:180px;max-height:80px;object-fit:contain}
.clientName{display:block;font-weight:800;color:var(--navy);margin-bottom:4px}
.testimonialArea center{text-align:center}
.contactArea{padding:58px 22px 70px}
.contactArea .container{max-width:var(--max);margin:auto}
.contactArea .contactTxt{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:42px 48px
}
@media(max-width:900px){
  .nav-wrap{height:72px}
  .nav-toggle{display:block;margin-left:auto}
  .site-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:12px 18px 18px;box-shadow:0 20px 30px rgba(0,0,0,.07);flex-direction:column;align-items:stretch}
  .site-nav.open{display:flex}
  .nav-link,.nav-drop-btn{width:100%;text-align:left;padding:12px 10px}
  .nav-cta{margin:5px 0 0;text-align:center}
  .dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:2px 0 5px 12px;min-width:0}
  .nav-dropdown.open .dropdown-menu{display:block}
  .page-hero{padding:58px 22px}
  .page-hero h1{font-size:34px}
  .content-card{padding:30px 25px}
  .homeSlider1,.testimonialArea .row,.hTstArea .row{grid-template-columns:1fr}
  .SingleHomeSlider1{min-height:0;padding:30px}
  .SingleHomeSlider1 .row{flex-direction:column}
  .SingleHomeSlider1 .col-md-6,.SingleHomeSlider1 .col-lg-5,.SingleHomeSlider1 .col-lg-7{width:100%}
  .homeImg img{max-height:210px}
  .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .nav-wrap{padding:0 16px}
  .brand img{width:155px}
  .page-hero h1{font-size:29px}
  .content-shell,.contactArea,.testimonialArea,.homeArea,.hTstArea{padding-left:15px;padding-right:15px}
  .content-card,.contactArea .contactTxt{padding:25px 20px}
  .final-cta{margin:0 15px 45px;padding:28px 24px;flex-direction:column;align-items:flex-start}
  .footer-main{grid-template-columns:1fr;padding:45px 18px 35px}
  .footer-bottom{padding:18px;flex-direction:column}
  .SingleHomeSlider1{padding:24px}
  .homeTitle{font-size:26px}
}

/* --- Second-pass layout refinements --- */
.homeArea{padding:58px 22px 68px;background:linear-gradient(135deg,#f7fbff 0%,#eef5fd 100%)}
.homeHero{max-width:var(--max);margin:0 auto;min-height:500px;display:grid;grid-template-columns:48% 52%;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#0a1932 0%,#123d70 100%);box-shadow:0 24px 70px rgba(9,30,60,.18);position:relative}
.homeHero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-190px;background:rgba(50,147,255,.14)}
.homeHeroVisual{position:relative;display:flex;align-items:center;justify-content:center;padding:50px;min-height:500px;background:radial-gradient(circle at 50% 50%,rgba(46,139,230,.2),transparent 60%)}
.homeHeroVisual img{max-width:100%;max-height:320px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 18px 30px rgba(0,0,0,.16))}
.heroBadge{position:absolute;top:27px;left:34px;z-index:2;color:#9fcbfa;font-size:10px;font-weight:800;letter-spacing:.12em}
.heroBadge span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4aa3ff;margin-right:7px}
.homeHeroContent{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:54px 58px 54px 20px;color:#fff}
.homeHeroContent .topTxt{font-size:11px;color:#8fc3ff;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.homeHeroContent h1{font:800 42px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:14px 0 0;max-width:550px}
.homeHeroContent p{font-size:15px;line-height:1.8;color:#c6d7ea;max-width:560px;margin:20px 0 27px}
.homeBtn{display:flex;gap:10px;flex-wrap:wrap}
.homeBtn .Btn{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border-radius:10px;font-weight:800;font-size:13px}
.homeBtn .btnOne{background:var(--primary);color:#fff}
.homeBtn .btnOne span{font-size:16px;line-height:1}
.homeBtn .btnTwo{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#fff}
.heroStats{max-width:var(--max);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce6f1;border:1px solid #dce6f1;border-radius:15px;overflow:hidden}
.heroStats div{background:#fff;padding:19px 24px;display:flex;align-items:baseline;gap:10px}
.heroStats strong{font:800 22px/1 Manrope;color:var(--navy)}
.heroStats span{font-size:12px;color:var(--muted);font-weight:600}
.consultCard{max-width:var(--max);margin:18px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 24px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:22px;box-shadow:0 12px 35px rgba(13,31,58,.06)}
.consultIcon{height:76px;border-radius:14px;background:#eef5fd;display:flex;align-items:center;justify-content:center;overflow:hidden}
.consultIcon img{height:62px;object-fit:contain}
.consultText span{font-size:10px;font-weight:800;color:var(--primary);letter-spacing:.12em}
.consultText h2{font:800 21px/1.2 Manrope;color:var(--navy);margin:5px 0 5px}
.consultText p{font-size:13px;color:var(--muted);margin:0;max-width:720px}
.consultLink{font-size:13px;font-weight:800;color:var(--primary);white-space:nowrap}
.consultLink span{font-size:16px;margin-left:5px}
.hTstArea{padding:74px 22px 78px;background:#fff}
.hTstArea .container{max-width:var(--max);margin:auto}
.hTstArea:before{display:none}
.hTstArea .sectionTitle{text-align:center;margin-bottom:34px}
.sectionEyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--primary);text-transform:uppercase}
.hTstArea .sectionTitle .h2{margin:7px 0 7px;font:800 31px/1.2 Manrope;color:var(--navy)}
.hTstArea .sectionTitle p{margin:0;color:var(--muted);font-size:14px}
.hTstArea .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hTstArea .row + .row{display:contents}
.hTstArea .singleTstSlide{width:auto!important;max-width:none!important;padding:0!important;margin:0!important;float:none!important}
.hTstArea .singleTst{height:100%;padding:27px;background:#f8fafc;border:1px solid var(--line);border-radius:16px;box-shadow:none}
.hTstArea .singleTst p{margin:0 0 16px;color:#536174;font-size:14px;line-height:1.75}
.hTstArea .singleTst a{color:var(--primary);font-size:13px}
/* Reference page */
.referenceIntro{text-align:center;margin-bottom:35px}
.referenceIntro h2{font:800 31px/1.2 Manrope;color:var(--navy);margin:7px 0}
.referenceIntro p{margin:0;color:var(--muted);font-size:14px}
.referenceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.referenceCard{min-width:0}
.referenceCard .singleTst{height:100%;padding:27px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(13,31,58,.05)}
.referenceCard .singleTst .h3{font:800 20px/1.3 Manrope;color:var(--navy);margin:0 0 16px}
.referenceCard .singleTst p{color:#536174;font-size:14px;line-height:1.75}
.referenceCard .singleTst a{color:var(--primary);font-weight:700;overflow-wrap:anywhere}
.referenceHighlight{grid-column:1/-1}
.referenceHighlight .singleTst{background:linear-gradient(135deg,#eef6ff,#f8fbff);border-color:#d6e6f8}
.referenceOutro{grid-column:1/-1;text-align:center;padding:8px 10px 0}
.referenceOutro .h3{font:700 18px/1.5 Manrope;color:var(--navy);margin:0}
/* Contact page */
.contactIntro{text-align:center;margin-bottom:32px}
.contactIntro h2{font:800 30px/1.2 Manrope;color:var(--navy);margin:7px 0}
.contactIntro p{font-size:14px;color:var(--muted);margin:0}
.contactGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:20px;align-items:start}
.contactMainCard,.contactInfoCard{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(13,31,58,.05)}
.contactMainCard{padding:35px 38px}
.contactMainCard .contactTxt{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:15px;line-height:1.8}
.contactMainCard .contactTxt p{margin:0 0 15px}
.contactMainCard .contactTxt a{overflow-wrap:anywhere;word-break:break-word}
.contactInfoGrid{display:grid;gap:18px;min-width:0}
.contactInfoCard{padding:27px 28px;min-width:0;overflow:hidden}
.contactInfoCard .singleInfo{min-width:0}
.contactInfoCard .h4{font:800 19px/1.3 Manrope;color:var(--navy);margin:0 0 18px;overflow-wrap:anywhere}
.contactInfoCard .singleContactInfo{font-size:13px;line-height:1.65;color:#536174;margin:12px 0;overflow-wrap:anywhere;word-break:break-word}
.contactInfoCard .singleContactInfo span{font-weight:800;color:var(--navy)}
.contactInfoCard .singleContactInfo a{color:var(--primary);font-weight:600;overflow-wrap:anywhere;word-break:break-word}
.contactInfoCard font{font-size:inherit!important}
.contactInfoCard img{max-width:100%;height:auto!important;width:auto!important;display:block;margin:12px auto 0}
.contactInfoCard br{line-height:1.4}
@media(max-width:900px){
 .homeHero{grid-template-columns:1fr;min-height:0}
 .homeHeroVisual{min-height:330px;padding:65px 35px 30px}
 .homeHeroVisual img{max-height:230px}
 .homeHeroContent{padding:34px 35px 40px}
 .homeHeroContent h1{font-size:35px}
 .consultCard{grid-template-columns:80px 1fr;}
 .consultLink{grid-column:2}
 .referenceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .referenceHighlight{grid-column:1/-1}
 .contactGrid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .homeArea{padding:38px 15px 50px}
 .homeHeroVisual{min-height:260px;padding:55px 25px 20px}
 .heroBadge{left:22px;top:22px;font-size:9px}
 .homeHeroContent{padding:28px 24px 32px}
 .homeHeroContent h1{font-size:29px}
 .homeHeroContent p{font-size:14px}
 .heroStats{grid-template-columns:1fr}
 .heroStats div{padding:16px 20px}
 .consultCard{grid-template-columns:1fr;padding:20px}
 .consultIcon{width:82px}
 .consultLink{grid-column:auto}
 .hTstArea{padding:58px 15px 62px}
 .hTstArea .row{grid-template-columns:1fr}
 .referenceGrid{grid-template-columns:1fr}
 .referenceHighlight{grid-column:auto}
 .referenceOutro{grid-column:auto}
 .content-shell{padding-top:40px}
 .contactMainCard{padding:25px 20px}
 .contactInfoCard{padding:24px 20px}
 .contactIntro h2{font-size:26px}
}


/* =========================================================
   FINAL LAYOUT FIXES
   ========================================================= */

/* HOME */
.homeArea .container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
.homeHero{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:stretch;
}
.homeHeroVisual,
.homeHeroContent{
  min-width:0;
}
.homeHeroVisual{
  min-height:500px;
}
.homeHeroContent{
  min-width:0;
}
.homeHeroContent h1,
.homeHeroContent p{
  overflow-wrap:normal;
  word-break:normal;
}
.heroStats{
  width:100%;
  max-width:1180px;
}
.consultCard{
  width:100%;
  max-width:1180px;
  min-width:0;
}
.consultText{
  min-width:0;
}
.consultText p{
  overflow-wrap:anywhere;
}

/* HOME TESTIMONIALS — make the actual slider container the grid */
.hTstArea .container{
  width:100%;
  max-width:1180px;
}
.hTstArea .row{
  display:block !important;
}
.hTstArea .sectionTitle{
  width:100%;
}
.hTstArea .row:nth-child(2){
  width:100%;
}
.hTstArea .tstSlider{
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0;
  padding:0;
}
.hTstArea .tstSlider .singleTstSlide{
  width:auto !important;
  min-width:0;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  display:block !important;
}
.hTstArea .singleTst{
  width:100%;
  min-width:0;
  height:100%;
}
.hTstArea .singleTst p,
.hTstArea .singleTst a{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* REFERENCES */
.testimonialArea{
  width:100%;
}
.testimonialArea .container{
  width:100%;
  max-width:1180px;
}
.referenceGrid{
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px;
}
.referenceCard{
  min-width:0;
  width:100%;
}
.referenceCard .singleTst{
  width:100%;
  min-width:0;
  overflow:hidden;
}
.referenceCard .singleTst p,
.referenceCard .singleTst a{
  overflow-wrap:anywhere;
  word-break:normal;
}
.referenceHighlight{
  grid-column:1 / -1 !important;
}

/* CONTACT */
.contactArea .container{
  width:100%;
  max-width:1180px;
}
.contactGrid{
  width:100%;
  display:grid !important;
  grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr) !important;
  gap:24px;
  align-items:start;
}
.contactMainCard,
.contactInfoGrid,
.contactInfoCard,
.contactInfoCard .singleInfo{
  min-width:0;
  width:100%;
}
.contactMainCard{
  overflow:hidden;
}
.contactInfoCard{
  overflow:hidden;
  box-sizing:border-box;
}
.contactInfoCard .h4{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  white-space:normal !important;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
  font-size:19px;
  line-height:1.35;
}
.contactInfoCard .singleContactInfo{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.contactInfoCard .singleContactInfo a{
  display:inline;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.contactInfoCard font{
  font-size:inherit !important;
  font-family:inherit !important;
  line-height:inherit !important;
}
.contactInfoCard img{
  max-width:100%;
}

/* MOBILE */
@media(max-width:900px){
  .homeHero{
    grid-template-columns:1fr !important;
  }
  .homeHeroVisual{
    min-height:330px;
  }
  .hTstArea .tstSlider{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .referenceGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .referenceHighlight{
    grid-column:1 / -1 !important;
  }
  .contactGrid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:620px){
  .hTstArea .tstSlider{
    grid-template-columns:1fr !important;
  }
  .referenceGrid{
    grid-template-columns:1fr !important;
  }
  .referenceHighlight{
    grid-column:auto !important;
  }
  .homeHeroContent h1{
    font-size:29px;
  }
}


/* V4 content-preservation safeguards */
.aboutTxt,.contactMainCard .contactTxt,.contactInfoCard{min-width:0;overflow-wrap:anywhere}
.aboutTxt img,.contactInfoCard img{max-width:100%;height:auto}
.aboutTxt a,.contactMainCard a,.contactInfoCard a{overflow-wrap:anywhere;word-break:break-word}
.contactInfoCard .h4{white-space:normal;overflow-wrap:anywhere}
.contactInfoCard .singleContactInfo{overflow-wrap:anywhere;word-break:break-word}
.contactInfoCard font{font:inherit}
.consultText{min-width:0}
.consultText .topTxt{display:block;margin-bottom:5px}

.consultActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  min-width:0;
}
.consultBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 13px;
  border-radius:9px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.consultBtn.primary{background:var(--primary);color:#fff}
.consultBtn.secondary{border:1px solid #ccd8e7;color:var(--navy);background:#fff}
@media(max-width:900px){
  .consultActions{grid-column:2;justify-content:flex-start}
}
@media(max-width:560px){
  .consultActions{grid-column:auto;justify-content:flex-start}
}

/* V5 visual refinements */
.homeHeroContent .homeTitle,
.homeHeroContent h1{
  color:#e7f2ff !important;
}
.consultActions{
  justify-content:flex-start;
}
.consultActions .secondary{
  display:none !important;
}
.contactInfoCard #ETBIS img,
.contactInfoCard img[src^="data:image/"]{
  width:120px !important;
  max-width:120px !important;
  height:auto !important;
  margin:14px auto 0 !important;
}

.referenceWarning{
  max-width:760px;
  margin:24px auto 0;
  padding:13px 18px;
  border:1px solid #dbe4ef;
  border-radius:10px;
  background:#f7f9fc;
  color:#667085;
  text-align:center;
  font-size:13px;
  font-weight:600;
}
.aboutTxt h2{
  margin-top:34px;
}
.aboutTxt h2 + p{
  margin-top:12px;
}

/* V7 */
.footer-etbis{
  margin-top:14px;
}
.footer-etbis img{
  display:block;
  width:92px;
  height:auto;
  max-width:92px;
  border-radius:4px;
  background:#fff;
  padding:4px;
}
.contactInfoCard .singleInfo img{
  width:120px !important;
  max-width:120px !important;
  height:auto !important;
  display:block;
  margin:12px auto 0 !important;
}
.brand img,.footer-brand img{
  image-rendering:auto;
}
@media(max-width:900px){
  .footer-etbis img{width:82px;max-width:82px}
}

/* V8: consistent logo rendering on every page */
.site-header .brand img{
  width:178px !important;
  height:auto !important;
  max-width:none !important;
  display:block;
}
.site-footer .footer-brand img{
  width:170px !important;
  height:auto !important;
  max-width:none !important;
  display:block;
}
@media(max-width:560px){
  .site-header .brand img{
    width:155px !important;
  }
}

/* V9 service page visual headers */
.service-visual{
  width:100%;
  margin:0 0 22px;
  border:1px solid #dfe7f1;
  border-radius:20px;
  background:
    radial-gradient(circle at 82% 40%,rgba(48,139,236,.16),transparent 27%),
    linear-gradient(135deg,#f9fbff 0%,#edf5ff 100%);
  overflow:hidden;
}
.service-visual-inner{
  min-height:235px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  align-items:center;
  position:relative;
  padding:28px 34px;
}
.service-visual-copy{
  min-width:0;
  position:relative;
  z-index:2;
}
.service-visual-eyebrow{
  display:inline-block;
  color:var(--primary);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:7px;
}
.service-visual h2{
  margin:0;
  color:var(--navy);
  font:800 26px/1.18 Manrope,Inter,sans-serif;
  letter-spacing:-.025em;
}
.service-visual p{
  max-width:650px;
  margin:10px 0 17px;
  color:#5d6b7f;
  font-size:14px;
  line-height:1.65;
}
.service-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.service-chip{
  min-width:128px;
  padding:9px 12px;
  border:1px solid #d9e3ef;
  border-radius:10px;
  background:rgba(255,255,255,.78);
  display:flex;
  flex-direction:column;
  gap:1px;
}
.service-chip strong{
  color:#203454;
  font-size:12px;
  line-height:1.25;
}
.service-chip span{
  color:#8290a3;
  font-size:10px;
  line-height:1.3;
}
.service-visual-art{
  height:180px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.service-visual-art .service-glow{
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(22,119,232,.13);
  filter:blur(2px);
}
.service-visual-art img{
  position:relative;
  z-index:2;
  width:auto;
  max-width:115px;
  max-height:115px;
  object-fit:contain;
  filter:drop-shadow(0 14px 22px rgba(16,47,87,.13));
}
.service-dot{
  position:absolute;
  z-index:3;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#5ba7f4;
  box-shadow:0 0 0 5px rgba(91,167,244,.12);
}
.service-dot.dot-1{top:28px;right:45px}
.service-dot.dot-2{bottom:28px;right:84px}
.service-dot.dot-3{top:68px;left:42px}

@media(max-width:900px){
  .service-visual-inner{
    grid-template-columns:minmax(0,1fr) 170px;
    padding:25px 25px;
  }
  .service-visual-art{height:155px}
  .service-visual-art img{max-width:90px;max-height:90px}
}
@media(max-width:620px){
  .service-visual-inner{
    grid-template-columns:1fr;
    padding:24px 21px;
  }
  .service-visual-art{
    height:100px;
    margin-top:4px;
  }
  .service-visual-art .service-glow{
    width:90px;height:90px;
  }
  .service-visual-art img{max-width:70px;max-height:70px}
  .service-dot.dot-1{top:8px;right:28%}
  .service-dot.dot-2{bottom:8px;right:42%}
  .service-dot.dot-3{top:35px;left:26%}
  .service-chip{min-width:112px}
}

/* V11 */
.guvenlik-optimizasyonu .service-chip-row,
.service-chip-row{
  max-width:100%;
}
.service-visual-simple .service-visual-inner{
  grid-template-columns:minmax(0,1fr) 310px;
  min-height:250px;
}
.service-visual-simple .service-visual-art{
  height:205px;
}
.service-visual-simple .service-visual-art img{
  max-width:235px;
  max-height:190px;
  border-radius:12px;
  object-fit:contain;
}
.service-visual-simple .service-visual-copy p{
  max-width:690px;
  font-size:14px;
}
@media(max-width:900px){
  .service-visual-simple .service-visual-inner{
    grid-template-columns:minmax(0,1fr) 220px;
  }
  .service-visual-simple .service-visual-art img{
    max-width:175px;
    max-height:150px;
  }
}
@media(max-width:620px){
  .service-visual-simple .service-visual-inner{
    grid-template-columns:1fr;
  }
  .service-visual-simple .service-visual-art{
    height:150px;
  }
}

/* V12 contact spacing */
.iletisim .service-visual,
body:has(.service-visual-simple) .service-visual{
  margin-bottom:10px;
}
.service-visual-simple + .content-card{
  margin-top:0 !important;
}

/* V13 technology / brand showcase */
.brandShowcase{
  padding:48px 0 50px;
  background:#f7faff;
  border-top:1px solid #e5edf6;
  border-bottom:1px solid #e5edf6;
}
.brandShowcase .container{
  max-width:1180px;
  margin:0 auto;
  text-align:center;
}
.brandShowcaseEyebrow{
  display:inline-block;
  margin-bottom:7px;
  color:var(--primary);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
.brandShowcase h2{
  margin:0;
  color:var(--navy);
  font:800 25px/1.2 Manrope,Inter,sans-serif;
}
.brandShowcase p{
  margin:9px auto 24px;
  color:#6b7788;
  font-size:13px;
}
.brandLogoGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.brandLogoCard{
  min-width:0;
  min-height:108px;
  padding:16px 12px 12px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-shadow:0 7px 20px rgba(20,55,95,.045);
}
.brandLogoCard img{
  display:block;
  width:100%;
  height:56px;
  object-fit:contain;
}
.brandLogoCard span{
  color:#536176;
  font-size:11px;
  font-weight:800;
}
@media(max-width:900px){
  .brandLogoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
  .brandShowcase{padding:38px 0}
  .brandLogoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brandLogoCard{min-height:100px}
}

/* V14 brand logo normalization */
.brandLogoCard img{
  height:58px;
  width:190px;
  object-fit:contain;
}
.brandLogoCard{
  min-height:112px;
}

/* V15: logo-only technology cards */
.brandLogoCard{
  min-height:112px;
  padding:14px 12px;
}
.brandLogoCard img{
  height:68px;
  width:200px;
  object-fit:contain;
}
@media(max-width:560px){
  .brandLogoCard img{
    height:62px;
    width:175px;
  }
}

/* V16 */
.service-visual .service-chip{
  flex:0 1 auto;
}
.service-visual .service-chip-row{
  row-gap:9px;
}

/* V17: slightly smaller, balanced technology logos */
.brandLogoCard{
  min-height:104px;
  padding:12px 10px;
}
.brandLogoCard img{
  height:60px;
  width:185px;
  object-fit:contain;
}
@media(max-width:560px){
  .brandLogoCard img{
    height:56px;
    width:165px;
  }
}

/* V19: cleaner stacked contact windows */
.contactArea .contactGrid{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  align-items:stretch !important;
}
.contactArea .contactMainCard{
  width:100% !important;
  max-width:none !important;
}
.contactArea .contactInfoGrid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
.contactArea .contactInfoCard{
  width:100% !important;
  min-width:0 !important;
}
@media(max-width:760px){
  .contactArea .contactInfoGrid{
    grid-template-columns:1fr !important;
  }
}

/* DEMO V2 — service page content presentation; wording unchanged */
.aboutTxt{
  color:#455468;
}
.aboutCell > h2,
.aboutTxt > h2.content-section-title{
  position:relative;
  margin:34px 0 18px;
  padding:0 0 11px 15px;
  color:#10294a;
  font-size:23px;
  line-height:1.3;
  letter-spacing:-.02em;
}
.aboutCell > h2:first-child,
.aboutTxt > h2.content-section-title:first-child{
  margin-top:4px;
}
.aboutCell > h2:before,
.aboutTxt > h2.content-section-title:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:5px;
  height:calc(100% - 14px);
  border-radius:5px;
  background:#1677e8;
}
.aboutTxt > h2.notes-title{
  color:#d56b00;
}
.aboutTxt > h2.notes-title:before{
  background:#f28a00;
}
.aboutTxt > .operation-item{
  display:block;
  position:relative;
  min-height:58px;
  margin:0 0 10px;
  padding:14px 17px 14px 43px;
  list-style:none;
  color:#40516a;
  font-size:14px;
  line-height:1.65;
  background:#f7faff;
  border:1px solid #dfe8f2;
  border-radius:11px;
  box-shadow:0 2px 6px rgba(16,41,74,.025);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.aboutTxt > .operation-item:before{
  content:"✓";
  position:absolute;
  left:15px;
  top:14px;
  width:19px;
  height:19px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e8f3ff;
  color:#1677e8;
  font-size:12px;
  font-weight:900;
}
.aboutTxt > .operation-item:hover{
  transform:translateY(-1px);
  border-color:#c7dcf3;
  box-shadow:0 7px 18px rgba(16,41,74,.06);
}
.aboutTxt > .styled-note-list{
  margin:0 0 18px;
  padding:18px 20px 18px 38px;
  background:#fbfcfe;
  border:1px solid #e3e9f1;
  border-radius:12px;
}
.aboutTxt > .styled-note-list li{
  margin:8px 0;
  line-height:1.7;
}
.aboutTxt > .important-note{
  margin:26px 0 14px;
  padding:18px 20px;
  background:linear-gradient(135deg,#fff9ef,#fffdf8);
  border:1px solid #f1d8ae;
  border-left:5px solid #f28a00;
  border-radius:12px;
  color:#4d4b45;
  line-height:1.75;
}
.aboutTxt > .important-note strong{
  color:#b95d00;
}

/* Page-specific accent hints, kept restrained so the whole site remains unified. */
body.page-sunucu-optimizasyonu .aboutCell > h2:before{background:#1677e8}
body.page-web-server-optimizasyonu .aboutCell > h2:before{background:#1688f5}
body.page-mysql-optimizasyonu .aboutCell > h2:before{background:#e58a00}
body.page-guvenlik-optimizasyonu .aboutCell > h2:before{background:#e23b3b}
body.page-ek-islemler .aboutCell > h2:before{background:#16a65a}
body.page-ddos-filtreleme .aboutCell > h2:before{background:#e23b3b}

@media(max-width:700px){
  .aboutCell > h2,
  .aboutTxt > h2.content-section-title{font-size:20px}
  .aboutTxt > .operation-item{
    font-size:13.5px;
    padding:14px 14px 14px 40px;
  }
}

/* V4 contact refinement */
.contactArea .contactTxt .contact-info-line{
  display:block;
  margin:0 0 12px;
  padding:13px 15px;
  background:#f8fafc;
  border:1px solid #e3e9f0;
  border-radius:10px;
  color:#455468;
}
.contactArea .contactTxt .contact-info-line:first-child{
  margin-top:0;
}
.contactArea .contact-price-card{
  margin:18px 0 16px;
  padding:18px 20px;
  background:#f3f8ff;
  border:1px solid #cfe1f6;
  border-left:5px solid #1677e8;
  border-radius:12px;
  box-shadow:0 5px 15px rgba(22,119,232,.06);
}
.contactArea .contact-price-card .contact-price-line{
  margin:0;
  padding:8px 0;
  color:#354a63;
  font-weight:600;
  line-height:1.65;
}
.contactArea .contact-price-card .contact-price-line + .contact-price-line{
  border-top:1px solid #dce9f7;
}

.contactArea .contactTxt .contact-alert{display:block;margin:0;padding:13px 15px;background:#f8fafc;border:1px solid #e3e9f0;border-left:1px solid #e3e9f0;border-radius:10px;color:#455468;}

/* DEMO V3 — contact and DDoS presentation */
.contactArea .contactIntro{
  margin-bottom:22px;
  padding:0 2px;
}
.contactArea .contactIntro h2{
  color:#10294a;
  letter-spacing:-.02em;
}
.contactArea .contactMainCard{
  background:#fff;
  border:1px solid #dfe7f1;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(16,41,74,.045);
}
.contactArea .contactTxt{
  padding:25px 27px;
  color:#455468;
  line-height:1.75;
}
.contactArea .contactTxt .contact-alert{
  display:block;
  margin:-25px -27px 18px;
  padding:15px 22px;
  background:#eef6ff;
  border-bottom:1px solid #d7e8fa;
  border-left:4px solid #1677e8;
  color:#125fae;
  border-radius:14px 14px 0 0;
}
.contactArea .contactTxt .contact-info-line{
  margin:0 0 11px;
  padding:12px 14px;
  background:#f8fafc;
  border:1px solid #e5ebf2;
  border-radius:9px;
}
.contactArea .contactInfoGrid{
  gap:18px !important;
}
.contactArea .contact-card-demo{
  border:1px solid #dfe7f1 !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(16,41,74,.045);
}
.contactArea .contact-card-title{
  color:#10294a !important;
  padding-bottom:11px;
  border-bottom:1px solid #e7edf4;
  margin-bottom:15px;
}
.contactArea .singleContactInfo{
  padding:10px 0;
  border-bottom:1px solid #edf1f5;
}
.contactArea .singleContactInfo:last-child{border-bottom:0}
.contactArea #ETBIS{
  display:flex;
  justify-content:center;
  padding-top:4px;
}

/* DDoS uses the same content-card language as the other service pages. */
.aboutTxt > .operation-item{
  display:block;
  position:relative;
  min-height:58px;
  margin:0 0 10px;
  padding:14px 17px 14px 43px;
  list-style:none;
  color:#40516a;
  font-size:14px;
  line-height:1.65;
  background:#f7faff;
  border:1px solid #dfe8f2;
  border-radius:11px;
  box-shadow:0 2px 6px rgba(16,41,74,.025);
}
.aboutTxt > .operation-item:before{
  content:"✓";
  position:absolute;
  left:15px;
  top:14px;
  width:19px;
  height:19px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e8f3ff;
  color:#1677e8;
  font-size:12px;
  font-weight:900;
}
.aboutTxt > .custom-added-item{
  background:#eef8ff;
  border-color:#b9dcfa;
  box-shadow:0 5px 16px rgba(22,119,232,.08);
}
.aboutTxt > .custom-added-item:before{
  background:#1677e8;
  color:#fff;
}

/* V26 refinements */
.warning-red{color:#d92d2d !important;font-weight:700;}
.maintenance-note{margin:10px 0 0;padding:9px 12px;color:#68778a;font-size:12.5px;line-height:1.6;background:#f7f9fc;border-left:3px solid #9aaabd;border-radius:6px;}
.home-consulting-demo{padding-bottom:24px !important;}
.home-performance-demo{margin-top:0 !important;}
@media(max-width:700px){.home-consulting-demo{padding-bottom:18px !important;}}



.small-info-note{
  display:block;
  margin:10px 0 14px;
  padding:9px 12px;
  background:#f7f9fc;
  border:1px solid #dfe6ee;
  border-left:3px solid #1677e8;
  border-radius:7px;
  color:#64748a;
  font-size:12px;
  line-height:1.6;
}

/* V32 contact page spacing refinement */
.contactArea{
  padding-top:28px !important;
}
.contact-hero .service-visual-inner{
  min-height:215px !important;
  padding-top:22px !important;
  padding-bottom:22px !important;
}
.contact-hero .service-visual-art{
  height:185px !important;
}
.contact-hero .service-visual-art img{
  max-height:175px !important;
}
.contactTxt .contact-price-spacing{
  margin-bottom:8px !important;
}
.contactTxt .contact-price-spacing + br{
  display:none !important;
}
.contactTxt .service-availability-note{
  margin-top:8px !important;
  margin-bottom:12px !important;
}
@media(max-width:620px){
  .contactArea{padding-top:20px !important;}
  .contact-hero .service-visual-inner{
    min-height:205px !important;
    padding-top:20px !important;
    padding-bottom:18px !important;
  }
  .contact-hero .service-visual-art{height:140px !important;}
  .contact-hero .service-visual-art img{max-height:130px !important;}
}

.duration-highlight{color:#d92d2d;font-weight:800;}

/* V35 contact communication options */
.contactInfoGrid .contact-option{
  position:relative;
  display:flex !important;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:10px 12px !important;
  margin:0 0 9px;
  border:1px solid #e1e8f0;
  border-radius:10px;
  background:#fbfcfe;
  transition:background .2s ease,border-color .2s ease;
}
.contactInfoGrid .contact-option:hover{
  background:#f7faff;
  border-color:#cfddec;
}
.contact-option .contact-option-icon,
.contact-option .contact-option-logo{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
}
.contact-option .contact-option-icon{
  background:#edf4ff;
  color:#1677e8;
  font-size:19px;
  font-weight:800;
}
.contact-option .contact-wa-icon{
  background:#e9f8ef;
  color:#168b4b;
  font-size:11px;
  letter-spacing:.2px;
}
.contact-option .contact-option-logo{
  background:#f3f5f8;
  border:1px solid #e0e6ed;
  overflow:hidden;
}
.contact-option .contact-option-logo img{
  width:30px;
  height:30px;
  object-fit:contain;
}
.contactInfoGrid .contact-option > *:last-child{
  margin-left:0;
}
.contactInfoGrid .contact-option a{
  font-weight:600;
}

/* V36 contact page final layout */
.contact-page-v36{
  --contact-blue:#1677e8;
}
.service-eligibility-v36{
  background:#effaf3 !important;
  border:1px solid #cdebd8 !important;
  border-left:4px solid #2eaa62 !important;
  color:#257445 !important;
}
.contact-card-v36 .contact-option-logo,
.contact-card-v36 .contact-option-icon{
  flex:0 0 58px !important;
  width:58px !important;
  height:58px !important;
  margin:0 auto 12px !important;
  border-radius:50% !important;
}
.contact-card-v36 .contact-option-logo img{
  width:42px !important;
  height:42px !important;
}
.contact-card-v36 .contact-card-detail{
  margin:8px 0 0 !important;
  color:#64748b;
  font-size:12px;
  line-height:1.55;
}
.contact-card-v36 .contact-option-icon{
  font-size:25px !important;
}
.contact-card-v36 .contact-wa-icon{
  font-size:12px !important;
}
.contact-card-v36 .contact-option-content{
  width:100%;
}
.contact-card-v36 a{
  text-decoration:none;
}
.company-info-v36{
  margin-top:12px;
}
@media(max-width:760px){
  
}

/* V37 contact page — match approved demo structure */
.contactGrid{display:block !important;}
.contact-v37-layout{width:100%;display:flex;flex-direction:column;gap:14px;}
.contact-v37-layout .contactMainCard{
  width:100%;
  box-sizing:border-box;
  padding:28px 32px !important;
}
.contact-v37-layout .contactMainCard .contactTxt{font-size:14px;line-height:1.7;}
.contact-v37-layout .contact-written-note{
  margin:0 0 14px !important;
  padding:11px 14px;
  background:#f7faff;
  border:1px solid #dce7f3;
  border-radius:9px;
}
.contact-v37-layout .contact-price-card{
  margin:0 !important;
}
.contact-v37-layout .service-availability-note{
  margin:8px 0 !important;
}
.contact-options-grid-v37{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.contact-v37-card{
  min-width:0;
  min-height:300px;
  padding:24px 20px 20px;
  background:#fff;
  border:1px solid #dfe7f0;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(13,31,58,.045);
  display:flex !important;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-sizing:border-box;
}
.contact-v37-icon{
  width:62px;height:62px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 12px;
  background:#edf5ff;
  color:#1677e8;
}
.contact-v37-icon .contact-option-icon{
  width:100% !important;height:100% !important;
  margin:0 !important;border-radius:50% !important;
  background:transparent !important;
  font-size:26px !important;
  display:flex;align-items:center;justify-content:center;
}
.contact-v37-icon .contact-option-logo{
  width:100% !important;height:100% !important;
  margin:0 !important;border-radius:50% !important;
  background:transparent !important;border:0 !important;
  display:flex;align-items:center;justify-content:center;
}
.contact-v37-icon .contact-option-logo img{
  width:43px !important;height:43px !important;
  object-fit:contain !important;margin:0 !important;
}
.contact-v37-title{
  font:800 19px/1.3 Manrope;color:var(--navy);
  margin-bottom:10px;
}
.contact-v37-desc{
  max-width:330px;
  min-height:63px;
  margin:0 auto 12px !important;
  color:#536174;
  font-size:13px;
  line-height:1.6;
}
.contact-v37-detail{
  width:100%;
  box-sizing:border-box;
  min-height:42px;
  padding:10px 12px;
  border:1px solid #d8e6f7;
  border-radius:8px;
  background:#f6faff;
  color:#1677e8;
  font-weight:700;
  font-size:12.5px;
  line-height:1.45;
  display:flex;align-items:center;justify-content:center;
  overflow-wrap:anywhere;
}
.contact-whatsapp .contact-v37-icon{
  background:#e9f8ef;color:#168b4b;
}
.contact-whatsapp .contact-v37-detail{
  background:#f0fbf4;
  border-color:#cdebd8;
  color:#257445;
}
.contact-v37-card > a{
  margin-top:10px;
  padding:8px 16px;
  border:1px solid #cfe0f5;
  border-radius:8px;
  color:#1677e8 !important;
  background:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:12px;
}
.company-info-v37{
  width:100%;
  box-sizing:border-box;
  padding:26px 30px !important;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 8px 22px rgba(13,31,58,.045);
}
.company-info-v37 .h4{
  margin-bottom:16px !important;
}
.company-info-v37 .singleContactInfo{
  padding:9px 0;
  margin:0 !important;
  border-bottom:1px solid #edf1f5;
}
.company-info-v37 #ETBIS img{
  width:70px !important;
  height:90px !important;
  margin:10px auto 0 !important;
}
@media(max-width:900px){
  .contact-options-grid-v37{grid-template-columns:1fr;}
  .contact-v37-card{min-height:0;}
}
@media(max-width:560px){
  .contact-v37-layout .contactMainCard{padding:22px 18px !important;}
  .company-info-v37{padding:22px 18px !important;}
}

/* V38 — pricing card matching the approved contact demo */
.contact-v37-layout .contact-price-card{
  margin:0 0 12px !important;
  padding:0 !important;
  background:#f5f9ff !important;
  border:1px solid #cfe1f6 !important;
  border-left:5px solid #1677e8 !important;
  border-radius:12px !important;
  overflow:hidden;
  box-shadow:0 5px 15px rgba(22,119,232,.06);
}
.contact-price-title{
  padding:13px 18px;
  background:#edf5ff;
  border-bottom:1px solid #d5e5f6;
  color:#10294a;
  font-size:15px;
  font-weight:800;
  text-align:left;
}
.contact-price-row{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:43px;
  padding:9px 16px;
  box-sizing:border-box;
}
.contact-price-row + .contact-price-row{
  border-top:1px solid #dce9f7;
}
.contact-price-num{
  flex:0 0 24px;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e4f0ff;
  color:#1677e8;
  font-size:11px;
  font-weight:800;
}
.contact-price-text{
  color:#354a63;
  font-size:13.5px;
  font-weight:600;
  line-height:1.55;
}

/* V39 — clean pricing rows without artificial numbering */
.contact-price-row{
  gap:0 !important;
}