.elementor-11050 .elementor-element.elementor-element-3142bfd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11050 .elementor-element.elementor-element-bdcba56{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11050 .elementor-element.elementor-element-e579062{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11050 .elementor-element.elementor-element-d403971 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11050 .elementor-element.elementor-element-616ed6a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11050 .elementor-element.elementor-element-35e6430{--display:flex;}.elementor-11050 .elementor-element.elementor-element-35e6430.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11050 .elementor-element.elementor-element-14710a8{--display:flex;}.elementor-11050 .elementor-element.elementor-element-4963660 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11050 .elementor-element.elementor-element-4963660.elementor-element{--align-self:flex-start;}@media(max-width:1024px){.elementor-11050 .elementor-element.elementor-element-4963660 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-11050 .elementor-element.elementor-element-e579062{--padding-top:0px;--padding-bottom:65px;--padding-left:0px;--padding-right:0px;}.elementor-11050 .elementor-element.elementor-element-4963660 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-11050 .elementor-element.elementor-element-35e6430{--width:30%;}.elementor-11050 .elementor-element.elementor-element-14710a8{--width:70%;}}/* Start custom CSS for html, class: .elementor-element-d403971 */.vertical-tabs {
  display: flex;
  max-width: 100%;
  align-items: flex-start; /* prevents tab buttons from stretching */
}

/* LEFT SIDE TABS */
.tab-buttons {
  display: flex;
  flex-direction: column;
  border: 0.1px solid #062a5d;
  width: 30%;
  flex-shrink: 0; /* prevents shrinking when content grows */
  border-radius: 5px;
}

/* INDIVIDUAL TAB BUTTON */
.tab-btn {
  background: #fff;
  color: #000;
  padding: 22px 20px;
  text-align: left;
  border: none;
  border-bottom: 1px solid #3f5a79;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease;
  border-radius: 0px;
  flex-grow: 0; /* prevent buttons from growing in height */
}

/* HOVER STATE */
.tab-btn:hover {
  background: #021349 !important;
  color: white;
  border-radius: 0px;
}

/* ACTIVE TAB STATE */
.tab-btn.active {
  background: #021349 !important;
  color: white !important;
  border-radius: 0px;
}

/* ARROW STYLE */
.tab-btn .arrow {
  font-size: 40px;
}

/* RIGHT SIDE CONTENT WRAPPER */
.tab-contents {
  padding: 20px;
  flex: 1;
  border-left: none;
}

/* CONTENT PANELS */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/* ARROW ICON COLOR ON HOVER & ACTIVE */
.tab-btn:hover .arrow-icon,
.tab-btn.active .arrow-icon {
  filter: brightness(0) invert(1);
}

/* TAB TITLE TEXT */
span.tab-title {
  font-size: 18px;
  font-weight: 700;
}

/* OPTIONAL: Make sure buttons never stretch with long content */
.tab-buttons .tab-btn {
  min-height: auto;
  max-height: none;
}
.tab-contents {
    padding: 20px;
    flex: 1;
    border-left: none;
    padding-left: 73px !important;
    padding-top: 0px;
    
}
ul.tab-unorder-list {
    color: black;
    line-height: 45px;
    margin-top: -8px;
    
    margin-left: -21px;
}
p.text-tab {
    line-height: 1.8em;
}
@media (max-width: 768px) {
  .vertical-tabs {
    flex-direction: column;
  }

  .tab-buttons {
    width: 100%;
    border: none;
  }

  .tab-btn {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: none;
    font-size: 16px;
    padding: 16px;
  }

  .tab-contents {
    width: 100%;
    padding: 0 16px;
    border-left: none;
  }

  .tab-content {
    display: none;
    padding: 10px 0;
    font-size:16px;
  }

  .tab-btn.active + .tab-content {
    display: block;
  }

  /* Optional: Add arrow rotation */
  .tab-btn .arrow-icon {
    transition: transform 0.3s ease;
  }

  .tab-btn.active .arrow-icon {
    transform: rotate(90deg);
  }
  ul.tab-unorder-list {
    color: black;
    line-height: 30px;
    margin-top: -8px;
    font-size:16px;
    
    margin-left: -16px;
}
}
span.mail-text:hover {
    text-decoration: underline;
}
button.tab-btn {
    background-color: white;
}
@media (max-width: 768px) {
    .tab-content {
    display: none;
  }
div#education {
    padding: 16px;
}
  .tab-content.active {
    display: block;
    padding: 10px 16px;
    font-size: 16px;
    background: #fff;
  }

  .tab-btn.active + .tab-content {
    display: block;
  }
  .vertical-tabs {
    flex-direction: column;
  }

  .tab-buttons {
    width: 100%;
    border: 0.1px solid #062a5d; /* Same as desktop */
  }

  .tab-btn {
    width: 100%;
    border-bottom: 1px solid #3f5a79; /* Same as desktop */
    font-size: 16px;
    padding: 16px;
  }

  .tab-contents {
    width: 100%;
    padding: 16px;
    border-left: none;
  }

  .tab-content {
    display: none;
    padding: 10px 0;
    font-size: 16px;
  }

  .tab-btn.active + .tab-content {
    display: block;
  }

  /* Optional: Add arrow rotation */
  .tab-btn .arrow-icon {
    transition: transform 0.3s ease;
  }

  .tab-btn.active .arrow-icon {
    transform: rotate(90deg);
  }

  ul.tab-unorder-list {
    color: black;
    line-height: 30px;
    margin-top: -8px;
    font-size: 16px;
    margin-left: -16px;
  }
}
button.tab-btn.buttom-border {
    border-radius: 0px 0px 5px 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4963660 */.arrow {
    display: inline-block;       /* Needed to rotate */
    transition: transform 0.3s;  /* Smooth rotation (optional) */
       /* Arrow size */
}

.arrow.left  { transform: rotate(180deg); } /* Flip left */
span.text {
    margin-bottom: -1.6px;
}/* End custom CSS */