:root { 
  
  --colorRed:  #E44848; 
}

.section-packages__panelWrap:has(.section-packages__filedWrap:last-child input:checked) .section-packages__cn-filedsGroup:before {
  
  inset-inline-start: 50%; 
}

body {
  
  overflow: clip;
  overflow-y: scroll;
  text-wrap: balance;
}

main {
  
  min-height: calc(100dvh - 130px); 
}

.cvContactPage .container {
  
  max-width: 1100px;
  margin: auto;
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
  padding-inline: 10px; 
}

.container img {

  max-width: 100%; 
}


.topContentHeader {
  
  padding-top: 30px;
  text-align: center;
  max-width: 550px;
  margin: auto; 
}
  
.topContentHeader h1 {
  
  display: block;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
}

.container section {
  
  min-height: 100px;
  position: relative;
  overflow: clip;
  max-width: 700px;
  width: 100%;
  margin: auto;
}

.container section .section-wrapper {
  
  padding: 30px;
}

.box-White {
  
  background: var(--colorWhite);
  border: 1px solid var(--color5);
  border-radius: 30px;
  overflow: clip;
}

.section__contact-boxs {
  
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.section__contact-boxs {
  
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  flex-flow: row wrap;
  padding: 10px;
  flex: 1;
}

.section__contact-boxs > .list__contact-boxs {
  
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
  justify-content: start;
  align-items: center;
  text-align: start;
  background: var(--colorWhite);
  border-radius: 10px;
  border: 1px solid var(--color5);
  padding: 15px;
  flex: 1;
  transition: 250ms;
  max-width: 350px;
  min-width: clamp(270px, 100%, 300px);
  color: var(--color8);
}

.section__contact-boxs > .list__contact-boxs:hover {
  
   background:  color-mix(in lab , var(--colorLigthBlue) 60%, var(--colorWhite));
}

.section__contact-boxs > .list__contact-boxs > .list__contact-boxs-mainContent {
  
  flex: 1;
}

.section__contact-boxs  .list__contact-boxs h2 {
  
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}

.section__contact-boxs .list__contact-boxs .list__contact-boxs-icon {
  
  padding: 10px;
  font-size: 18px;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: var(--colorWhite);
  border-radius: 50%;
}

.section__contact-boxs .list__contact-boxs .list__contact-boxs-icon.suitcase {
  
  background: #dcfce7;
  color: #26aa57;
}

.section__contact-boxs .list__contact-boxs .list__contact-boxs-icon.dollar {
  
  background: #feeadb;
  color: #ef844f;
}

.section__contact-boxs .list__contact-boxs .list__contact-boxs-icon.phone {
  
  background: #dddbfe;
  color: #4f53ef;
}

.section__contact-boxs  .list__contact-boxs a {
  
  position: static;
}

.section__contact-boxs  .list__contact-boxs a:not(.button) {
  
  color: var(--link-color-main, #0078d4);
}

.section__contact-boxs  .list__contact-boxs a:after {
  
  content: '';
  position: absolute;
  inset: 0;
}

.successPanel {
  
  text-align: center;
  padding: 30px;
  

  & .title {
  
    font-size: 24px;
    margin: 20px;
    line-height: 1.2;
  }
  
  & .actionPanle {
    
    max-width: 600px;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    
    & > button , .button {
    
      flex: 1;
      min-width: 250px;
    } 
    
  }
  
  & .successImg {
    
    max-width: 300px;
    margin: auto;
    padding: 20px;
    opacity: .5;
    mix-blend-mode: darken;
  }

}


#howShamaElseFiledsGroup  {
  
  display: none;
}

body:has(select[name="howShama"] > option:last-child:checked) #howShamaElseFiledsGroup{
  
  display: block;
}