.elementor-26 .elementor-element.elementor-element-d61bc00{--display:flex;}.elementor-26 .elementor-element.elementor-element-b3e57a7.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-e099805{--display:flex;}.elementor-26 .elementor-element.elementor-element-883fcc4.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-cc91d6e{--display:flex;}.elementor-26 .elementor-element.elementor-element-cc91d6e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-9fa798b.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-cc91d6e{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-cc91d6e{--width:100vw;--min-height:100vh;--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-26 .elementor-element.elementor-element-9fa798b{width:var( --container-widget-width, 100vw );max-width:100vw;--container-widget-width:100vw;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-9fa798b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-9fa798b.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-b3e57a7 */.header{
    display: flex;
   padding:15px 30px;
   background-color: rgba(230, 230, 230, 0.6);
   backdrop-filter: blur(5px);
   border-radius: 15px;
   position: fixed;
   margin-top:30px;
   z-index: 1000;
   left: 50%;
  transform: translateX(-50%);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  box-sizing: border-box;
}

a.button {
  color: #0D1B2A;
  font-family: "Poppins", serif;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  margin: 0px;
  text-decoration: none;
  margin-bottom: 0em;
  padding: 0px;
}

.button:hover{
    color: #01337c
}

.contact-me {
  font-weight: 600; 
}



.container-text{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    column-gap: 20px;
}

.contact-me{
    font-family: "Poppins", serif;
    color: #0D1B2A;
    font-weight: 400;
    font-size: 18px;
    padding: 10px 24px;
    border-radius: 10px;
    border:  1px #01337c;
    margin: 0px;
    background-color: rgba(1, 51, 124, 0.4);
}

.contact-me:hover{
    border-radius: 14px;
    animation: backwards;
    background-color: #01337c;
    color: #ededed;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-883fcc4 */.header-tablet{
    display: flex;
   padding:15px 30px;
   background-color: rgba(230, 230, 230, 0.6);
   backdrop-filter: blur(5px);
   border-radius: 15px;
   position: fixed;
   margin-top:30px;
   z-index: 1000;
   left: 50%;
  transform: translateX(-50%);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 700px;
  box-sizing: border-box;
}

a.button-tablet {
  color: #0D1B2A;
  font-family: "Poppins", serif;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  margin: 0px;
  text-decoration: none;
  margin-bottom: 0em;
  padding: 0px;
}

.button-tablet:hover{
    color: #01337c
}



.container-text-tablet{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    column-gap: 15px;
}

.contact-me-tablet{
    font-family: "Poppins", serif;
    color: #0D1B2A;
    font-weight: 400;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 6px;
    border: solid 1px #415A77;
    margin: 0px;
    background-color: rgba(230, 230, 230, 0.6);
}

.contact-me-tablet:hover{
    border-radius: 12px;
    animation: backwards;
    background-color: #415A77;
    color: #ededed;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fa798b */body{
    margin: 0;
}

a.btn {
  color: #01337c;
  font-family: "Poppins", serif;
  font-weight: 600;
  font-size: 24px;
  margin: 0px;
  text-decoration: none;
}

.off-screen-menu{
    background-color: white;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    max-width:767px;
    top: 0;
    position:fixed;
    padding-top: 120px;
    text-align: center;
    align-items: center;
    right: -767px;
    transition: .3s ease;
}

.off-screen-menu.active{
    right: 0;
}

.anchor{
    align-self: center;
}

.anchors{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.off-screen-menu.active {
    right: 0;
}

.nav{
    display: flex;
    background-color: #ededed;
    width: 100vw;
    padding: 16px 30px;
    margin: 0px;
    position: fixed;
}

.ham-menu {
    height: 50px;
    width: 40px;
    margin-left: auto;
    position: relative;
}

.ham-menu span {
    height: 5px;
    width: 100%;
    background-color: #01337c;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}

.ham-menu span:nth-child(1) {
    top: 25%;
}
.ham-menu span:nth-child(3) {
    top: 75%;
}
.ham-menu.active span {
    background-color: #01337c;
}
.ham-menu.active span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2) {
    opacity: 0;
}
.ham-menu.active span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}/* End custom CSS */