/* ==========================================================
   SEA LICENSING
   SERVICE REQUEST — PREMIUM DESKTOP V1
   ========================================================== */

.sr1-main{
  --navy:#002B49;
  --deep:#042D45;
  --deep2:#073C59;
  --blue:#0089D1;
  --cyan:#63CEF5;

  --text:#0D344B;
  --muted:#617B8A;
  --line:#D8E5EB;
  --soft:#F3F8FA;

  color:var(--text);
  background:#fff;

  overflow:hidden;
}

.sr1-main *,
.sr1-main *::before,
.sr1-main *::after{
  box-sizing:border-box;
}

.sr1-shell{
  width:min(
    calc(100% - 96px),
    var(--shell,1440px)
  );

  margin-inline:auto;
}


/* ==========================================================
   HERO
   ========================================================== */

.sr1-hero{
  position:relative;

  min-height:440px;

  display:flex;
  align-items:center;

  overflow:hidden;
  isolation:isolate;

  background:#032B42;
}

.sr1-hero::before{
  content:"";

  position:absolute;
  inset:0;

  z-index:-3;

  background:
    radial-gradient(
      circle at 80% 33%,
      rgba(46,181,232,.23),
      transparent 25%
    ),
    linear-gradient(
      108deg,
      #032B43 0%,
      #063B59 55%,
      #005A80 100%
    );
}

.sr1-hero::after{
  content:"";

  position:absolute;
  inset:0;

  z-index:-2;
  pointer-events:none;

  opacity:.20;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1500' height='520' viewBox='0 0 1500 520' fill='none'%3E%3Cg stroke='%2377D7F8'%3E%3Cpath opacity='.35' d='M0 105c150-62 271 63 422 0s282-62 436 0 283 60 642-6'/%3E%3Cpath opacity='.23' d='M0 190c145-51 267 52 414 0s279-51 430 0 286 50 656 0'/%3E%3Cpath opacity='.14' d='M0 280c139-43 262 44 405 0s274-43 420 0 288 42 675 0'/%3E%3Ccircle cx='1225' cy='190' r='135' opacity='.26'/%3E%3Ccircle cx='1225' cy='190' r='88' opacity='.18'/%3E%3Cpath d='M1225 36v308M1071 190h308M1116 81l218 218M1334 81l-218 218' opacity='.22'/%3E%3Cpath d='M892 390c92-63 178-85 276-61 54 13 100 5 164-25' stroke-dasharray='7 10' opacity='.32'/%3E%3Ccircle cx='892' cy='390' r='6' fill='%2377D7F8' stroke='none'/%3E%3Ccircle cx='1332' cy='304' r='6' fill='%2377D7F8' stroke='none'/%3E%3C/g%3E%3C/svg%3E");

  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.sr1-hero-grid{
  display:grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(390px,.95fr);

  gap:90px;
  align-items:center;

  padding:62px 0;
}

.sr1-eyebrow{
  display:block;

  margin-bottom:16px;

  color:#67D1F8;

  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.sr1-hero h1{
  max-width:720px;

  margin:0;

  color:#fff;

  font-size:59px;
  line-height:.99;
  font-weight:800;
  letter-spacing:-.055em;
}

.sr1-hero-copy > p{
  max-width:680px;

  margin:22px 0 0;

  color:rgba(255,255,255,.74);

  font-size:13px;
  line-height:1.72;
}


/* HERO SUMMARY PANEL */

.sr1-hero-panel{
  position:relative;

  padding:28px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;

  background:
    linear-gradient(
      145deg,
      rgba(7,58,85,.76),
      rgba(2,38,57,.67)
    );

  box-shadow:
    0 22px 55px rgba(0,0,0,.16);

  backdrop-filter:blur(11px);
}

.sr1-hero-panel::after{
  content:"";

  position:absolute;

  width:180px;
  height:180px;

  right:-48px;
  bottom:-58px;

  opacity:.07;

  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%237AD9FA' stroke-width='2'%3E%3Cpath d='M90 15v150M15 90h150M37 37l106 106M143 37L37 143'/%3E%3Ccircle cx='90' cy='90' r='62'/%3E%3Ccircle cx='90' cy='90' r='35'/%3E%3C/svg%3E")
    center/contain no-repeat;
}

.sr1-hero-panel > *{
  position:relative;
  z-index:2;
}

.sr1-hero-panel span{
  display:block;

  color:#68D2F9;

  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.sr1-hero-panel h2{
  max-width:340px;

  margin:11px 0 0;

  color:#fff;

  font-size:22px;
  line-height:1.18;
  letter-spacing:-.025em;
}

.sr1-hero-panel p{
  margin:10px 0 0;

  color:rgba(255,255,255,.62);

  font-size:9.5px;
  line-height:1.6;
}

.sr1-hero-points{
  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin-top:21px;
  padding-top:18px;

  border-top:1px solid rgba(255,255,255,.11);
}

.sr1-hero-point{
  min-height:48px;

  padding:10px 11px;

  border:1px solid rgba(255,255,255,.09);
  border-radius:5px;

  background:rgba(255,255,255,.035);
}

.sr1-hero-point b{
  display:block;

  color:#fff;

  font-size:9px;
}

.sr1-hero-point small{
  display:block;

  margin-top:4px;

  color:rgba(255,255,255,.45);

  font-size:7.5px;
  line-height:1.35;
}


/* ==========================================================
   REQUEST AREA
   ========================================================== */

.sr1-request{
  position:relative;

  padding:82px 0 92px;

  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      #F7FBFD 0%,
      #EFF6F9 100%
    );
}

.sr1-request::before{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  opacity:.075;

  background-image:
    linear-gradient(
      rgba(0,78,124,.55) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,78,124,.55) 1px,
      transparent 1px
    );

  background-size:44px 44px;
}

.sr1-request::after{
  content:"";

  position:absolute;

  width:620px;
  height:620px;

  right:-240px;
  bottom:-280px;

  opacity:.045;

  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='%23004E7C'%3E%3Ccircle cx='300' cy='300' r='225'/%3E%3Ccircle cx='300' cy='300' r='155'/%3E%3Ccircle cx='300' cy='300' r='80'/%3E%3Cpath d='M300 35v530M35 300h530M112 112l376 376M488 112L112 488'/%3E%3C/svg%3E")
    center/contain no-repeat;
}

.sr1-request > .sr1-shell{
  position:relative;
  z-index:2;
}

.sr1-request-head{
  display:grid;

  grid-template-columns:
    minmax(0,.82fr)
    minmax(0,1.18fr);

  gap:80px;
  align-items:end;

  margin-bottom:38px;
}

.sr1-section-kicker{
  display:block;

  margin-bottom:11px;

  color:#0089D1;

  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sr1-request-head h2{
  max-width:560px;

  margin:0;

  color:#0A3148;

  font-size:40px;
  line-height:1.04;
  letter-spacing:-.044em;
}

.sr1-request-head > p{
  max-width:600px;

  margin:0 0 2px;

  color:#5E7989;

  font-size:11px;
  line-height:1.72;
}

.sr1-rule{
  display:block;

  width:48px;
  height:2px;

  margin-top:18px;

  background:
    linear-gradient(
      90deg,
      #0089D1,
      #65CEF4
    );
}


/* ==========================================================
   TWO COLUMN REQUEST LAYOUT
   ========================================================== */

.sr1-request-grid{
  display:grid;

  grid-template-columns:
    minmax(280px,.34fr)
    minmax(0,.66fr);

  gap:24px;

  align-items:start;
}


/* ==========================================================
   LEFT NAVIGATOR
   ========================================================== */

.sr1-guide{
  position:sticky;
  top:110px;

  overflow:hidden;

  border:1px solid #D6E4EA;
  border-radius:8px;

  background:
    rgba(255,255,255,.93);

  box-shadow:
    0 14px 34px rgba(0,43,73,.07);
}

.sr1-guide-head{
  padding:25px 24px 21px;

  border-bottom:1px solid #E1EBEF;

  background:
    linear-gradient(
      145deg,
      #F9FCFD,
      #F2F8FA
    );
}

.sr1-guide-head span{
  display:block;

  color:#0089D1;

  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.sr1-guide-head h3{
  margin:10px 0 0;

  color:#10384F;

  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}

.sr1-guide-head p{
  margin:8px 0 0;

  color:#657F8E;

  font-size:9px;
  line-height:1.6;
}

.sr1-guide-list{
  display:grid;

  gap:0;
}

.sr1-guide-item{
  display:grid;

  grid-template-columns:35px minmax(0,1fr);

  gap:12px;

  padding:18px 22px;

  border-bottom:1px solid #E6EEF2;

  transition:
    background .25s ease,
    padding-left .25s ease;
}

.sr1-guide-item:last-child{
  border-bottom:0;
}

.sr1-guide-item:hover{
  padding-left:25px;

  background:#F5FAFC;
}

.sr1-guide-no{
  width:30px;
  height:30px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid #B9DDEB;
  border-radius:50%;

  color:#0089D1;
  background:#F4FBFD;

  font-size:8px;
  font-weight:850;
}

.sr1-guide-item b{
  display:block;

  color:#153A50;

  font-size:10.5px;
  line-height:1.35;
}

.sr1-guide-item p{
  margin:4px 0 0;

  color:#708694;

  font-size:8.5px;
  line-height:1.5;
}

.sr1-guide-note{
  padding:18px 22px;

  border-top:1px solid #E0EAEE;

  color:#6D8491;
  background:#F8FBFC;

  font-size:8px;
  line-height:1.55;
}

.sr1-guide-note strong{
  color:#123A50;
}


/* ==========================================================
   FORM PANEL
   ========================================================== */

.sr1-form-wrap{
  overflow:hidden;

  border:1px solid #D5E3E9;
  border-radius:8px;

  background:#fff;

  box-shadow:
    0 18px 44px rgba(0,43,73,.08);
}

.sr1-form-head{
  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:30px;

  padding:24px 27px;

  border-bottom:1px solid #DFE9ED;

  background:
    linear-gradient(
      135deg,
      #F9FCFD,
      #F1F7F9
    );
}

.sr1-form-head span{
  display:block;

  color:#0089D1;

  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.sr1-form-head h3{
  margin:7px 0 0;

  color:#10384F;

  font-size:20px;
  line-height:1.2;
}

.sr1-form-badge{
  min-width:115px;

  padding:8px 12px;

  border:1px solid #B9DDEC;
  border-radius:30px;

  color:#047DB9;
  background:#F2FAFD;

  text-align:center;

  font-size:7.5px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}


/* ==========================================================
   FORM
   ========================================================== */

.sr1-form{
  padding:27px;
}

.sr1-field-row{
  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:16px;
}

.sr1-form label{
  display:block;

  margin-bottom:17px;

  color:#15394E;

  font-size:9px;
  font-weight:800;
}

.sr1-required{
  color:#0089D1;
}

.sr1-field-note{
  display:block;

  margin-top:5px;

  color:#8397A1;

  font-size:7.5px;
  font-weight:500;
  line-height:1.45;
}

.sr1-form input,
.sr1-form select,
.sr1-form textarea{
  width:100%;

  margin-top:7px;

  border:1px solid #CDDEE6;
  border-radius:5px;

  outline:none;

  color:#12394F;
  background:#FBFDFE;

  font:inherit;
  font-size:10.5px;
  font-weight:550;

  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.sr1-form input,
.sr1-form select{
  height:46px;

  padding:0 13px;
}

.sr1-form textarea{
  min-height:155px;

  padding:13px;

  resize:vertical;

  line-height:1.6;
}

.sr1-form input:focus,
.sr1-form select:focus,
.sr1-form textarea:focus{
  border-color:#55BDE7;

  background:#fff;

  box-shadow:
    0 0 0 3px rgba(0,137,209,.08);
}

.sr1-form textarea::placeholder,
.sr1-form input::placeholder{
  color:#96A8B2;
}


/* service selector emphasis */

.sr1-service-field{
  position:relative;

  padding:18px;

  margin:2px 0 18px;

  border:1px solid #D7E5EB;
  border-radius:6px;

  background:
    linear-gradient(
      135deg,
      #F9FCFD,
      #F4F9FB
    );
}

.sr1-service-field label{
  margin-bottom:0;
}


/* checkbox */

.sr1-check{
  display:flex !important;
  align-items:flex-start;

  gap:10px;

  margin:4px 0 20px !important;

  cursor:pointer;
}

.sr1-check input{
  width:15px !important;
  height:15px !important;

  flex:0 0 15px;

  margin:1px 0 0 !important;

  accent-color:#0089D1;
}

.sr1-check span{
  color:#5E7988;

  font-size:8.5px;
  font-weight:600;
  line-height:1.5;
}


/* footer actions */

.sr1-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:25px;

  padding-top:20px;

  border-top:1px solid #E2EAEE;
}

.sr1-submit{
  min-height:46px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  padding:0 21px;

  border:1px solid #0089D1;
  border-radius:4px;

  cursor:pointer;

  color:#fff;
  background:#0089D1;

  font:inherit;
  font-size:9px;
  font-weight:850;
  letter-spacing:.025em;

  transition:
    transform .24s ease,
    background .24s ease,
    box-shadow .24s ease;
}

.sr1-submit svg{
  width:14px;
  height:14px;

  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

.sr1-submit:hover{
  transform:translateY(-2px);

  background:#0298E6;

  box-shadow:
    0 10px 22px rgba(0,137,209,.19);
}

.sr1-form-note{
  max-width:440px;

  margin:0;

  color:#8498A3;

  font-size:7.5px;
  line-height:1.55;
}


/* ==========================================================
   TRUST STRIP
   ========================================================== */

.sr1-trust{
  position:relative;

  padding:31px 0;

  border-top:1px solid #E1EAEE;
  border-bottom:1px solid #E1EAEE;

  background:#fff;
}

.sr1-trust-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:18px;
}

.sr1-trust-item{
  display:flex;
  align-items:center;

  gap:13px;

  min-height:66px;

  padding:14px 17px;

  border:1px solid #DFE8EC;
  border-radius:6px;

  background:#FAFCFD;
}

.sr1-trust-icon{
  width:33px;
  height:33px;

  flex:0 0 33px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid #B8DDEB;
  border-radius:50%;

  color:#0089D1;

  font-size:9px;
  font-weight:850;
}

.sr1-trust-item b{
  display:block;

  color:#14394F;

  font-size:10px;
}

.sr1-trust-item p{
  margin:3px 0 0;

  color:#708692;

  font-size:8px;
  line-height:1.45;
}


/* ==========================================================
   RESPONSIVE SAFETY
   ========================================================== */

@media(max-width:1100px){

  .sr1-shell{
    width:min(
      calc(100% - 44px),
      var(--shell,1440px)
    );
  }

  .sr1-hero-grid,
  .sr1-request-head,
  .sr1-request-grid{
    grid-template-columns:1fr;
  }

  .sr1-guide{
    position:relative;
    top:auto;
  }

  .sr1-trust-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:700px){

  .sr1-shell{
    width:min(
      calc(100% - 28px),
      var(--shell,1440px)
    );
  }

  .sr1-hero h1{
    font-size:44px;
  }

  .sr1-field-row{
    grid-template-columns:1fr;
  }

  .sr1-form-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .sr1-submit{
    width:100%;
  }

}

/* ==========================================================
   SERVICE REQUEST
   LEFT COLUMN CONTACT / SUPPORT BOX
   ========================================================== */

.sr1-main .sr1-side{
  display:flex;
  flex-direction:column;

  gap:18px;

  min-width:0;
}


/* Navigator remains sticky only inside its normal position */

.sr1-main .sr1-side .sr1-guide{
  position:relative !important;
  top:auto !important;
}


/* ==========================================================
   CONTACT BOX
   ========================================================== */

.sr1-main .sr1-contact-box{
  position:relative;

  overflow:hidden;
  isolation:isolate;

  border:1px solid #D5E4EA;
  border-radius:8px;

  background:#FFFFFF;

  box-shadow:
    0 14px 34px rgba(0,43,73,.065);
}


/* subtle maritime decorative vector */

.sr1-main .sr1-contact-box::after{
  content:"";

  position:absolute;

  width:185px;
  height:185px;

  right:-66px;
  bottom:-64px;

  z-index:0;
  pointer-events:none;

  opacity:.045;

  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190' fill='none' stroke='%23004E7C' stroke-width='1.6'%3E%3Ccircle cx='95' cy='95' r='68'/%3E%3Ccircle cx='95' cy='95' r='42'/%3E%3Cpath d='M95 16v158M16 95h158M39 39l112 112M151 39L39 151'/%3E%3C/svg%3E")
    center / contain no-repeat;
}


.sr1-main .sr1-contact-box > *{
  position:relative;
  z-index:2;
}


/* ==========================================================
   CONTACT HEADER
   ========================================================== */

.sr1-main .sr1-contact-head{
  padding:23px 23px 20px;

  border-bottom:
    1px solid #E1EBEF;

  background:
    linear-gradient(
      145deg,
      #F8FCFD,
      #EFF7FA
    );
}


.sr1-main .sr1-contact-head > span{
  display:block;

  color:#0089D1;

  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}


.sr1-main .sr1-contact-head h3{
  margin:9px 0 0;

  color:#10384F;

  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}


.sr1-main .sr1-contact-head p{
  margin:7px 0 0;

  color:#68818F;

  font-size:8.5px;
  line-height:1.55;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.sr1-main .sr1-contact-content{
  padding:3px 22px 21px;
}


.sr1-main .sr1-contact-block{
  padding:17px 0;

  border-bottom:
    1px solid #E6EEF1;
}


.sr1-main .sr1-contact-label{
  display:block;

  margin-bottom:8px;

  color:#123A51;

  font-size:9px;
  line-height:1;
  font-weight:850;
}


.sr1-main .sr1-contact-links{
  display:flex;
  flex-direction:column;

  gap:5px;
}


.sr1-main .sr1-contact-links a,
.sr1-main .sr1-contact-email{
  width:max-content;
  max-width:100%;

  color:#526F80;

  text-decoration:none;

  font-size:9.5px;
  line-height:1.45;

  transition:
    color .22s ease,
    transform .22s ease;
}


.sr1-main .sr1-contact-links a:hover,
.sr1-main .sr1-contact-email:hover{
  color:#0089D1;

  transform:translateX(2px);
}


/* ADDRESS */

.sr1-main .sr1-contact-box address{
  margin:0;

  color:#617B8A;

  font-style:normal;

  font-size:9px;
  line-height:1.7;
}


/* ==========================================================
   SUPPORT
   ========================================================== */

.sr1-main .sr1-contact-support-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:12px;

  padding:17px 0;

  border-bottom:
    1px solid #E6EEF1;
}


.sr1-main .sr1-contact-support-grid > div{
  min-height:74px;

  padding:12px;

  border:
    1px solid #DFE9ED;

  border-radius:5px;

  background:#F8FBFC;
}


.sr1-main .sr1-contact-support-grid p{
  margin:0;

  color:#607A89;

  font-size:8.5px;
  line-height:1.45;
}


/* ==========================================================
   SOCIAL BUTTONS
   ========================================================== */

.sr1-main .sr1-socials{
  padding-top:17px;
}


.sr1-main .sr1-socials-title{
  display:block;

  margin-bottom:10px;

  color:#123A51;

  font-size:9px;
  font-weight:850;
}


.sr1-main .sr1-social-buttons{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:7px;
}


.sr1-main .sr1-social-btn{
  min-width:0;
  min-height:37px;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:6px;

  padding:0 8px;

  border:
    1px solid #D0E2EA;

  border-radius:4px;

  color:#315B70;
  background:#F8FBFC;

  text-decoration:none;

  font-size:7.5px;
  font-weight:800;

  cursor:default;

  transition:
    transform .22s ease,
    color .22s ease,
    background .22s ease,
    border-color .22s ease;
}


.sr1-main .sr1-social-btn i{
  min-width:17px;
  height:17px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:3px;

  color:#FFFFFF;
  background:#073B58;

  font-style:normal;

  font-size:7px;
  font-weight:900;
}


.sr1-main .sr1-social-btn:hover{
  transform:translateY(-2px);

  color:#FFFFFF;

  border-color:#087FB8;

  background:#075179;
}


.sr1-main .sr1-social-whatsapp{
  cursor:pointer;
}


.sr1-main .sr1-social-whatsapp i{
  background:#159B5A;
}


.sr1-main .sr1-social-whatsapp:hover{
  border-color:#159B5A;
  background:#11834B;
}


/* ==========================================================
   DESKTOP PROPORTION
   ========================================================== */

@media (min-width:1101px){

  .sr1-main .sr1-request-grid{
    grid-template-columns:
      minmax(310px,.35fr)
      minmax(0,.65fr) !important;

    gap:26px !important;

    align-items:start !important;
  }

}


/* ==========================================================
   MOBILE / TABLET SAFETY
   ========================================================== */

@media (max-width:700px){

  .sr1-main .sr1-contact-support-grid,
  .sr1-main .sr1-social-buttons{
    grid-template-columns:1fr;
  }

}


/* ==========================================================
   SERVICE REQUEST
   DESKTOP PROPORTION + SYMMETRY REFINEMENT
   ========================================================== */

@media (min-width:1101px){

  /* ========================================================
     MAIN SECTION WIDTH / BALANCE
     ======================================================== */

  .sr1-main .sr1-request{
    padding-top:74px !important;
    padding-bottom:82px !important;
  }


  .sr1-main .sr1-request-head{
    grid-template-columns:
      minmax(0,.78fr)
      minmax(0,1.22fr) !important;

    gap:70px !important;

    align-items:center !important;

    margin-bottom:34px !important;
  }


  .sr1-main .sr1-request-head h2{
    max-width:520px !important;

    font-size:38px !important;
    line-height:1.04 !important;
  }


  .sr1-main .sr1-request-head > p{
    max-width:575px !important;

    justify-self:end !important;
  }


  /* ========================================================
     PRIMARY TWO COLUMN LAYOUT
     Wider left column + stronger symmetry
     ======================================================== */

  .sr1-main .sr1-request-grid{
    display:grid !important;

    grid-template-columns:
      minmax(390px,.40fr)
      minmax(0,.60fr) !important;

    gap:28px !important;

    align-items:stretch !important;
  }


  .sr1-main .sr1-side{
    display:flex !important;

    flex-direction:column !important;

    gap:18px !important;

    width:100% !important;
    min-width:0 !important;
  }


  /* ========================================================
     USEFUL INFORMATION CARD
     Convert 4 tall rows into balanced 2 × 2 grid
     ======================================================== */

  .sr1-main .sr1-guide{
    width:100% !important;

    border-radius:7px !important;

    box-shadow:
      0 12px 30px rgba(0,43,73,.065) !important;
  }


  .sr1-main .sr1-guide-head{
    padding:
      20px 21px 17px !important;
  }


  .sr1-main .sr1-guide-head h3{
    max-width:340px !important;

    margin-top:8px !important;

    font-size:18px !important;
    line-height:1.15 !important;
  }


  .sr1-main .sr1-guide-head p{
    max-width:350px !important;

    margin-top:6px !important;
  }


  .sr1-main .sr1-guide-list{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:0 !important;
  }


  .sr1-main .sr1-guide-item{
    min-height:96px !important;

    grid-template-columns:
      29px minmax(0,1fr) !important;

    gap:10px !important;

    padding:
      15px 15px !important;

    border-bottom:
      1px solid #E4EDF1 !important;

    border-right:
      1px solid #E4EDF1 !important;
  }


  .sr1-main .sr1-guide-item:nth-child(2n){
    border-right:0 !important;
  }


  .sr1-main .sr1-guide-item:nth-child(3),
  .sr1-main .sr1-guide-item:nth-child(4){
    border-bottom:0 !important;
  }


  .sr1-main .sr1-guide-item:hover{
    padding-left:15px !important;

    background:#F4FAFC !important;
  }


  .sr1-main .sr1-guide-no{
    width:27px !important;
    height:27px !important;

    font-size:7.5px !important;
  }


  .sr1-main .sr1-guide-item b{
    font-size:9.6px !important;
    line-height:1.28 !important;
  }


  .sr1-main .sr1-guide-item p{
    margin-top:4px !important;

    font-size:7.8px !important;
    line-height:1.45 !important;
  }


  .sr1-main .sr1-guide-note{
    padding:
      13px 18px !important;

    font-size:7.6px !important;
    line-height:1.48 !important;
  }


  /* ========================================================
     CONTACT BOX
     Recompose into a compact two-column business card
     ======================================================== */

  .sr1-main .sr1-contact-box{
    width:100% !important;

    border-radius:7px !important;

    box-shadow:
      0 12px 30px rgba(0,43,73,.065) !important;
  }


  .sr1-main .sr1-contact-head{
    padding:
      19px 21px 16px !important;
  }


  .sr1-main .sr1-contact-head h3{
    margin-top:7px !important;

    font-size:18px !important;
  }


  .sr1-main .sr1-contact-head p{
    margin-top:5px !important;
  }


  .sr1-main .sr1-contact-content{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    column-gap:20px !important;
    row-gap:0 !important;

    padding:
      0 20px 18px !important;
  }


  /* Work inquiries */
  .sr1-main .sr1-contact-block:nth-child(1){
    grid-column:1 !important;
    grid-row:1 !important;

    padding:
      15px 0 14px !important;
  }


  /* Address */
  .sr1-main .sr1-contact-block:nth-child(2){
    grid-column:2 !important;
    grid-row:1 !important;

    padding:
      15px 0 14px !important;
  }


  /* Email */
  .sr1-main .sr1-contact-block:nth-child(3){
    grid-column:1 / -1 !important;

    padding:
      12px 0 !important;
  }


  .sr1-main .sr1-contact-block{
    border-bottom:
      1px solid #E5EDF1 !important;
  }


  .sr1-main .sr1-contact-label{
    margin-bottom:6px !important;

    font-size:8px !important;
  }


  .sr1-main .sr1-contact-links{
    gap:3px !important;
  }


  .sr1-main .sr1-contact-links a,
  .sr1-main .sr1-contact-email{
    font-size:8.3px !important;
    line-height:1.42 !important;
  }


  .sr1-main .sr1-contact-box address{
    font-size:8px !important;
    line-height:1.55 !important;
  }


  /* ========================================================
     ONLINE / 24-7 SUPPORT
     ======================================================== */

  .sr1-main .sr1-contact-support-grid{
    grid-column:1 / -1 !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:10px !important;

    padding:
      13px 0 !important;
  }


  .sr1-main .sr1-contact-support-grid > div{
    min-height:58px !important;

    padding:10px 11px !important;
  }


  .sr1-main .sr1-contact-support-grid p{
    font-size:7.8px !important;
  }


  /* ========================================================
     SOCIAL ROW
     ======================================================== */

  .sr1-main .sr1-socials{
    grid-column:1 / -1 !important;

    padding-top:13px !important;
  }


  .sr1-main .sr1-socials-title{
    margin-bottom:8px !important;

    font-size:8px !important;
  }


  .sr1-main .sr1-social-buttons{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;

    gap:7px !important;
  }


  .sr1-main .sr1-social-btn{
    min-height:34px !important;

    font-size:7.2px !important;
  }


  /* ========================================================
     RIGHT FORM PANEL
     Match the visual rhythm of left column
     ======================================================== */

  .sr1-main .sr1-form-wrap{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    flex-direction:column !important;

    border-radius:7px !important;

    box-shadow:
      0 15px 36px rgba(0,43,73,.075) !important;
  }


  .sr1-main .sr1-form-head{
    min-height:83px !important;

    padding:
      21px 24px !important;
  }


  .sr1-main .sr1-form-head h3{
    font-size:18px !important;
  }


  .sr1-main .sr1-form{
    flex:1 1 auto !important;

    display:flex !important;
    flex-direction:column !important;

    padding:
      23px 24px !important;
  }


  .sr1-main .sr1-field-row{
    gap:14px !important;
  }


  .sr1-main .sr1-form label{
    margin-bottom:14px !important;
  }


  .sr1-main .sr1-form input,
  .sr1-main .sr1-form select{
    height:44px !important;
  }


  .sr1-main .sr1-form textarea{
    min-height:160px !important;
  }


  .sr1-main .sr1-service-field{
    padding:15px !important;

    margin-bottom:15px !important;
  }


  .sr1-main .sr1-check{
    margin-top:3px !important;
    margin-bottom:17px !important;
  }


  .sr1-main .sr1-form-actions{
    margin-top:auto !important;

    padding-top:18px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   LEFT COLUMN READABILITY REFINEMENT
   Keep existing proportions / symmetry
   ========================================================== */

@media (min-width:1101px){

  /* ========================================================
     REQUEST NAVIGATOR HEADER
     ======================================================== */

  .sr1-main .sr1-guide-head{
    padding:
      22px 22px 19px !important;
  }

  .sr1-main .sr1-guide-head > span{
    font-size:9px !important;
    line-height:1.1 !important;
    letter-spacing:.14em !important;
  }

  .sr1-main .sr1-guide-head h3{
    max-width:390px !important;

    margin-top:9px !important;

    font-size:21px !important;
    line-height:1.18 !important;
    font-weight:800 !important;

    color:#0D344B !important;
  }

  .sr1-main .sr1-guide-head p{
    max-width:400px !important;

    margin-top:7px !important;

    font-size:10px !important;
    line-height:1.55 !important;

    color:#5B7483 !important;
  }


  /* ========================================================
     REQUEST NAVIGATOR 2 × 2 ITEMS
     ======================================================== */

  .sr1-main .sr1-guide-item{
    min-height:108px !important;

    grid-template-columns:
      32px minmax(0,1fr) !important;

    gap:12px !important;

    padding:
      17px 17px !important;
  }

  .sr1-main .sr1-guide-item:hover{
    padding-left:17px !important;
  }

  .sr1-main .sr1-guide-no{
    width:30px !important;
    height:30px !important;

    font-size:8.5px !important;
    font-weight:850 !important;
  }

  .sr1-main .sr1-guide-item b{
    font-size:11.5px !important;
    line-height:1.35 !important;
    font-weight:800 !important;

    color:#12384D !important;
  }

  .sr1-main .sr1-guide-item p{
    margin-top:5px !important;

    font-size:9.4px !important;
    line-height:1.5 !important;

    color:#647E8D !important;
  }

  .sr1-main .sr1-guide-note{
    padding:
      15px 18px !important;

    color:#5E7785 !important;

    font-size:9px !important;
    line-height:1.55 !important;
  }

  .sr1-main .sr1-guide-note strong{
    color:#10384E !important;

    font-size:9.2px !important;
    font-weight:850 !important;
  }


  /* ========================================================
     CONTACT BOX HEADER
     ======================================================== */

  .sr1-main .sr1-contact-head{
    padding:
      21px 22px 18px !important;
  }

  .sr1-main .sr1-contact-head > span{
    font-size:9px !important;
    line-height:1.1 !important;

    letter-spacing:.14em !important;
  }

  .sr1-main .sr1-contact-head h3{
    margin-top:8px !important;

    color:#0E344A !important;

    font-size:21px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
  }

  .sr1-main .sr1-contact-head p{
    margin-top:7px !important;

    color:#5E7786 !important;

    font-size:9.8px !important;
    line-height:1.5 !important;
  }


  /* ========================================================
     CONTACT DETAILS
     ======================================================== */

  .sr1-main .sr1-contact-content{
    column-gap:24px !important;

    padding:
      0 22px 21px !important;
  }

  .sr1-main .sr1-contact-block:nth-child(1),
  .sr1-main .sr1-contact-block:nth-child(2){
    padding:
      17px 0 16px !important;
  }

  .sr1-main .sr1-contact-block:nth-child(3){
    padding:
      14px 0 !important;
  }

  .sr1-main .sr1-contact-label{
    margin-bottom:8px !important;

    color:#0E344A !important;

    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
  }

  .sr1-main .sr1-contact-links{
    gap:5px !important;
  }

  .sr1-main .sr1-contact-links a,
  .sr1-main .sr1-contact-email{
    color:#536F7F !important;

    font-size:10px !important;
    line-height:1.5 !important;
    font-weight:550 !important;
  }

  .sr1-main .sr1-contact-box address{
    color:#586F7D !important;

    font-size:9.7px !important;
    line-height:1.6 !important;
    font-weight:500 !important;
  }


  /* ========================================================
     ONLINE SUPPORT CARDS
     ======================================================== */

  .sr1-main .sr1-contact-support-grid{
    gap:11px !important;

    padding:
      15px 0 !important;
  }

  .sr1-main .sr1-contact-support-grid > div{
    min-height:72px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    padding:
      12px 13px !important;
  }

  .sr1-main .sr1-contact-support-grid
  .sr1-contact-label{
    margin-bottom:7px !important;

    font-size:9.7px !important;
  }

  .sr1-main .sr1-contact-support-grid p{
    color:#5B7482 !important;

    font-size:9.2px !important;
    line-height:1.45 !important;
  }


  /* ========================================================
     SOCIAL AREA
     ======================================================== */

  .sr1-main .sr1-socials{
    padding-top:15px !important;
  }

  .sr1-main .sr1-socials-title{
    margin-bottom:10px !important;

    color:#0D344A !important;

    font-size:9.8px !important;
    font-weight:850 !important;
  }

  .sr1-main .sr1-social-buttons{
    gap:8px !important;
  }

  .sr1-main .sr1-social-btn{
    min-height:40px !important;

    gap:7px !important;

    padding-inline:10px !important;

    color:#284F63 !important;

    font-size:8.7px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }

  .sr1-main .sr1-social-btn i{
    min-width:19px !important;
    height:19px !important;

    font-size:7.8px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST — CONTACT BOX V2
   READABILITY + PREMIUM SUPPORT HOVERS + VECTOR SOCIAL ICONS
   ========================================================== */

@media (min-width:1101px){

  /* ========================================================
     GENERAL CONTACT BOX READABILITY
     ======================================================== */

  .sr1-main .sr1-contact-head{
    padding:
      24px 24px 20px !important;
  }


  .sr1-main .sr1-contact-head > span{
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.15em !important;
  }


  .sr1-main .sr1-contact-head h3{
    margin-top:9px !important;

    color:#092F46 !important;

    font-size:23px !important;
    line-height:1.12 !important;
    font-weight:850 !important;
  }


  .sr1-main .sr1-contact-head p{
    margin-top:8px !important;

    color:#526F7F !important;

    font-size:11px !important;
    line-height:1.55 !important;
    font-weight:500 !important;
  }


  .sr1-main .sr1-contact-content{
    column-gap:28px !important;

    padding:
      0 24px 24px !important;
  }


  /* ========================================================
     LABELS
     ======================================================== */

  .sr1-main .sr1-contact-label{
    margin-bottom:9px !important;

    color:#0A3148 !important;

    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
  }


  /* ========================================================
     PHONE / EMAIL
     ======================================================== */

  .sr1-main .sr1-contact-links{
    gap:6px !important;
  }


  .sr1-main .sr1-contact-links a,
  .sr1-main .sr1-contact-email{
    color:#4A6879 !important;

    font-size:11px !important;
    line-height:1.52 !important;
    font-weight:600 !important;
  }


  .sr1-main .sr1-contact-links a:hover,
  .sr1-main .sr1-contact-email:hover{
    color:#0089D1 !important;
  }


  /* ========================================================
     ADDRESS
     ======================================================== */

  .sr1-main .sr1-contact-box address{
    color:#506D7D !important;

    font-size:10.7px !important;
    line-height:1.62 !important;
    font-weight:550 !important;
  }


  .sr1-main .sr1-contact-block:nth-child(1),
  .sr1-main .sr1-contact-block:nth-child(2){
    padding:
      19px 0 18px !important;
  }


  .sr1-main .sr1-contact-block:nth-child(3){
    padding:
      16px 0 !important;
  }


  /* ========================================================
     SUPPORT CARDS
     ======================================================== */

  .sr1-main .sr1-contact-support-grid{
    gap:12px !important;

    padding:
      17px 0 !important;
  }


  .sr1-main .sr1-contact-support-grid > div{
    position:relative !important;

    min-height:84px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    padding:
      15px 16px !important;

    overflow:hidden !important;
    isolation:isolate !important;

    border:
      1px solid #D3E4EB !important;

    border-radius:
      6px !important;

    background:
      linear-gradient(
        145deg,
        #F9FCFD,
        #F3F8FA
      ) !important;

    transition:
      transform .30s cubic-bezier(.22,.61,.36,1),
      border-color .30s ease,
      box-shadow .30s ease,
      background .30s ease !important;
  }


  /* premium navy/cyan hover background */

  .sr1-main .sr1-contact-support-grid > div::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:-1 !important;

    opacity:0 !important;

    background:
      radial-gradient(
        circle at 92% 10%,
        rgba(74,198,241,.28),
        transparent 43%
      ),
      linear-gradient(
        135deg,
        #063A58 0%,
        #005B86 100%
      ) !important;

    transition:
      opacity .30s ease !important;
  }


  .sr1-main .sr1-contact-support-grid > div:hover{
    transform:
      translateY(-4px) !important;

    border-color:
      #299DCF !important;

    box-shadow:
      0 15px 32px rgba(0,43,73,.17),
      0 0 0 1px rgba(84,204,246,.05) !important;
  }


  .sr1-main .sr1-contact-support-grid > div:hover::before{
    opacity:1 !important;
  }


  .sr1-main .sr1-contact-support-grid
  .sr1-contact-label{
    margin-bottom:8px !important;

    font-size:10.5px !important;

    transition:
      color .30s ease !important;
  }


  .sr1-main .sr1-contact-support-grid p{
    margin:0 !important;

    color:#587585 !important;

    font-size:10px !important;
    line-height:1.48 !important;
    font-weight:550 !important;

    transition:
      color .30s ease !important;
  }


  .sr1-main .sr1-contact-support-grid > div:hover
  .sr1-contact-label{
    color:#74D7F8 !important;
  }


  .sr1-main .sr1-contact-support-grid > div:hover p{
    color:rgba(255,255,255,.88) !important;
  }


  /* ========================================================
     CONNECT WITH US
     ======================================================== */

  .sr1-main .sr1-socials{
    padding-top:
      18px !important;
  }


  .sr1-main .sr1-socials-title{
    margin-bottom:
      12px !important;

    color:#092F46 !important;

    font-size:10.8px !important;
    font-weight:850 !important;
  }


  .sr1-main .sr1-social-buttons{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;

    gap:9px !important;
  }


  /* ========================================================
     SOCIAL BUTTON BASE
     ======================================================== */

  .sr1-main .sr1-social-btn{
    min-height:46px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:10px !important;

    padding:
      0 14px !important;

    border:
      1px solid #D2E3EA !important;

    border-radius:
      5px !important;

    color:#274E63 !important;

    background:
      linear-gradient(
        180deg,
        #FBFDFE,
        #F5F9FB
      ) !important;

    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:800 !important;

    cursor:pointer !important;

    transition:
      transform .25s ease,
      color .25s ease,
      border-color .25s ease,
      background .25s ease,
      box-shadow .25s ease !important;
  }


  /* ========================================================
     REAL VECTOR ICON HOLDER
     ======================================================== */

  .sr1-main .sr1-social-icon{
    width:25px !important;
    height:25px !important;

    flex:0 0 25px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:5px !important;

    transition:
      transform .25s ease !important;
  }


  .sr1-main .sr1-social-icon svg{
    width:15px !important;
    height:15px !important;

    display:block !important;

    fill:#FFFFFF !important;
  }


  /* LinkedIn */

  .sr1-main .sr1-social-linkedin
  .sr1-social-icon{
    background:#0A66C2 !important;
  }


  /* Facebook */

  .sr1-main .sr1-social-facebook
  .sr1-social-icon{
    background:#1877F2 !important;
  }


  /* WhatsApp */

  .sr1-main .sr1-social-whatsapp
  .sr1-social-icon{
    background:#25D366 !important;
  }


  /* remove old icon styling */
  .sr1-main .sr1-social-btn > i{
    display:none !important;
  }


  /* ========================================================
     SOCIAL HOVERS
     ======================================================== */

  .sr1-main .sr1-social-btn:hover{
    transform:
      translateY(-3px) !important;

    color:#FFFFFF !important;

    box-shadow:
      0 12px 24px rgba(0,43,73,.14) !important;
  }


  .sr1-main .sr1-social-linkedin:hover{
    border-color:#0A66C2 !important;
    background:#0A66C2 !important;
  }


  .sr1-main .sr1-social-facebook:hover{
    border-color:#1877F2 !important;
    background:#1877F2 !important;
  }


  .sr1-main .sr1-social-whatsapp:hover{
    border-color:#169C4A !important;
    background:#169C4A !important;
  }


  .sr1-main .sr1-social-btn:hover
  .sr1-social-icon{
    transform:
      scale(1.08) !important;
  }


  .sr1-main .sr1-social-label{
    display:block !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   FINAL DESKTOP PROPORTION / SYMMETRY PASS
   ========================================================== */

@media (min-width:1101px){

  /* ========================================================
     SECTION FRAME
     ======================================================== */

  .sr1-main .sr1-request{
    padding-top:68px !important;
    padding-bottom:76px !important;
  }

  .sr1-main .sr1-request > .sr1-shell{
    width:min(
      calc(100% - 96px),
      1280px
    ) !important;
  }


  /* ========================================================
     HEADING ALIGNS WITH THE TWO PANELS BELOW
     ======================================================== */

  .sr1-main .sr1-request-head{
    display:grid !important;

    grid-template-columns:
      minmax(0,.42fr)
      minmax(0,.58fr) !important;

    gap:24px !important;

    align-items:end !important;

    margin-bottom:28px !important;
  }

  .sr1-main .sr1-request-head h2{
    width:100% !important;
    max-width:470px !important;

    font-size:36px !important;
    line-height:1.04 !important;

    margin:0 !important;
  }

  .sr1-main .sr1-request-head > p{
    width:100% !important;
    max-width:620px !important;

    justify-self:start !important;

    margin:0 0 3px !important;

    font-size:10.5px !important;
    line-height:1.65 !important;
  }


  /* ========================================================
     PRIMARY GRID
     MATCHED LEFT / RIGHT PANELS
     ======================================================== */

  .sr1-main .sr1-request-grid{
    display:grid !important;

    grid-template-columns:
      minmax(390px,.42fr)
      minmax(0,.58fr) !important;

    gap:24px !important;

    align-items:stretch !important;
  }

  .sr1-main .sr1-side{
    width:100% !important;
    height:100% !important;

    display:flex !important;
  }


  /* ========================================================
     BOTH CARDS SHARE SAME OUTER VISUAL SYSTEM
     ======================================================== */

  .sr1-main .sr1-contact-box,
  .sr1-main .sr1-form-wrap{
    width:100% !important;
    height:100% !important;

    border:
      1px solid #D4E3E9 !important;

    border-radius:
      8px !important;

    background:#FFFFFF !important;

    box-shadow:
      0 16px 38px rgba(0,43,73,.075) !important;
  }


  /* ========================================================
     MATCH BOTH HEADER HEIGHTS
     ======================================================== */

  .sr1-main .sr1-contact-head,
  .sr1-main .sr1-form-head{
    min-height:104px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    padding:
      21px 23px !important;

    background:
      linear-gradient(
        135deg,
        #F8FCFD 0%,
        #F0F7FA 100%
      ) !important;

    border-bottom:
      1px solid #DBE7EC !important;
  }


  /* form header needs horizontal badge */
  .sr1-main .sr1-form-head{
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
  }


  .sr1-main .sr1-contact-head h3,
  .sr1-main .sr1-form-head h3{
    font-size:20px !important;
    line-height:1.15 !important;
  }

  .sr1-main .sr1-contact-head p{
    max-width:390px !important;

    font-size:9.8px !important;
    line-height:1.5 !important;
  }


  /* ========================================================
     LEFT CONTACT CARD FILLS SAME HEIGHT AS FORM
     ======================================================== */

  .sr1-main .sr1-contact-box{
    display:flex !important;
    flex-direction:column !important;
  }


  .sr1-main .sr1-contact-content{
    flex:1 1 auto !important;

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    grid-template-rows:
      auto
      auto
      1fr
      auto !important;

    column-gap:24px !important;
    row-gap:0 !important;

    align-content:stretch !important;

    padding:
      0 22px 21px !important;
  }


  /* Work inquiries */

  .sr1-main .sr1-contact-block:nth-child(1){
    grid-column:1 !important;
    grid-row:1 !important;

    padding:
      18px 0 17px !important;
  }


  /* Address */

  .sr1-main .sr1-contact-block:nth-child(2){
    grid-column:2 !important;
    grid-row:1 !important;

    padding:
      18px 0 17px !important;
  }


  /* Email */

  .sr1-main .sr1-contact-block:nth-child(3){
    grid-column:1 / -1 !important;
    grid-row:2 !important;

    padding:
      15px 0 !important;
  }


  /* ========================================================
     CONTACT TYPOGRAPHY
     ======================================================== */

  .sr1-main .sr1-contact-label{
    margin-bottom:8px !important;

    color:#0B344B !important;

    font-size:10.5px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
  }


  .sr1-main .sr1-contact-links{
    gap:5px !important;
  }


  .sr1-main .sr1-contact-links a,
  .sr1-main .sr1-contact-email{
    color:#4D6A7A !important;

    font-size:10.4px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
  }


  .sr1-main .sr1-contact-box address{
    color:#526E7E !important;

    font-size:10px !important;
    line-height:1.6 !important;
    font-weight:550 !important;
  }


  /* ========================================================
     SUPPORT CARDS
     EXPAND INTO THE AVAILABLE HEIGHT
     ======================================================== */

  .sr1-main .sr1-contact-support-grid{
    grid-column:1 / -1 !important;
    grid-row:3 !important;

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:11px !important;

    align-self:stretch !important;

    padding:
      16px 0 !important;
  }


  .sr1-main .sr1-contact-support-grid > div{
    min-height:102px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    padding:
      16px 17px !important;
  }


  .sr1-main .sr1-contact-support-grid
  .sr1-contact-label{
    font-size:10.5px !important;
  }


  .sr1-main .sr1-contact-support-grid p{
    font-size:9.7px !important;
    line-height:1.5 !important;
  }


  /* ========================================================
     SOCIALS
     ======================================================== */

  .sr1-main .sr1-socials{
    grid-column:1 / -1 !important;
    grid-row:4 !important;

    align-self:end !important;

    padding-top:
      15px !important;
  }


  .sr1-main .sr1-socials-title{
    margin-bottom:
      10px !important;

    font-size:
      10px !important;
  }


  .sr1-main .sr1-social-buttons{
    gap:8px !important;
  }


  .sr1-main .sr1-social-btn{
    min-height:
      43px !important;

    justify-content:center !important;

    padding:
      0 11px !important;
  }


  /* ========================================================
     RIGHT FORM PANEL — LESS TALL / MORE COMPACT
     ======================================================== */

  .sr1-main .sr1-form-wrap{
    display:flex !important;
    flex-direction:column !important;
  }


  .sr1-main .sr1-form{
    flex:1 1 auto !important;

    display:flex !important;
    flex-direction:column !important;

    padding:
      21px 22px 20px !important;
  }


  .sr1-main .sr1-field-row{
    gap:
      12px !important;
  }


  .sr1-main .sr1-form label{
    margin-bottom:
      11px !important;

    font-size:
      9.4px !important;
  }


  .sr1-main .sr1-form input,
  .sr1-main .sr1-form select{
    height:
      42px !important;

    margin-top:
      6px !important;
  }


  .sr1-main .sr1-form textarea{
    min-height:
      128px !important;

    margin-top:
      6px !important;
  }


  .sr1-main .sr1-service-field{
    padding:
      13px 14px !important;

    margin:
      1px 0 12px !important;
  }


  .sr1-main .sr1-field-note{
    margin-top:
      5px !important;
  }


  .sr1-main .sr1-check{
    margin:
      3px 0 13px !important;
  }


  .sr1-main .sr1-form-actions{
    margin-top:auto !important;

    padding-top:
      15px !important;

    gap:
      20px !important;
  }


  .sr1-main .sr1-submit{
    min-height:
      43px !important;
  }


  /* ========================================================
     REMOVE VISUAL HEIGHT IMBALANCE AT BOTTOM
     ======================================================== */

  .sr1-main .sr1-contact-box,
  .sr1-main .sr1-form-wrap{
    min-height:
      550px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SUPPORT CARDS — HORIZONTAL + CENTERED + VECTOR BG
   ========================================================== */

@media (min-width:1101px){

  .sr1-main .sr1-contact-support-grid{
    grid-column:1 / -1 !important;
    grid-row:3 !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;

    padding:16px 0 14px !important;
    align-items:stretch !important;
  }

  .sr1-main .sr1-contact-support-grid > div{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;

    min-height:108px !important;
    max-height:108px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    text-align:center !important;

    padding:16px 18px !important;

    border:1px solid #D3E2E8 !important;
    border-radius:8px !important;

    background:
      linear-gradient(135deg,#F9FCFE 0%,#EEF6FA 100%) !important;

    transition:
      transform .22s ease,
      box-shadow .22s ease,
      border-color .22s ease,
      background .22s ease !important;
  }

  .sr1-main .sr1-contact-support-grid > div::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:0 !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none'%3E%3Ccircle cx='132' cy='126' r='52' stroke='%233C9CDE' stroke-width='1.4' opacity='.7'/%3E%3Ccircle cx='132' cy='126' r='36' stroke='%233C9CDE' stroke-width='1.1' opacity='.55'/%3E%3Cpath d='M16 54c17-9 34-9 51 0s34 9 51 0 34-9 51 0' stroke='%233C9CDE' stroke-width='1.1' opacity='.45'/%3E%3Cpath d='M16 68c17-9 34-9 51 0s34 9 51 0 34-9 51 0' stroke='%233C9CDE' stroke-width='1.1' opacity='.32'/%3E%3Cpath d='M132 88v20M122 98h20' stroke='%233C9CDE' stroke-width='1.2' opacity='.55'/%3E%3C/svg%3E");
    background-repeat:no-repeat !important;
    background-size:130px 130px !important;
    background-position:right -8px bottom -8px !important;
    opacity:.22 !important;
  }

  .sr1-main .sr1-contact-support-grid > div::after{
    content:"" !important;
    position:absolute !important;
    left:-18px !important;
    top:-18px !important;
    width:74px !important;
    height:74px !important;
    border-radius:50% !important;
    border:1px solid rgba(60,156,222,.16) !important;
    box-shadow:18px 18px 0 0 rgba(60,156,222,.06) !important;
    pointer-events:none !important;
    z-index:0 !important;
  }

  .sr1-main .sr1-contact-support-grid > div > *{
    position:relative !important;
    z-index:1 !important;
  }

  .sr1-main .sr1-contact-support-grid .sr1-contact-label{
    margin:0 0 6px !important;
    text-align:center !important;

    color:#0A3550 !important;
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
  }

  .sr1-main .sr1-contact-support-grid p{
    margin:0 !important;
    max-width:190px !important;

    text-align:center !important;
    color:#557181 !important;
    font-size:10px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
  }

  .sr1-main .sr1-contact-support-grid > div:hover{
    transform:translateY(-2px) !important;
    border-color:#3C97CF !important;
    background:
      linear-gradient(135deg,#0C4168 0%,#3B93C9 100%) !important;
    box-shadow:0 16px 34px rgba(8,50,81,.18) !important;
  }

  .sr1-main .sr1-contact-support-grid > div:hover .sr1-contact-label,
  .sr1-main .sr1-contact-support-grid > div:hover p{
    color:#FFFFFF !important;
  }

  .sr1-main .sr1-contact-support-grid > div:hover::before{
    opacity:.28 !important;
    filter:brightness(1.15) !important;
  }
}


/* tablet */
@media (min-width:701px) and (max-width:1100px){

  .sr1-main .sr1-contact-support-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .sr1-main .sr1-contact-support-grid > div{
    position:relative !important;
    overflow:hidden !important;

    min-height:96px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    text-align:center !important;
    padding:14px 16px !important;

    border-radius:8px !important;
    background:linear-gradient(135deg,#F9FCFE 0%,#EEF6FA 100%) !important;
  }

  .sr1-main .sr1-contact-support-grid > div::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none'%3E%3Ccircle cx='132' cy='126' r='52' stroke='%233C9CDE' stroke-width='1.4' opacity='.7'/%3E%3Ccircle cx='132' cy='126' r='36' stroke='%233C9CDE' stroke-width='1.1' opacity='.55'/%3E%3Cpath d='M16 54c17-9 34-9 51 0s34 9 51 0 34-9 51 0' stroke='%233C9CDE' stroke-width='1.1' opacity='.45'/%3E%3Cpath d='M16 68c17-9 34-9 51 0s34 9 51 0 34-9 51 0' stroke='%233C9CDE' stroke-width='1.1' opacity='.32'/%3E%3C/svg%3E");
    background-repeat:no-repeat !important;
    background-size:120px 120px !important;
    background-position:right -10px bottom -10px !important;
    opacity:.2 !important;
  }

  .sr1-main .sr1-contact-support-grid > div > *{
    position:relative !important;
    z-index:1 !important;
  }
}


/* ==========================================================
   SERVICE REQUEST
   CONTACT / SUPPORT / SOCIAL REFINEMENT
   - better readability
   - support cards use image-based bg instead of vector look
   - cleaner social icons / buttons
   - footer untouched
   ========================================================== */

:root{
  --sr-ink:#0B3551;
  --sr-ink-2:#163F59;
  --sr-muted:#587284;
  --sr-line:#D7E4EC;
  --sr-panel:#F8FBFD;
  --sr-soft:#EEF5F9;
  --sr-blue:#0C4168;
  --sr-blue-2:#3A93CA;
}

/* ---------- left contact card general readability ---------- */
.sr1-main .sr1-contact-card,
.request-grid .sr1-contact-card{
  color:var(--sr-ink) !important;
}

.sr1-main .sr1-contact-card h2,
.request-grid .sr1-contact-card h2{
  color:var(--sr-ink) !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:-0.02em !important;
  margin:0 0 8px !important;
}

.sr1-main .sr1-contact-card .eyebrow,
.request-grid .sr1-contact-card .eyebrow{
  color:#1976D2 !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

.sr1-main .sr1-contact-card p,
.sr1-main .sr1-contact-card a,
.sr1-main .sr1-contact-card li,
.request-grid .sr1-contact-card p,
.request-grid .sr1-contact-card a,
.request-grid .sr1-contact-card li{
  color:var(--sr-muted) !important;
  font-size:13px !important;
  line-height:1.65 !important;
  font-weight:600 !important;
}

.sr1-main .sr1-contact-card h3,
.sr1-main .sr1-contact-card h4,
.sr1-main .sr1-contact-card b,
.sr1-main .sr1-contact-card strong,
.request-grid .sr1-contact-card h3,
.request-grid .sr1-contact-card h4,
.request-grid .sr1-contact-card b,
.request-grid .sr1-contact-card strong{
  color:var(--sr-ink-2) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

.sr1-main .sr1-contact-card hr,
.request-grid .sr1-contact-card hr{
  border:none !important;
  border-top:1px solid var(--sr-line) !important;
  margin:14px 0 !important;
}

.sr1-main .sr1-contact-card a:hover,
.request-grid .sr1-contact-card a:hover{
  color:#0B78C8 !important;
}

/* make phone / email / address more readable */
.sr1-main .sr1-contact-card .sr1-contact-grid,
.request-grid .sr1-contact-card .sr1-contact-grid{
  gap:16px !important;
}

.sr1-main .sr1-contact-card .sr1-contact-grid a,
.sr1-main .sr1-contact-card .sr1-contact-grid p,
.request-grid .sr1-contact-card .sr1-contact-grid a,
.request-grid .sr1-contact-card .sr1-contact-grid p{
  display:block !important;
  margin:2px 0 !important;
  word-break:break-word !important;
}

/* ---------- support cards ---------- */
.sr1-main .sr1-contact-support-grid,
.request-grid .sr1-contact-card .sr1-contact-support-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  padding-top:14px !important;
}

.sr1-main .sr1-contact-support-grid > div,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  min-height:112px !important;
  border:1px solid var(--sr-line) !important;
  border-radius:10px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;

  padding:18px 18px !important;

  background:
    linear-gradient(135deg, rgba(248,252,254,.96) 0%, rgba(236,245,250,.94) 100%),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:auto, 118px auto !important;
  background-position:center, left 10px center !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease !important;
}

.sr1-main .sr1-contact-support-grid > div:nth-child(2),
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:nth-child(2){
  background:
    linear-gradient(135deg, rgba(248,252,254,.96) 0%, rgba(236,245,250,.94) 100%),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:auto, 118px auto !important;
  background-position:center, right 10px center !important;
}

.sr1-main .sr1-contact-support-grid > div::after,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.28) 100%) !important;
  z-index:0 !important;
}

.sr1-main .sr1-contact-support-grid > div > *,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div > *{
  position:relative !important;
  z-index:1 !important;
}

.sr1-main .sr1-contact-support-grid .sr1-contact-label,
.request-grid .sr1-contact-card .sr1-contact-support-grid .sr1-contact-label{
  margin:0 0 6px !important;
  color:var(--sr-ink) !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  text-align:center !important;
}

.sr1-main .sr1-contact-support-grid p,
.request-grid .sr1-contact-card .sr1-contact-support-grid p{
  margin:0 !important;
  color:#5B7486 !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
  text-align:center !important;
}

.sr1-main .sr1-contact-support-grid > div:hover,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover{
  transform:translateY(-2px) !important;
  border-color:#3A93CA !important;
  box-shadow:0 14px 28px rgba(9,50,80,.16) !important;
  background:
    linear-gradient(135deg, rgba(12,65,104,.96) 0%, rgba(58,147,202,.88) 100%),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:auto, 120px auto !important;
  background-position:center, center right 12px !important;
}

.sr1-main .sr1-contact-support-grid > div:hover::after,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover::after{
  background:linear-gradient(90deg, rgba(12,65,104,.26) 0%, rgba(58,147,202,.12) 100%) !important;
}

.sr1-main .sr1-contact-support-grid > div:hover .sr1-contact-label,
.sr1-main .sr1-contact-support-grid > div:hover p,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover .sr1-contact-label,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover p{
  color:#FFFFFF !important;
}

/* ---------- social row ---------- */
.sr1-main .sr1-contact-social,
.sr1-main .sr1-social-grid,
.request-grid .sr1-contact-card .sr1-contact-social,
.request-grid .sr1-contact-card .sr1-social-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:12px !important;
}

.sr1-main .sr1-contact-social a,
.sr1-main .sr1-social-grid a,
.request-grid .sr1-contact-card .sr1-contact-social a,
.request-grid .sr1-contact-card .sr1-social-grid a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  min-height:44px !important;
  padding:10px 14px !important;

  border:1px solid var(--sr-line) !important;
  border-radius:8px !important;
  background:#FFFFFF !important;

  color:var(--sr-ink) !important;
  text-decoration:none !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1 !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease !important;
}

/* hide distorted images if any */
.sr1-main .sr1-contact-social a img,
.sr1-main .sr1-social-grid a img,
.request-grid .sr1-contact-card .sr1-contact-social a img,
.request-grid .sr1-contact-card .sr1-social-grid a img{
  display:none !important;
}

/* crisp pseudo icons */
.sr1-main .sr1-contact-social a::before,
.sr1-main .sr1-social-grid a::before,
.request-grid .sr1-contact-card .sr1-contact-social a::before,
.request-grid .sr1-contact-card .sr1-social-grid a::before{
  content:"" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  border-radius:5px !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#fff !important;
  flex:0 0 22px !important;
}

/* LinkedIn */
.sr1-main .sr1-contact-social a:nth-child(1)::before,
.sr1-main .sr1-social-grid a:nth-child(1)::before,
.request-grid .sr1-contact-card .sr1-contact-social a:nth-child(1)::before,
.request-grid .sr1-contact-card .sr1-social-grid a:nth-child(1)::before{
  content:"in" !important;
  background:#0A66C2 !important;
}

/* Facebook */
.sr1-main .sr1-contact-social a:nth-child(2)::before,
.sr1-main .sr1-social-grid a:nth-child(2)::before,
.request-grid .sr1-contact-card .sr1-contact-social a:nth-child(2)::before,
.request-grid .sr1-contact-card .sr1-social-grid a:nth-child(2)::before{
  content:"f" !important;
  background:#1877F2 !important;
  font-size:13px !important;
}

/* WhatsApp */
.sr1-main .sr1-contact-social a:nth-child(3)::before,
.sr1-main .sr1-social-grid a:nth-child(3)::before,
.request-grid .sr1-contact-card .sr1-contact-social a:nth-child(3)::before,
.request-grid .sr1-contact-card .sr1-social-grid a:nth-child(3)::before{
  content:"WA" !important;
  background:#25D366 !important;
  font-size:9px !important;
  letter-spacing:.02em !important;
}

.sr1-main .sr1-contact-social a:hover,
.sr1-main .sr1-social-grid a:hover,
.request-grid .sr1-contact-card .sr1-contact-social a:hover,
.request-grid .sr1-contact-card .sr1-social-grid a:hover{
  transform:translateY(-1px) !important;
  border-color:#A9D0E8 !important;
  background:#F3FAFF !important;
  box-shadow:0 10px 22px rgba(10,45,76,.08) !important;
}

/* ---------- mobile ---------- */
@media (max-width:700px){

  .sr1-main .sr1-contact-support-grid,
  .request-grid .sr1-contact-card .sr1-contact-support-grid{
    grid-template-columns:1fr !important;
  }

  .sr1-main .sr1-contact-social,
  .sr1-main .sr1-social-grid,
  .request-grid .sr1-contact-card .sr1-contact-social,
  .request-grid .sr1-contact-card .sr1-social-grid{
    grid-template-columns:1fr !important;
  }

  .sr1-main .sr1-contact-support-grid > div,
  .request-grid .sr1-contact-card .sr1-contact-support-grid > div{
    min-height:98px !important;
  }
}


/* ==========================================================
   SERVICE REQUEST
   CONTACT / SUPPORT / SOCIAL REFINEMENT
   - better readability
   - support cards use image-based bg instead of vector look
   - cleaner social icons / buttons
   - footer untouched
   ========================================================== */

:root{
  --sr-ink:#0B3551;
  --sr-ink-2:#163F59;
  --sr-muted:#587284;
  --sr-line:#D7E4EC;
  --sr-panel:#F8FBFD;
  --sr-soft:#EEF5F9;
  --sr-blue:#0C4168;
  --sr-blue-2:#3A93CA;
}

/* ---------- left contact card general readability ---------- */
.sr1-main .sr1-contact-card,
.request-grid .sr1-contact-card{
  color:var(--sr-ink) !important;
}

.sr1-main .sr1-contact-card h2,
.request-grid .sr1-contact-card h2{
  color:var(--sr-ink) !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:-0.02em !important;
  margin:0 0 8px !important;
}

.sr1-main .sr1-contact-card .eyebrow,
.request-grid .sr1-contact-card .eyebrow{
  color:#1976D2 !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

.sr1-main .sr1-contact-card p,
.sr1-main .sr1-contact-card a,
.sr1-main .sr1-contact-card li,
.request-grid .sr1-contact-card p,
.request-grid .sr1-contact-card a,
.request-grid .sr1-contact-card li{
  color:var(--sr-muted) !important;
  font-size:13px !important;
  line-height:1.65 !important;
  font-weight:600 !important;
}

.sr1-main .sr1-contact-card h3,
.sr1-main .sr1-contact-card h4,
.sr1-main .sr1-contact-card b,
.sr1-main .sr1-contact-card strong,
.request-grid .sr1-contact-card h3,
.request-grid .sr1-contact-card h4,
.request-grid .sr1-contact-card b,
.request-grid .sr1-contact-card strong{
  color:var(--sr-ink-2) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

.sr1-main .sr1-contact-card hr,
.request-grid .sr1-contact-card hr{
  border:none !important;
  border-top:1px solid var(--sr-line) !important;
  margin:14px 0 !important;
}

.sr1-main .sr1-contact-card a:hover,
.request-grid .sr1-contact-card a:hover{
  color:#0B78C8 !important;
}

/* make phone / email / address more readable */
.sr1-main .sr1-contact-card .sr1-contact-grid,
.request-grid .sr1-contact-card .sr1-contact-grid{
  gap:16px !important;
}

.sr1-main .sr1-contact-card .sr1-contact-grid a,
.sr1-main .sr1-contact-card .sr1-contact-grid p,
.request-grid .sr1-contact-card .sr1-contact-grid a,
.request-grid .sr1-contact-card .sr1-contact-grid p{
  display:block !important;
  margin:2px 0 !important;
  word-break:break-word !important;
}

/* ---------- support cards ---------- */
.sr1-main .sr1-contact-support-grid,
.request-grid .sr1-contact-card .sr1-contact-support-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  padding-top:14px !important;
}

.sr1-main .sr1-contact-support-grid > div,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  min-height:112px !important;
  border:1px solid var(--sr-line) !important;
  border-radius:10px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;

  padding:18px 18px !important;

  background:
    linear-gradient(135deg, rgba(248,252,254,.96) 0%, rgba(236,245,250,.94) 100%),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:auto, 118px auto !important;
  background-position:center, left 10px center !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease !important;
}

.sr1-main .sr1-contact-support-grid > div:nth-child(2),
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:nth-child(2){
  background:
    linear-gradient(135deg, rgba(248,252,254,.96) 0%, rgba(236,245,250,.94) 100%),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:auto, 118px auto !important;
  background-position:center, right 10px center !important;
}

.sr1-main .sr1-contact-support-grid > div::after,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.28) 100%) !important;
  z-index:0 !important;
}

.sr1-main .sr1-contact-support-grid > div > *,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div > *{
  position:relative !important;
  z-index:1 !important;
}

.sr1-main .sr1-contact-support-grid .sr1-contact-label,
.request-grid .sr1-contact-card .sr1-contact-support-grid .sr1-contact-label{
  margin:0 0 6px !important;
  color:var(--sr-ink) !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  text-align:center !important;
}

.sr1-main .sr1-contact-support-grid p,
.request-grid .sr1-contact-card .sr1-contact-support-grid p{
  margin:0 !important;
  color:#5B7486 !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
  text-align:center !important;
}

.sr1-main .sr1-contact-support-grid > div:hover,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover{
  transform:translateY(-2px) !important;
  border-color:#3A93CA !important;
  box-shadow:0 14px 28px rgba(9,50,80,.16) !important;
  background:
    linear-gradient(135deg, rgba(12,65,104,.96) 0%, rgba(58,147,202,.88) 100%),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:auto, 120px auto !important;
  background-position:center, center right 12px !important;
}

.sr1-main .sr1-contact-support-grid > div:hover::after,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover::after{
  background:linear-gradient(90deg, rgba(12,65,104,.26) 0%, rgba(58,147,202,.12) 100%) !important;
}

.sr1-main .sr1-contact-support-grid > div:hover .sr1-contact-label,
.sr1-main .sr1-contact-support-grid > div:hover p,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover .sr1-contact-label,
.request-grid .sr1-contact-card .sr1-contact-support-grid > div:hover p{
  color:#FFFFFF !important;
}

/* ---------- social row ---------- */
.sr1-main .sr1-contact-social,
.sr1-main .sr1-social-grid,
.request-grid .sr1-contact-card .sr1-contact-social,
.request-grid .sr1-contact-card .sr1-social-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:12px !important;
}

.sr1-main .sr1-contact-social a,
.sr1-main .sr1-social-grid a,
.request-grid .sr1-contact-card .sr1-contact-social a,
.request-grid .sr1-contact-card .sr1-social-grid a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  min-height:44px !important;
  padding:10px 14px !important;

  border:1px solid var(--sr-line) !important;
  border-radius:8px !important;
  background:#FFFFFF !important;

  color:var(--sr-ink) !important;
  text-decoration:none !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1 !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease !important;
}

/* hide distorted images if any */
.sr1-main .sr1-contact-social a img,
.sr1-main .sr1-social-grid a img,
.request-grid .sr1-contact-card .sr1-contact-social a img,
.request-grid .sr1-contact-card .sr1-social-grid a img{
  display:none !important;
}

/* crisp pseudo icons */
.sr1-main .sr1-contact-social a::before,
.sr1-main .sr1-social-grid a::before,
.request-grid .sr1-contact-card .sr1-contact-social a::before,
.request-grid .sr1-contact-card .sr1-social-grid a::before{
  content:"" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  border-radius:5px !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#fff !important;
  flex:0 0 22px !important;
}

/* LinkedIn */
.sr1-main .sr1-contact-social a:nth-child(1)::before,
.sr1-main .sr1-social-grid a:nth-child(1)::before,
.request-grid .sr1-contact-card .sr1-contact-social a:nth-child(1)::before,
.request-grid .sr1-contact-card .sr1-social-grid a:nth-child(1)::before{
  content:"in" !important;
  background:#0A66C2 !important;
}

/* Facebook */
.sr1-main .sr1-contact-social a:nth-child(2)::before,
.sr1-main .sr1-social-grid a:nth-child(2)::before,
.request-grid .sr1-contact-card .sr1-contact-social a:nth-child(2)::before,
.request-grid .sr1-contact-card .sr1-social-grid a:nth-child(2)::before{
  content:"f" !important;
  background:#1877F2 !important;
  font-size:13px !important;
}

/* WhatsApp */
.sr1-main .sr1-contact-social a:nth-child(3)::before,
.sr1-main .sr1-social-grid a:nth-child(3)::before,
.request-grid .sr1-contact-card .sr1-contact-social a:nth-child(3)::before,
.request-grid .sr1-contact-card .sr1-social-grid a:nth-child(3)::before{
  content:"WA" !important;
  background:#25D366 !important;
  font-size:9px !important;
  letter-spacing:.02em !important;
}

.sr1-main .sr1-contact-social a:hover,
.sr1-main .sr1-social-grid a:hover,
.request-grid .sr1-contact-card .sr1-contact-social a:hover,
.request-grid .sr1-contact-card .sr1-social-grid a:hover{
  transform:translateY(-1px) !important;
  border-color:#A9D0E8 !important;
  background:#F3FAFF !important;
  box-shadow:0 10px 22px rgba(10,45,76,.08) !important;
}

/* ---------- mobile ---------- */
@media (max-width:700px){

  .sr1-main .sr1-contact-support-grid,
  .request-grid .sr1-contact-card .sr1-contact-support-grid{
    grid-template-columns:1fr !important;
  }

  .sr1-main .sr1-contact-social,
  .sr1-main .sr1-social-grid,
  .request-grid .sr1-contact-card .sr1-contact-social,
  .request-grid .sr1-contact-card .sr1-social-grid{
    grid-template-columns:1fr !important;
  }

  .sr1-main .sr1-contact-support-grid > div,
  .request-grid .sr1-contact-card .sr1-contact-support-grid > div{
    min-height:98px !important;
  }
}


/* =========================================================
   SERVICE REQUEST CONTACT BOX — REFINEMENT V2
   only contact panel / support cards / social row
   footer untouched
   ========================================================= */

/* ---------- main contact card ---------- */
.sr1-contact-card{
  position:relative !important;
  overflow:hidden !important;
  align-self:start !important;
  min-height:0 !important;
  border:1px solid #D7E4EC !important;
  border-radius:12px !important;
  background:
    linear-gradient(
      180deg,
      #0B4168 0,
      #0F5A87 124px,
      #FFFFFF 124px,
      #FFFFFF 100%
    ) !important;
  box-shadow:0 12px 28px rgba(8,40,66,.06) !important;
}

/* top intro zone */
.sr1-contact-card > .eyebrow,
.sr1-contact-card > h2,
.sr1-contact-card > p:first-of-type{
  position:relative !important;
  z-index:2 !important;
  color:#ffffff !important;
}

.sr1-contact-card > .eyebrow{
  display:block !important;
  margin:0 !important;
  padding:18px 26px 4px !important;
  color:#8DD1FF !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.sr1-contact-card > h2{
  margin:0 !important;
  padding:0 26px 6px !important;
  color:#ffffff !important;
  font-size:22px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  letter-spacing:-0.02em !important;
}

.sr1-contact-card > p:first-of-type{
  margin:0 !important;
  padding:0 26px 18px !important;
  color:rgba(255,255,255,.9) !important;
  font-size:14px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

/* all content below top */
.sr1-contact-card > *:not(.eyebrow):not(h2):not(p:first-of-type){
  position:relative !important;
  z-index:2 !important;
}

/* ---------- section titles / labels ---------- */
.sr1-contact-card h3,
.sr1-contact-card h4,
.sr1-contact-card b,
.sr1-contact-card strong{
  color:#123B56 !important;
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
  letter-spacing:-0.01em !important;
}

.sr1-contact-card p,
.sr1-contact-card a,
.sr1-contact-card li,
.sr1-contact-card span,
.sr1-contact-card small{
  color:#4E6778 !important;
  font-size:14px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
}

.sr1-contact-card a{
  text-decoration:none !important;
}

.sr1-contact-card a:hover{
  color:#0A78C7 !important;
}

/* body separators */
.sr1-contact-card hr{
  border:none !important;
  border-top:1px solid #D8E6EE !important;
  margin:14px 0 !important;
}

/* ---------- work inquiries / address / email ---------- */
.sr1-contact-card .sr1-contact-grid,
.sr1-contact-card .sr1-contact-columns{
  gap:18px !important;
}

.sr1-contact-card .sr1-contact-grid p,
.sr1-contact-card .sr1-contact-columns p,
.sr1-contact-card .sr1-contact-grid a,
.sr1-contact-card .sr1-contact-columns a{
  font-size:15px !important;
  line-height:1.8 !important;
  font-weight:650 !important;
  color:#4F687A !important;
}

.sr1-contact-card .sr1-contact-grid strong,
.sr1-contact-card .sr1-contact-columns strong,
.sr1-contact-card .sr1-contact-grid b,
.sr1-contact-card .sr1-contact-columns b{
  display:block !important;
  margin-bottom:6px !important;
  font-size:18px !important;
  color:#123B56 !important;
}

.sr1-contact-card .sr1-contact-grid a[href^="tel:"],
.sr1-contact-card .sr1-contact-columns a[href^="tel:"],
.sr1-contact-card .sr1-contact-grid a[href^="mailto:"],
.sr1-contact-card .sr1-contact-columns a[href^="mailto:"]{
  font-size:15px !important;
  font-weight:700 !important;
  color:#36576D !important;
}

/* ---------- support cards now stacked vertically ---------- */
.sr1-contact-support-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  margin-top:16px !important;
}

/* reorder: whatsapp first, facebook second */
.sr1-contact-support-grid > div:nth-child(1){
  order:2 !important;
}
.sr1-contact-support-grid > div:nth-child(2){
  order:1 !important;
}

.sr1-contact-support-grid > div{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  min-height:96px !important;
  border:1px solid #D6E4ED !important;
  border-radius:10px !important;
  background:#F9FCFE !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;

  padding:18px 22px 18px 112px !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease !important;
}

/* use image watermark instead of bad vector */
.sr1-contact-support-grid > div::before{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  width:84px !important;
  height:84px !important;
  transform:translateY(-50%) !important;
  border-radius:10px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(233,243,249,.72)),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') center/72px auto no-repeat !important;
  opacity:.96 !important;
  z-index:0 !important;
}

.sr1-contact-support-grid > div > *{
  position:relative !important;
  z-index:1 !important;
}

.sr1-contact-support-grid > div h4,
.sr1-contact-support-grid > div strong,
.sr1-contact-support-grid > div b,
.sr1-contact-support-grid > div .sr1-contact-label{
  margin:0 0 4px !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  color:#123B56 !important;
}

.sr1-contact-support-grid > div p{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
  color:#5C7384 !important;
}

/* whatsapp card = green hover (original 2nd card, now 1st visible) */
.sr1-contact-support-grid > div:nth-child(2):hover{
  transform:translateY(-2px) !important;
  border-color:#45C979 !important;
  background:linear-gradient(135deg,#1FAE59 0%, #3CD174 100%) !important;
  box-shadow:0 16px 30px rgba(24,130,67,.18) !important;
}
.sr1-contact-support-grid > div:nth-child(2):hover::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08)),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') center/72px auto no-repeat !important;
}
.sr1-contact-support-grid > div:nth-child(2):hover h4,
.sr1-contact-support-grid > div:nth-child(2):hover strong,
.sr1-contact-support-grid > div:nth-child(2):hover b,
.sr1-contact-support-grid > div:nth-child(2):hover .sr1-contact-label,
.sr1-contact-support-grid > div:nth-child(2):hover p{
  color:#ffffff !important;
}

/* facebook support card = blue hover (original 1st card, now 2nd visible) */
.sr1-contact-support-grid > div:nth-child(1):hover{
  transform:translateY(-2px) !important;
  border-color:#3692DF !important;
  background:linear-gradient(135deg,#155A94 0%, #46A2E9 100%) !important;
  box-shadow:0 16px 30px rgba(21,90,148,.18) !important;
}
.sr1-contact-support-grid > div:nth-child(1):hover::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08)),
    url('/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800') center/72px auto no-repeat !important;
}
.sr1-contact-support-grid > div:nth-child(1):hover h4,
.sr1-contact-support-grid > div:nth-child(1):hover strong,
.sr1-contact-support-grid > div:nth-child(1):hover b,
.sr1-contact-support-grid > div:nth-child(1):hover .sr1-contact-label,
.sr1-contact-support-grid > div:nth-child(1):hover p{
  color:#ffffff !important;
}

/* ---------- connect with us title bigger ---------- */
.sr1-contact-card .sr1-contact-social-title,
.sr1-contact-card .connect-title,
.sr1-contact-card .social-title{
  display:block !important;
  margin:18px 0 10px !important;
  color:#123B56 !important;
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}

/* ---------- social buttons ---------- */
.sr1-contact-social,
.sr1-social-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:10px !important;
}

/* remove distorted assets */
.sr1-contact-social a img,
.sr1-contact-social a svg,
.sr1-social-grid a img,
.sr1-social-grid a svg{
  display:none !important;
}

.sr1-contact-social a,
.sr1-social-grid a{
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:10px 14px !important;

  border:1px solid #D6E4ED !important;
  border-radius:8px !important;
  background:#FFFFFF !important;

  text-decoration:none !important;
  color:#123B56 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease !important;
}

/* clean crisp css icons */
.sr1-contact-social a::before,
.sr1-social-grid a::before{
  content:"" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  border-radius:6px !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
  flex:0 0 24px !important;
}

/* LinkedIn */
.sr1-contact-social a:nth-child(1)::before,
.sr1-social-grid a:nth-child(1)::before{
  content:"in" !important;
  background:#0A66C2 !important;
}

/* Facebook */
.sr1-contact-social a:nth-child(2)::before,
.sr1-social-grid a:nth-child(2)::before{
  content:"f" !important;
  background:#1877F2 !important;
  font-size:14px !important;
}

/* WhatsApp */
.sr1-contact-social a:nth-child(3)::before,
.sr1-social-grid a:nth-child(3)::before{
  content:"WA" !important;
  background:#25D366 !important;
  font-size:9px !important;
  letter-spacing:.02em !important;
}

.sr1-contact-social a:hover,
.sr1-social-grid a:hover{
  transform:translateY(-1px) !important;
  border-color:#9FCBE3 !important;
  background:#F3FAFF !important;
  box-shadow:0 10px 22px rgba(9,43,70,.08) !important;
}

/* ---------- smaller screens ---------- */
@media (max-width: 760px){
  .sr1-contact-social,
  .sr1-social-grid{
    grid-template-columns:1fr !important;
  }

  .sr1-contact-support-grid > div{
    padding:16px 18px 16px 100px !important;
    min-height:92px !important;
  }

  .sr1-contact-support-grid > div::before{
    width:72px !important;
    height:72px !important;
    background-size:auto, 60px auto !important;
  }

  .sr1-contact-card > h2{
    font-size:20px !important;
  }
}


/* ==========================================================
   SERVICE REQUEST
   DARK NAVY PANEL HEADERS
   ========================================================== */

@media (min-width:1101px){

  /* LEFT — CONTACT HEADER */
  .sr1-main .sr1-contact-head{
    background:
      linear-gradient(
        135deg,
        #073A58 0%,
        #004F78 100%
      ) !important;

    border-bottom:
      1px solid rgba(255,255,255,.10) !important;
  }

  .sr1-main .sr1-contact-head > span{
    color:#69D3F8 !important;
  }

  .sr1-main .sr1-contact-head h3{
    color:#FFFFFF !important;
  }

  .sr1-main .sr1-contact-head p{
    color:rgba(255,255,255,.78) !important;
  }


  /* RIGHT — REQUEST DETAILS HEADER */
  .sr1-main .sr1-form-head{
    background:
      linear-gradient(
        135deg,
        #073A58 0%,
        #004F78 100%
      ) !important;

    border-bottom:
      1px solid rgba(255,255,255,.10) !important;
  }

  .sr1-main .sr1-form-head span{
    color:#69D3F8 !important;
  }

  .sr1-main .sr1-form-head h3{
    color:#FFFFFF !important;
  }


  /* STRUCTURED REQUEST BADGE */
  .sr1-main .sr1-form-badge{
    color:#DDF7FF !important;

    border-color:
      rgba(111,213,249,.42) !important;

    background:
      rgba(0,137,209,.18) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   CONTACT DETAILS — READABILITY / FONT SIZE
   ========================================================== */

@media (min-width:1101px){

  /* ========================================================
     WORK INQUIRIES + POST ADDRESS HEADINGS
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-label,

  .sr1-main .sr1-contact-block:nth-child(2)
  .sr1-contact-label{
    display:block !important;

    margin:0 0 11px !important;

    color:#082F47 !important;

    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:850 !important;
    letter-spacing:-.01em !important;
  }


  /* ========================================================
     PHONE NUMBERS
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links{
    display:flex !important;
    flex-direction:column !important;

    gap:7px !important;
  }


  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links a{
    display:block !important;

    width:max-content !important;
    max-width:100% !important;

    color:#365A70 !important;

    font-size:13.5px !important;
    line-height:1.4 !important;
    font-weight:650 !important;

    letter-spacing:.005em !important;

    text-decoration:none !important;

    transition:
      color .22s ease,
      transform .22s ease !important;
  }


  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links a:hover{
    color:#0089D1 !important;

    transform:translateX(3px) !important;
  }


  /* ========================================================
     POSTAL ADDRESS
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(2)
  address{
    margin:0 !important;

    color:#36576B !important;

    font-size:13px !important;
    line-height:1.65 !important;
    font-weight:600 !important;

    font-style:normal !important;

    letter-spacing:0 !important;
  }


  /* ========================================================
     GIVE BOTH COLUMNS ENOUGH BREATHING ROOM
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(1),
  .sr1-main .sr1-contact-block:nth-child(2){
    padding-top:21px !important;
    padding-bottom:20px !important;
  }


  .sr1-main .sr1-contact-content{
    column-gap:34px !important;
  }


  /* ========================================================
     EMAIL HEADING / EMAIL ALSO SLIGHTLY LARGER
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(3)
  .sr1-contact-label{
    margin-bottom:9px !important;

    color:#082F47 !important;

    font-size:13px !important;
    font-weight:850 !important;
  }


  .sr1-main .sr1-contact-email{
    color:#365A70 !important;

    font-size:12.5px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   CONTACT COLUMNS — VERTICAL SEPARATOR
   ========================================================== */

@media (min-width:1101px){

  /* Work Inquiries */
  .sr1-main .sr1-contact-block:nth-child(1){
    padding-right:26px !important;
  }


  /* Post Address and Mail */
  .sr1-main .sr1-contact-block:nth-child(2){
    position:relative !important;

    padding-left:28px !important;
  }


  /* vertical separator */
  .sr1-main .sr1-contact-block:nth-child(2)::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    top:20px !important;
    bottom:20px !important;

    width:1px !important;

    background:
      linear-gradient(
        180deg,
        rgba(183,207,220,.20) 0%,
        rgba(162,193,209,.82) 18%,
        rgba(162,193,209,.82) 82%,
        rgba(183,207,220,.20) 100%
      ) !important;

    pointer-events:none !important;
  }


  /* keep balanced spacing */
  .sr1-main .sr1-contact-content{
    column-gap:26px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   WORK INQUIRIES / POST ADDRESS
   EXACT TYPOGRAPHY MATCH
   ========================================================== */

@media (min-width:1101px){

  /* SAME HEADINGS */
  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-label,

  .sr1-main .sr1-contact-block:nth-child(2)
  .sr1-contact-label{
    margin:0 0 11px !important;

    font-family:inherit !important;

    color:#082F47 !important;

    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:850 !important;

    letter-spacing:0 !important;
  }


  /* SAME BODY FONT — BOTH COLUMNS */
  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links a,

  .sr1-main .sr1-contact-block:nth-child(2)
  address{
    font-family:inherit !important;

    color:#365A70 !important;

    font-size:13.5px !important;
    line-height:1.58 !important;
    font-weight:600 !important;

    letter-spacing:0 !important;

    font-style:normal !important;
  }


  /* SAME VERTICAL RHYTHM */
  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links{
    gap:0 !important;
  }


  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links a{
    min-height:21px !important;

    display:flex !important;
    align-items:center !important;
  }


  .sr1-main .sr1-contact-block:nth-child(2)
  address{
    margin:0 !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SUPPORT CARDS - STACK VERTICALLY
   ========================================================== */

@media (min-width: 1101px){

  /* container holding WhatsApp/Facebook support cards */
  .sr1-main .sr1-support-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    align-items:stretch !important;
  }

  /* each card full width */
  .sr1-main .sr1-support-card{
    width:100% !important;
    min-height:112px !important;
  }
}

/* tablet + mobile also keep them one below the other */
@media (max-width: 1100px){
  .sr1-main .sr1-support-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .sr1-main .sr1-support-card{
    width:100% !important;
  }
}


/* ==========================================================
   SERVICE REQUEST
   FORCE SUPPORT CARDS INTO ONE VERTICAL COLUMN
   ACTUAL CLASS: .sr1-contact-support-grid
   ========================================================== */

.sr1-main .sr1-contact-support-grid{
  grid-column:1 / -1 !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1fr) !important;

  grid-template-rows:
    auto auto !important;

  gap:14px !important;

  width:100% !important;

  padding:
    16px 0 !important;

  align-items:stretch !important;
}


/* ==========================================================
   EACH SUPPORT CARD — FULL WIDTH
   ========================================================== */

.sr1-main .sr1-contact-support-grid > div{
  width:100% !important;
  max-width:none !important;

  min-height:105px !important;

  margin:0 !important;

  grid-column:1 !important;

  display:flex !important;
  flex-direction:column !important;

  justify-content:center !important;
  align-items:flex-start !important;

  text-align:left !important;

  padding:
    18px 24px 18px 120px !important;
}


/* ==========================================================
   ORDER
   Existing HTML:
   child 1 = Facebook
   child 2 = WhatsApp

   Display:
   1st = WhatsApp
   2nd = Facebook
   ========================================================== */

.sr1-main .sr1-contact-support-grid > div:nth-child(2){
  grid-row:1 !important;
  order:1 !important;
}

.sr1-main .sr1-contact-support-grid > div:nth-child(1){
  grid-row:2 !important;
  order:2 !important;
}


/* ==========================================================
   LEFT IMAGE / WATERMARK AREA
   ========================================================== */

.sr1-main .sr1-contact-support-grid > div::before{
  left:16px !important;
  right:auto !important;

  top:50% !important;

  width:86px !important;
  height:72px !important;

  transform:
    translateY(-50%) !important;

  border-radius:7px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.93),
      rgba(231,242,248,.82)
    ),
    url("/assets/images/branding/sea-licensing-logo-fast.webp?v=20260916-205800")
    center / 75px auto
    no-repeat !important;

  opacity:.95 !important;
}


/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

.sr1-main .sr1-contact-support-grid
.sr1-contact-label{
  margin:
    0 0 6px !important;

  color:#0B344C !important;

  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:850 !important;

  text-align:left !important;
}


.sr1-main .sr1-contact-support-grid p{
  margin:0 !important;

  color:#567181 !important;

  font-size:12.5px !important;
  line-height:1.5 !important;
  font-weight:600 !important;

  text-align:left !important;
}


/* ==========================================================
   WHATSAPP — GREEN HOVER
   ========================================================== */

.sr1-main
.sr1-contact-support-grid
> div:nth-child(2):hover{
  border-color:#31B965 !important;

  background:
    linear-gradient(
      135deg,
      #159C4D 0%,
      #34C86A 100%
    ) !important;

  box-shadow:
    0 15px 30px rgba(19,137,66,.18) !important;
}


.sr1-main
.sr1-contact-support-grid
> div:nth-child(2):hover
.sr1-contact-label,

.sr1-main
.sr1-contact-support-grid
> div:nth-child(2):hover p{
  color:#FFFFFF !important;
}


/* ==========================================================
   FACEBOOK — BLUE HOVER
   ========================================================== */

.sr1-main
.sr1-contact-support-grid
> div:nth-child(1):hover{
  border-color:#278DD5 !important;

  background:
    linear-gradient(
      135deg,
      #155A94 0%,
      #3C9FE3 100%
    ) !important;

  box-shadow:
    0 15px 30px rgba(18,87,145,.18) !important;
}


.sr1-main
.sr1-contact-support-grid
> div:nth-child(1):hover
.sr1-contact-label,

.sr1-main
.sr1-contact-support-grid
> div:nth-child(1):hover p{
  color:#FFFFFF !important;
}


/* ==========================================================
   MOBILE — STILL STACKED
   ========================================================== */

@media(max-width:700px){

  .sr1-main .sr1-contact-support-grid{
    grid-template-columns:
      1fr !important;
  }

  .sr1-main .sr1-contact-support-grid > div{
    padding:
      16px 18px 16px 105px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   PREMIUM CONTAINER-SHIP HERO IMAGE
   ========================================================== */

@media (min-width:1101px){

  .sr1-main .sr1-hero{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;

    background:#032A42 !important;
  }


  .sr1-main .sr1-hero::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:-3 !important;
    pointer-events:none !important;

    background-image:
      linear-gradient(
        90deg,
        rgba(2,31,49,.94) 0%,
        rgba(2,34,53,.84) 29%,
        rgba(2,34,53,.55) 52%,
        rgba(1,29,46,.24) 72%,
        rgba(1,23,37,.18) 100%
      ),
      url("/assets/images/hero-service-request.webp?v=20260923-171042") !important;

    background-position:
      center center,
      center center !important;

    background-repeat:
      no-repeat,
      no-repeat !important;

    background-size:
      cover,
      cover !important;
  }


  .sr1-main .sr1-hero::after{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:-2 !important;
    pointer-events:none !important;

    opacity:1 !important;

    background:
      linear-gradient(
        180deg,
        rgba(0,18,30,.03) 0%,
        rgba(0,18,30,0) 58%,
        rgba(0,18,30,.22) 100%
      ) !important;
  }


  /* keep content above the photograph */
  .sr1-main .sr1-hero-grid{
    position:relative !important;
    z-index:2 !important;
  }


  /* premium glass panel over ship image */
  .sr1-main .sr1-hero-panel{
    background:
      linear-gradient(
        145deg,
        rgba(4,51,77,.87),
        rgba(2,34,52,.78)
      ) !important;

    border-color:
      rgba(255,255,255,.17) !important;

    backdrop-filter:
      blur(10px) !important;

    -webkit-backdrop-filter:
      blur(10px) !important;

    box-shadow:
      0 24px 58px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   BODY WIDTH — MATCH HEADER / FOOTER SITE SHELL
   ========================================================== */

@media (min-width:1101px){

  /* Restore full website shell width */
  .sr1-main .sr1-request > .sr1-shell{
    width:min(
      calc(100% - 96px),
      var(--shell,1440px)
    ) !important;

    max-width:none !important;

    margin-inline:auto !important;
  }


  /* Heading uses same full width */
  .sr1-main .sr1-request-head{
    width:100% !important;

    grid-template-columns:
      minmax(0,.40fr)
      minmax(0,.60fr) !important;

    gap:32px !important;
  }


  /* Main contact / form pair wider and better balanced */
  .sr1-main .sr1-request-grid{
    width:100% !important;

    grid-template-columns:
      minmax(430px,.40fr)
      minmax(0,.60fr) !important;

    gap:28px !important;
  }


  /* Both cards fully occupy their columns */
  .sr1-main .sr1-side,
  .sr1-main .sr1-contact-box,
  .sr1-main .sr1-form-wrap{
    width:100% !important;
    max-width:none !important;
  }


  /* Allow right form to use the extra width gracefully */
  .sr1-main .sr1-form{
    padding-left:26px !important;
    padding-right:26px !important;
  }


  /* Keep left contact information comfortable */
  .sr1-main .sr1-contact-content{
    padding-left:26px !important;
    padding-right:26px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   CONTACT DETAILS — FINAL PROPORTION / SYMMETRY
   ========================================================== */

@media (min-width:1101px){

  /* ========================================================
     TOP CONTACT AREA
     EXACT 50 / 50 COLUMNS
     ======================================================== */

  .sr1-main .sr1-contact-content{
    display:grid !important;

    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr) !important;

    column-gap:0 !important;

    padding-left:26px !important;
    padding-right:26px !important;
  }


  /* ========================================================
     WORK INQUIRIES
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(1){
    grid-column:1 !important;

    position:relative !important;

    padding:
      20px 28px 19px 0 !important;

    border-bottom:
      1px solid #DCE7EC !important;
  }


  /* ========================================================
     POST ADDRESS
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(2){
    grid-column:2 !important;

    position:relative !important;

    padding:
      20px 0 19px 28px !important;

    border-bottom:
      1px solid #DCE7EC !important;
  }


  /* CENTER SEPARATOR */
  .sr1-main .sr1-contact-block:nth-child(2)::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    top:19px !important;
    bottom:19px !important;

    width:1px !important;

    background:#CFDEE5 !important;

    pointer-events:none !important;
  }


  /* ========================================================
     BOTH HEADINGS — EXACT SAME TYPOGRAPHY
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-label,

  .sr1-main .sr1-contact-block:nth-child(2)
  .sr1-contact-label{
    display:block !important;

    margin:
      0 0 10px !important;

    color:#0A3148 !important;

    font-family:inherit !important;

    font-size:11.5px !important;
    line-height:1.25 !important;
    font-weight:850 !important;

    letter-spacing:0 !important;
  }


  /* ========================================================
     PHONE NUMBERS + ADDRESS
     EXACT SAME SIZE / WEIGHT / RHYTHM
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links a,

  .sr1-main .sr1-contact-block:nth-child(2)
  address{
    color:#3F6074 !important;

    font-family:inherit !important;

    font-size:11.5px !important;
    line-height:1.58 !important;
    font-weight:600 !important;

    letter-spacing:0 !important;

    font-style:normal !important;
  }


  /* phone rows */
  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links{
    display:flex !important;

    flex-direction:column !important;

    gap:4px !important;
  }


  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links a{
    display:block !important;

    width:max-content !important;
    max-width:100% !important;

    min-height:0 !important;

    text-decoration:none !important;
  }


  .sr1-main .sr1-contact-block:nth-child(1)
  .sr1-contact-links a:hover{
    color:#0089D1 !important;

    transform:translateX(2px) !important;
  }


  /* address block */
  .sr1-main .sr1-contact-block:nth-child(2)
  address{
    margin:0 !important;

    max-width:100% !important;
  }


  /* ========================================================
     EMAIL — SAME VISUAL SCALE
     ======================================================== */

  .sr1-main .sr1-contact-block:nth-child(3){
    grid-column:1 / -1 !important;

    padding:
      15px 0 16px !important;

    border-bottom:
      1px solid #DCE7EC !important;
  }


  .sr1-main .sr1-contact-block:nth-child(3)
  .sr1-contact-label{
    margin:
      0 0 7px !important;

    color:#0A3148 !important;

    font-size:11.5px !important;
    line-height:1.25 !important;
    font-weight:850 !important;
  }


  .sr1-main .sr1-contact-email{
    color:#3F6074 !important;

    font-size:11.5px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
  }


  /* ========================================================
     KEEP SUPPORT / SOCIAL AREA FULL WIDTH
     ======================================================== */

  .sr1-main .sr1-contact-support-grid,
  .sr1-main .sr1-socials{
    grid-column:1 / -1 !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   CHECKBOX + CONFIRMATION TEXT — INLINE ALIGNMENT
   ========================================================== */

.sr1-main .sr1-check{
  display:flex !important;
  flex-direction:row !important;

  align-items:flex-start !important;
  justify-content:flex-start !important;

  gap:10px !important;

  width:100% !important;

  margin:
    4px 0 16px !important;

  padding:0 !important;

  cursor:pointer !important;
}


.sr1-main .sr1-check input[type="checkbox"]{
  width:15px !important;
  height:15px !important;

  min-width:15px !important;
  min-height:15px !important;
  max-width:15px !important;
  max-height:15px !important;

  flex:
    0 0 15px !important;

  display:block !important;

  margin:
    1px 0 0 !important;

  padding:0 !important;

  accent-color:
    #0089D1 !important;

  cursor:pointer !important;
}


.sr1-main .sr1-check span{
  display:block !important;

  flex:
    1 1 auto !important;

  width:auto !important;

  margin:0 !important;
  padding:0 !important;

  color:#536F7F !important;

  font-size:9px !important;
  line-height:1.5 !important;
  font-weight:600 !important;

  text-align:left !important;
}


/* desktop readability */
@media (min-width:1101px){

  .sr1-main .sr1-check{
    gap:10px !important;
  }

  .sr1-main .sr1-check span{
    font-size:9.2px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SECTION HEADING — PROPORTION / SYMMETRY
   Align exactly with contact + form panels below
   ========================================================== */

@media (min-width:1101px){

  /* exact same columns as cards below */
  .sr1-main .sr1-request-head{
    display:grid !important;

    grid-template-columns:
      minmax(430px,.40fr)
      minmax(0,.60fr) !important;

    gap:28px !important;

    width:100% !important;

    align-items:center !important;

    margin:
      0 0 30px !important;
  }


  /* LEFT HEADING COLUMN */
  .sr1-main .sr1-request-head > div{
    width:100% !important;
    max-width:none !important;

    align-self:center !important;
  }


  .sr1-main .sr1-section-kicker{
    margin-bottom:12px !important;

    font-size:9px !important;
    line-height:1 !important;

    letter-spacing:.16em !important;
  }


  .sr1-main .sr1-request-head h2{
    width:100% !important;
    max-width:430px !important;

    margin:0 !important;

    color:#092F46 !important;

    font-size:34px !important;
    line-height:1.04 !important;
    font-weight:820 !important;

    letter-spacing:-.042em !important;
  }


  .sr1-main .sr1-rule{
    width:48px !important;
    height:2px !important;

    margin-top:17px !important;
  }


  /* RIGHT DESCRIPTION COLUMN */
  .sr1-main .sr1-request-head > p{
    width:100% !important;
    max-width:640px !important;

    justify-self:start !important;
    align-self:center !important;

    margin:0 !important;

    color:#587383 !important;

    font-size:11.5px !important;
    line-height:1.72 !important;
    font-weight:500 !important;
  }


  /* optical alignment with panels below */
  .sr1-main .sr1-request-grid{
    grid-template-columns:
      minmax(430px,.40fr)
      minmax(0,.60fr) !important;

    gap:28px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SECTION INTRO — TRUE CENTERED SYMMETRY
   ========================================================== */

@media (min-width:1101px){

  /* --------------------------------------------------------
     Make heading one unified centered composition
     instead of split left/right columns
     -------------------------------------------------------- */

  .sr1-main .sr1-request-head{
    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:820px !important;

    margin:
      0 auto 34px !important;

    text-align:center !important;

    gap:0 !important;
  }


  .sr1-main .sr1-request-head > div{
    width:100% !important;
    max-width:none !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;

    text-align:center !important;
  }


  /* eyebrow */

  .sr1-main .sr1-section-kicker{
    margin:
      0 0 12px !important;

    color:#0089D1 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:850 !important;

    letter-spacing:.17em !important;
    text-transform:uppercase !important;

    text-align:center !important;
  }


  /* main title */

  .sr1-main .sr1-request-head h2{
    width:auto !important;
    max-width:620px !important;

    margin:0 auto !important;

    color:#092F46 !important;

    font-size:36px !important;
    line-height:1.04 !important;
    font-weight:820 !important;

    letter-spacing:-.043em !important;

    text-align:center !important;
  }


  /* centered cyan rule */

  .sr1-main .sr1-rule{
    width:50px !important;
    height:2px !important;

    margin:
      17px auto 0 !important;

    background:
      linear-gradient(
        90deg,
        #0089D1,
        #63CEF5
      ) !important;
  }


  /* description now belongs to same composition */

  .sr1-main .sr1-request-head > p{
    width:100% !important;
    max-width:700px !important;

    margin:
      18px auto 0 !important;

    color:#587383 !important;

    font-size:11.5px !important;
    line-height:1.7 !important;
    font-weight:500 !important;

    text-align:center !important;

    justify-self:auto !important;
    align-self:auto !important;
  }


  /* --------------------------------------------------------
     Cards below stay on same visual axis
     -------------------------------------------------------- */

  .sr1-main .sr1-request-grid{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
      minmax(430px,.40fr)
      minmax(0,.60fr) !important;

    gap:28px !important;

    align-items:stretch !important;

    margin:0 !important;
  }


  /* same top line */
  .sr1-main .sr1-contact-box,
  .sr1-main .sr1-form-wrap{
    margin-top:0 !important;
  }


  /* tighten section top/bottom rhythm */

  .sr1-main .sr1-request{
    padding-top:64px !important;
    padding-bottom:72px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   REAL SUPPORT CARD BACKGROUND IMAGES
   ========================================================== */

@media (min-width:1101px){

  /* ========================================================
     REMOVE OLD GENERATED / LOGO / VECTOR DECORATION
     ======================================================== */

  .sr1-main .sr1-contact-support-grid > div::before,
  .sr1-main .sr1-contact-support-grid > div::after{
    content:none !important;
    display:none !important;
    background:none !important;
  }


  /* ========================================================
     BASE CARD
     ======================================================== */

  .sr1-main .sr1-contact-support-grid > div{
    position:relative !important;
    overflow:hidden !important;

    width:100% !important;
    min-height:108px !important;

    padding:
      20px 34px 20px 43% !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;

    text-align:left !important;

    border-radius:9px !important;

    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;

    transition:
      transform .28s ease,
      border-color .28s ease,
      box-shadow .28s ease,
      background-image .28s ease !important;
  }


  /* ========================================================
     WHATSAPP
     DOM CHILD 2 — VISUALLY FIRST
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(2){

    border:
      1px solid #BFDDEB !important;

    background-image:
      linear-gradient(
        90deg,
        rgba(255,255,255,.10) 0%,
        rgba(255,255,255,.18) 34%,
        rgba(255,255,255,.38) 100%
      ),
      url("/assets/images/service-request/support-whatsapp-bg.png?v=20260923-172711") !important;
  }


  /* ========================================================
     FACEBOOK
     DOM CHILD 1 — VISUALLY SECOND
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(1){

    border:
      1px solid #BFDDEB !important;

    background-image:
      linear-gradient(
        90deg,
        rgba(255,255,255,.10) 0%,
        rgba(255,255,255,.18) 34%,
        rgba(255,255,255,.38) 100%
      ),
      url("/assets/images/service-request/support-facebook-bg.png?v=20260923-172711") !important;
  }


  /* ========================================================
     TYPOGRAPHY OVER IMAGE
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  .sr1-contact-label{

    margin:
      0 0 6px !important;

    color:#0A3550 !important;

    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:850 !important;

    text-shadow:
      0 1px 0 rgba(255,255,255,.55) !important;
  }


  .sr1-main
  .sr1-contact-support-grid p{

    margin:0 !important;

    color:#4F6B7C !important;

    font-size:12.5px !important;
    line-height:1.5 !important;
    font-weight:650 !important;

    text-shadow:
      0 1px 0 rgba(255,255,255,.55) !important;
  }


  /* ========================================================
     WHATSAPP GREEN HOVER
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(2):hover{

    transform:
      translateY(-3px) !important;

    border-color:
      #28B967 !important;

    background-image:
      linear-gradient(
        90deg,
        rgba(18,143,72,.55) 0%,
        rgba(27,170,86,.70) 100%
      ),
      url("/assets/images/service-request/support-whatsapp-bg.png?v=20260923-172711") !important;

    box-shadow:
      0 16px 32px rgba(24,135,70,.20) !important;
  }


  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(2):hover
  .sr1-contact-label,

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(2):hover p{

    color:#FFFFFF !important;

    text-shadow:
      0 1px 2px rgba(0,0,0,.15) !important;
  }


  /* ========================================================
     FACEBOOK BLUE HOVER
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(1):hover{

    transform:
      translateY(-3px) !important;

    border-color:
      #258DDD !important;

    background-image:
      linear-gradient(
        90deg,
        rgba(17,80,143,.58) 0%,
        rgba(34,132,211,.72) 100%
      ),
      url("/assets/images/service-request/support-facebook-bg.png?v=20260923-172711") !important;

    box-shadow:
      0 16px 32px rgba(20,91,154,.20) !important;
  }


  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(1):hover
  .sr1-contact-label,

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(1):hover p{

    color:#FFFFFF !important;

    text-shadow:
      0 1px 2px rgba(0,0,0,.15) !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SERVICE INTAKE INTRO — PREMIUM LEFT ALIGNMENT
   ========================================================== */

@media (min-width:1101px){

  /* --------------------------------------------------------
     Intro aligned with left edge of cards below
     -------------------------------------------------------- */

  .sr1-main .sr1-request-head{
    display:block !important;

    width:100% !important;
    max-width:760px !important;

    margin:
      0 0 32px 0 !important;

    padding:0 !important;

    text-align:left !important;
  }


  .sr1-main .sr1-request-head > div{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    text-align:left !important;
  }


  /* EYEBROW */

  .sr1-main .sr1-section-kicker{
    display:block !important;

    margin:
      0 0 11px !important;

    color:#0089D1 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:850 !important;

    letter-spacing:.17em !important;
    text-transform:uppercase !important;

    text-align:left !important;
  }


  /* TITLE */

  .sr1-main .sr1-request-head h2{
    width:100% !important;
    max-width:690px !important;

    margin:0 !important;

    color:#092F46 !important;

    font-size:36px !important;
    line-height:1.04 !important;
    font-weight:820 !important;

    letter-spacing:-.043em !important;

    text-align:left !important;
  }


  /* CYAN RULE */

  .sr1-main .sr1-rule{
    display:block !important;

    width:48px !important;
    height:2px !important;

    margin:
      17px 0 0 !important;

    background:
      linear-gradient(
        90deg,
        #0089D1,
        #63CEF5
      ) !important;
  }


  /* DESCRIPTION */

  .sr1-main .sr1-request-head > p{
    display:block !important;

    width:100% !important;
    max-width:720px !important;

    margin:
      18px 0 0 !important;

    color:#587383 !important;

    font-size:11.5px !important;
    line-height:1.68 !important;
    font-weight:500 !important;

    text-align:left !important;

    justify-self:auto !important;
    align-self:auto !important;
  }


  /* --------------------------------------------------------
     Cards immediately follow introduction
     -------------------------------------------------------- */

  .sr1-main .sr1-request-grid{
    margin-top:0 !important;
  }


  /* tighter, more deliberate vertical rhythm */

  .sr1-main .sr1-request{
    padding-top:62px !important;
    padding-bottom:72px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SERVICE INTAKE — TWO COLUMN INTRO + SEPARATOR
   ========================================================== */

@media (min-width:1101px){

  /* exact same proportions as panels below */
  .sr1-main .sr1-request-head{
    display:grid !important;

    grid-template-columns:
      minmax(430px,.40fr)
      minmax(0,.60fr) !important;

    gap:0 !important;

    width:100% !important;
    max-width:none !important;

    margin:
      0 0 32px !important;

    padding:0 !important;

    align-items:center !important;

    text-align:left !important;
  }


  /* ========================================================
     LEFT — TITLE
     ======================================================== */

  .sr1-main .sr1-request-head > div{
    width:100% !important;
    max-width:none !important;

    display:block !important;

    padding:
      0 34px 0 0 !important;

    text-align:left !important;
  }


  .sr1-main .sr1-section-kicker{
    display:block !important;

    margin:
      0 0 11px !important;

    color:#0089D1 !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:850 !important;

    letter-spacing:.17em !important;
    text-transform:uppercase !important;

    text-align:left !important;
  }


  .sr1-main .sr1-request-head h2{
    width:100% !important;
    max-width:590px !important;

    margin:0 !important;

    color:#092F46 !important;

    font-size:35px !important;
    line-height:1.04 !important;
    font-weight:820 !important;

    letter-spacing:-.043em !important;

    text-align:left !important;
  }


  .sr1-main .sr1-rule{
    display:block !important;

    width:48px !important;
    height:2px !important;

    margin:
      17px 0 0 !important;

    background:
      linear-gradient(
        90deg,
        #0089D1,
        #63CEF5
      ) !important;
  }


  /* ========================================================
     RIGHT — DESCRIPTION
     WITH VERTICAL SEPARATOR
     ======================================================== */

  .sr1-main .sr1-request-head > p{
    position:relative !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
      13px 0 13px 34px !important;

    border-left:
      1px solid #C9DCE5 !important;

    color:#4F6C7D !important;

    font-size:12px !important;
    line-height:1.72 !important;
    font-weight:500 !important;

    text-align:left !important;

    justify-self:stretch !important;
    align-self:center !important;
  }


  /* paragraph width control */
  .sr1-main .sr1-request-head > p{
    padding-right:70px !important;
  }


  /* ========================================================
     PANELS BELOW — MATCH SAME GRID
     ======================================================== */

  .sr1-main .sr1-request-grid{
    grid-template-columns:
      minmax(430px,.40fr)
      minmax(0,.60fr) !important;

    gap:28px !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   INTRO DESCRIPTION — USE FULL RIGHT COLUMN WIDTH
   ========================================================== */

@media (min-width:1101px){

  .sr1-main .sr1-request-head > p{
    width:100% !important;
    max-width:none !important;

    justify-self:stretch !important;
    align-self:center !important;

    margin:0 !important;

    padding:
      13px 0 13px 34px !important;

    border-left:
      1px solid #C9DCE5 !important;

    box-sizing:border-box !important;

    color:#4F6C7D !important;

    font-size:12px !important;
    line-height:1.72 !important;
    font-weight:500 !important;

    text-align:left !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SUPPORT IMAGE BACKGROUNDS — FINAL FORCE FIX
   ========================================================== */

@media (min-width:701px){

  /* remove EVERY old decorative layer */
  .sr1-main .sr1-contact-support-grid > div::before,
  .sr1-main .sr1-contact-support-grid > div::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
  }


  /* common card geometry */
  .sr1-main .sr1-contact-support-grid > div{
    position:relative !important;

    width:100% !important;
    max-width:none !important;
    min-height:108px !important;

    overflow:hidden !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    padding:
      20px 34px 20px 43% !important;

    text-align:left !important;

    border-radius:9px !important;

    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;

    box-shadow:none !important;
  }


  /* ========================================================
     WHATSAPP
     HTML CHILD 2 — DISPLAYED FIRST
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(2){

    border:
      1px solid #A9DDC0 !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,.12) 36%,
        rgba(255,255,255,.28) 100%
      ),
      url("/assets/images/service-request/support-whatsapp-bg.png?v=20260923-173744")
      center center / cover
      no-repeat !important;
  }


  /* ========================================================
     FACEBOOK
     HTML CHILD 1 — DISPLAYED SECOND
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(1){

    border:
      1px solid #AFD4ED !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,.12) 36%,
        rgba(255,255,255,.27) 100%
      ),
      url("/assets/images/service-request/support-facebook-bg.png?v=20260923-173744")
      center center / cover
      no-repeat !important;
  }


  /* text always above image */
  .sr1-main
  .sr1-contact-support-grid > div > *{
    position:relative !important;
    z-index:2 !important;
  }


  .sr1-main
  .sr1-contact-support-grid
  .sr1-contact-label{
    margin:0 0 5px !important;

    color:#092F46 !important;

    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:850 !important;

    text-shadow:
      0 1px 1px rgba(255,255,255,.75) !important;
  }


  .sr1-main
  .sr1-contact-support-grid p{
    margin:0 !important;

    color:#456678 !important;

    font-size:11.5px !important;
    line-height:1.45 !important;
    font-weight:650 !important;

    text-shadow:
      0 1px 1px rgba(255,255,255,.75) !important;
  }


  /* ========================================================
     WHATSAPP HOVER
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(2):hover{

    transform:
      translateY(-3px) !important;

    border-color:
      #25B965 !important;

    background:
      linear-gradient(
        90deg,
        rgba(18,142,70,.55),
        rgba(37,185,101,.52)
      ),
      url("/assets/images/service-request/support-whatsapp-bg.png?v=20260923-173744")
      center center / cover
      no-repeat !important;

    box-shadow:
      0 15px 30px rgba(24,135,69,.19) !important;
  }


  /* ========================================================
     FACEBOOK HOVER
     ======================================================== */

  .sr1-main
  .sr1-contact-support-grid
  > div:nth-child(1):hover{

    transform:
      translateY(-3px) !important;

    border-color:
      #258FDC !important;

    background:
      linear-gradient(
        90deg,
        rgba(22,88,151,.55),
        rgba(40,143,217,.52)
      ),
      url("/assets/images/service-request/support-facebook-bg.png?v=20260923-173744")
      center center / cover
      no-repeat !important;

    box-shadow:
      0 15px 30px rgba(19,90,151,.19) !important;
  }


  .sr1-main
  .sr1-contact-support-grid
  > div:hover .sr1-contact-label,

  .sr1-main
  .sr1-contact-support-grid
  > div:hover p{
    color:#FFFFFF !important;

    text-shadow:
      0 1px 2px rgba(0,0,0,.22) !important;
  }

}


/* ==========================================================
   SERVICE REQUEST
   SUPPORT CARD BACKGROUNDS — EDGE TO EDGE FINAL
   ========================================================== */

.sr1-main .sr1-contact-support-grid > div{
  overflow:hidden !important;

  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:102% 102% !important;
}


/* WHATSAPP */
.sr1-main
.sr1-contact-support-grid
> div:nth-child(2){

  background-image:
    linear-gradient(
      90deg,
      rgba(255,255,255,.02),
      rgba(255,255,255,.10)
    ),
    url("/assets/images/service-request/support-whatsapp-bg-cropped.webp?v=20260923-174034") !important;

  background-size:
    102% 102%,
    102% 102% !important;

  background-position:
    center center,
    center center !important;
}


/* FACEBOOK */
.sr1-main
.sr1-contact-support-grid
> div:nth-child(1){

  background-image:
    linear-gradient(
      90deg,
      rgba(255,255,255,.02),
      rgba(255,255,255,.10)
    ),
    url("/assets/images/service-request/support-facebook-bg-cropped.webp?v=20260923-174034") !important;

  background-size:
    102% 102%,
    102% 102% !important;

  background-position:
    center center,
    center center !important;
}


/* WHATSAPP HOVER */
.sr1-main
.sr1-contact-support-grid
> div:nth-child(2):hover{

  background-image:
    linear-gradient(
      90deg,
      rgba(18,145,70,.42),
      rgba(38,188,101,.38)
    ),
    url("/assets/images/service-request/support-whatsapp-bg-cropped.webp?v=20260923-174034") !important;

  background-size:
    102% 102%,
    102% 102% !important;
}


/* FACEBOOK HOVER */
.sr1-main
.sr1-contact-support-grid
> div:nth-child(1):hover{

  background-image:
    linear-gradient(
      90deg,
      rgba(18,83,148,.43),
      rgba(40,145,220,.38)
    ),
    url("/assets/images/service-request/support-facebook-bg-cropped.webp?v=20260923-174034") !important;

  background-size:
    102% 102%,
    102% 102% !important;
}


/* ==========================================================
   SERVICE REQUEST
   PREMIUM CONTAINER-SHIP HERO IMAGE
   ========================================================== */

@media (min-width:1101px){

  .sr1-main .sr1-hero{

  }


  .sr1-main .sr1-hero::before{



    background-image:
      linear-gradient(
        90deg,
        rgba(2,31,49,.94) 0%,
        rgba(2,34,53,.84) 29%,
        rgba(2,34,53,.55) 52%,
        rgba(1,29,46,.24) 72%,
        rgba(1,23,37,.18) 100%
      ),

    background-position:
      center center,

    background-repeat:
      no-repeat,

    background-size:
      cover,
  }


  .sr1-main .sr1-hero::after{




    background:
      linear-gradient(
        180deg,
        rgba(0,18,30,.03) 0%,
        rgba(0,18,30,0) 58%,
        rgba(0,18,30,.22) 100%
  }


  /* keep content above the photograph */
  .sr1-main .sr1-hero-grid{
  }


  /* premium glass panel over ship image */
  .sr1-main .sr1-hero-panel{
    background:
      linear-gradient(
        145deg,
        rgba(4,51,77,.87),
        rgba(2,34,52,.78)

    border-color:

    backdrop-filter:

    -webkit-backdrop-filter:

    box-shadow:
      0 24px 58px rgba(0,0,0,.20),
  }

}