.elementor-17833 .elementor-element.elementor-element-d27540e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-a626cd9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-a626cd9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17833 .elementor-element.elementor-element-0d7c7f2 .elementor-button{font-family:"Roboto", tahoma;font-size:18px;font-weight:500;text-decoration:none;background-color:transparent;background-image:linear-gradient(180deg, #3D83FF 52%, #7E61FF 92%);transition-duration:0.2s;border-radius:30px 30px 30px 30px;padding:12px 35px 12px 35px;}.elementor-17833 .elementor-element.elementor-element-0d7c7f2 .elementor-button:hover, .elementor-17833 .elementor-element.elementor-element-0d7c7f2 .elementor-button:focus{color:#404140;background-color:transparent;background-image:linear-gradient(180deg, #2EADFF 6%, #7E61FF 80%);border-color:var( --e-global-color-primary );}.elementor-17833 .elementor-element.elementor-element-0d7c7f2 .elementor-button:hover svg, .elementor-17833 .elementor-element.elementor-element-0d7c7f2 .elementor-button:focus svg{fill:#404140;}.elementor-17833 .elementor-element.elementor-element-0d7c7f2.elementor-element{--align-self:center;}.elementor-17833 .elementor-element.elementor-element-fc7a4d7{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-96d2769 img{border-radius:20px 20px 20px 20px;}.elementor-17833 .elementor-element.elementor-element-6a3b569{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-6a3b569.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17833 .elementor-element.elementor-element-e91599e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17833 .elementor-element.elementor-element-5466252{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17833 .elementor-element.elementor-element-0355417{color:#555555;font-family:"Roboto", tahoma;font-size:1.1em;font-weight:400;}.elementor-17833 .elementor-element.elementor-element-cec4f73{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:center;--gap:16px 16px;--flex-wrap:wrap;--align-content:center;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.1);--padding-top:6%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-17833 .elementor-element.elementor-element-cec4f73:not(.elementor-motion-effects-element-type-background), .elementor-17833 .elementor-element.elementor-element-cec4f73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17833 .elementor-element.elementor-element-cec4f73, .elementor-17833 .elementor-element.elementor-element-cec4f73::before{--border-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-cec4f73.e-con{--align-self:flex-start;}.elementor-17833 .elementor-element.elementor-element-f588a87{text-align:center;}.elementor-17833 .elementor-element.elementor-element-f588a87 .elementor-heading-title{color:#1C244B;font-family:"Poppins", tahoma;font-size:27px;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}.elementor-17833 .elementor-element.elementor-element-db9fa1c > .elementor-widget-container{padding:0px 20px 12px 20px;}.elementor-17833 .elementor-element.elementor-element-db9fa1c{width:100%;max-width:100%;}.elementor-17833 .elementor-element.elementor-element-d48cde2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-c7acdb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-c7acdb6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17833 .elementor-element.elementor-element-e9b3268{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-844370c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-210e0f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-around;--align-items:center;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-cb6c243.elementor-element{--align-self:center;}.elementor-17833 .elementor-element.elementor-element-60a374a{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-3bd7ec8{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-1a44947{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17833 .elementor-element.elementor-element-96f1396{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17833 .elementor-element.elementor-element-096ce36{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-94f5956 img{width:100%;}.elementor-17833 .elementor-element.elementor-element-ee8f92e{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-9c8d2dc{font-family:"Roboto", tahoma;font-weight:400;}.elementor-17833 .elementor-element.elementor-element-bd56dd9{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-e1d6d38{font-family:"Roboto", tahoma;font-weight:400;}.elementor-17833 .elementor-element.elementor-element-cc798b2{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-3c78f62{font-family:"Roboto", tahoma;font-weight:400;}.elementor-17833 .elementor-element.elementor-element-3c258b9{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-a6bfedb{--display:flex;--background-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-de8515c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:center;--gap:16px 16px;--flex-wrap:wrap;--align-content:center;--background-transition:0.3s;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-17833 .elementor-element.elementor-element-de8515c:not(.elementor-motion-effects-element-type-background), .elementor-17833 .elementor-element.elementor-element-de8515c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFD;}.elementor-17833 .elementor-element.elementor-element-de8515c, .elementor-17833 .elementor-element.elementor-element-de8515c::before{--border-transition:0.3s;}.elementor-17833 .elementor-element.elementor-element-de8515c.e-con{--align-self:center;}.elementor-17833 .elementor-element.elementor-element-0575de8{text-align:center;}.elementor-17833 .elementor-element.elementor-element-0575de8 .elementor-heading-title{color:#1C244B;font-family:"Poppins", tahoma;font-size:36px;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group{padding-right:calc( 16px/2 );padding-left:calc( 16px/2 );margin-bottom:12px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-form-fields-wrapper{margin-left:calc( -16px/2 );margin-right:calc( -16px/2 );margin-bottom:-12px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group > label, .elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-subgroup label{color:#7A7A7A;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group > label{font-family:"Poppins", tahoma;font-weight:400;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-type-html{color:#7A7A7A;font-family:"Poppins", tahoma;font-weight:400;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group .elementor-field{color:#101010;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group .elementor-field, .elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-subgroup label{font-family:"Poppins", tahoma;font-weight:400;line-height:30px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#1C244B;border-width:1px 1px 1px 1px;border-radius:7px 7px 7px 7px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#1C244B;border-width:1px 1px 1px 1px;border-radius:7px 7px 7px 7px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group .elementor-select-wrapper::before{color:#1C244B;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-button{font-family:"Poppins", tahoma;font-size:18px;font-weight:600;line-height:150%;border-style:solid;border-width:1px 1px 1px 1px;border-radius:7px 7px 7px 7px;padding:12px 16px 12px 16px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .e-form__buttons__wrapper__button-next{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-button[type="submit"]{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-17833 .elementor-element.elementor-element-2535fdf .e-form__buttons__wrapper__button-previous{background-color:#EB713400;color:#1C244B;border-color:#1C244B;}.elementor-17833 .elementor-element.elementor-element-2535fdf .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-message{font-weight:400;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-message.elementor-message-success{color:#03FF85;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-message.elementor-message-danger{color:#000000;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-message.elementor-help-inline{color:#5D60ED;}.elementor-17833 .elementor-element.elementor-element-2535fdf .e-form__indicators__indicator, .elementor-17833 .elementor-element.elementor-element-2535fdf .e-form__indicators__indicator__label{font-family:"Poppins", tahoma;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-17833 .elementor-element.elementor-element-2535fdf{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#1C244B;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-primary-color:#1C244B;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:#1C244B;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-17833 .elementor-element.elementor-element-2535fdf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17833 .elementor-element.elementor-element-2535fdf.elementor-element{--align-self:center;}.elementor-17833 .elementor-element.elementor-element-6e2feef{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:4px;--n-tabs-gap:14px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:12px;--n-tabs-title-color:#FFFFFF;}.elementor-17833 .elementor-element.elementor-element-6e2feef > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){background:#0BA8E6;background-color:transparent;background-image:linear-gradient(180deg, #0BA8E6 0%, #0BA8E6 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-17833 .elementor-element.elementor-element-6e2feef > .elementor-widget-container > .e-n-tabs[data-touch-mode="false"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#171F2A;}.elementor-17833 .elementor-element.elementor-element-6e2feef > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17833 .elementor-element.elementor-element-6e2feef > .elementor-widget-container > .e-n-tabs[data-touch-mode="true"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#000000;background-color:transparent;background-image:linear-gradient(161deg, #000000 100%, #0BA8E6 29%);border-style:solid;border-width:0px 0px 0px 0px;box-shadow:1px 5px 18px 5px rgba(0,0,0,0.5);}.elementor-17833 .elementor-element.elementor-element-6e2feef > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Tahoma", tahoma;font-weight:bold;}.elementor-17833 .elementor-element.elementor-element-6e2feef > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ) :is( span, a, i ){-webkit-text-stroke-color:#000;stroke:#000;}@media(min-width:761px){.elementor-17833 .elementor-element.elementor-element-a626cd9{--width:48%;}}@media(max-width:1024px) and (min-width:761px){.elementor-17833 .elementor-element.elementor-element-a626cd9{--width:100%;}.elementor-17833 .elementor-element.elementor-element-cec4f73{--content-width:100%;}.elementor-17833 .elementor-element.elementor-element-c7acdb6{--width:100%;}}@media(max-width:1024px){.elementor-17833 .elementor-element.elementor-element-5466252{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-17833 .elementor-element.elementor-element-cec4f73{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:4%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-17833 .elementor-element.elementor-element-f588a87 .elementor-heading-title{font-size:25px;}.elementor-17833 .elementor-element.elementor-element-94f5956 img{width:50%;height:60vh;}.elementor-17833 .elementor-element.elementor-element-de8515c{--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-17833 .elementor-element.elementor-element-0575de8 .elementor-heading-title{font-size:25px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-group .elementor-field, .elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-field-subgroup label{font-size:14px;line-height:2em;}.elementor-17833 .elementor-element.elementor-element-2535fdf .elementor-button{font-size:14px;}.elementor-17833 .elementor-element.elementor-element-2535fdf .e-form__indicators__indicator, .elementor-17833 .elementor-element.elementor-element-2535fdf .e-form__indicators__indicator__label{font-size:14px;}.elementor-17833 .elementor-element.elementor-element-2535fdf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17833 .elementor-element.elementor-element-6e2feef{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;}.elementor-17833 .elementor-element.elementor-element-6e2feef.elementor-element{--align-self:center;}}@media(max-width:760px){.elementor-17833 .elementor-element.elementor-element-cec4f73{--padding-top:10%;--padding-bottom:10%;--padding-left:8%;--padding-right:8%;}.elementor-17833 .elementor-element.elementor-element-f588a87 .elementor-heading-title{font-size:20px;}.elementor-17833 .elementor-element.elementor-element-db9fa1c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17833 .elementor-element.elementor-element-844370c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17833 .elementor-element.elementor-element-210e0f5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17833 .elementor-element.elementor-element-94f5956 img{width:100%;height:45vh;}.elementor-17833 .elementor-element.elementor-element-de8515c{--padding-top:10%;--padding-bottom:10%;--padding-left:8%;--padding-right:8%;}.elementor-17833 .elementor-element.elementor-element-0575de8 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-d7d5434 */* {
    font-family: 'Roboto';
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f4f9;
    margin: 0;
    padding: 0;
    color: #333;
}

a {
    text-decoration: none !important;
}

a:hover { 

    color: red !important;
}

.notification2 {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  height: auto;
  background: #0BA8E6;
  border-radius: 1rem;
  overflow: hidden;
  font-family: 'Roboto', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 20px;
  --gradient: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  --color: #0BA8E6;
}

.notification2:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #FFF;
  z-index: 2
}

.notification2:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}

.notification2:hover:after {
  transform: translateX(0.15rem)
}

.notititle2 {
  color: #000;
  padding: 0.65rem 0.25rem 0.4rem 1.25rem;
  font-weight: 500;
  font-size: 1.3rem;
  transition: transform 300ms ease;
  z-index: 5;
}

.notification2:hover .notititle2 {
  transform: translateX(0.15rem)
}

.notibody2 {
  color: #6e6e73;
  font-size: 1.1rem;
  padding: 0 1.25rem;
  transition: transform 300ms ease;
  z-index: 5;
}

.notification2:hover .notibody2 {
  transform: translateX(0.25rem)
}

.notiglow2,
.notiborderglow2 {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
}

.notiglow2 {
  z-index: 3;
}

.notiborderglow2 {
  z-index: 1;
}

.notification2:hover .notiglow2 {
  opacity: 0.1
}

.notification2:hover .notiborderglow2 {
  opacity: 0.1
}

.note2 {
  color: var(--color);
  position: fixed;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.9rem;
  width: 75%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e30267 */.notification {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  height: auto;
  background: #0BA8E6;
  border-radius: 1rem;
  overflow: hidden;
  font-family: 'Roboto', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 20px;
  --gradient: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  --color: #0BA8E6
}

.notification:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #FFF;
  z-index: 2
}

.notification:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}

.notification:hover:after {
  transform: translateX(0.15rem)
}

.notititle {
  color: #000;
  padding: 0.65rem 0.25rem 0.4rem 1.25rem;
  font-weight: 500;
  font-size: 1.3rem;
  transition: transform 300ms ease;
  z-index: 5;
}

.notification:hover .notititle {
  transform: translateX(0.15rem)
}

.notibody {
  color: #6e6e73;
  font-size: 1.1rem;
  padding: 0 1.25rem;
  transition: transform 300ms ease;
  z-index: 5;
}

.notification:hover .notibody {
  transform: translateX(0.25rem)
}

.notiglow,
.notiborderglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
}

.notiglow {
  z-index: 3;
}

.notiborderglow {
  z-index: 1;
}

.notification:hover .notiglow {
  opacity: 0.1
}

.notification:hover .notiborderglow {
  opacity: 0.1
}

.note {
  color: var(--color);
  position: fixed;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.9rem;
  width: 75%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0355417 */.elementor-17833 .elementor-element.elementor-element-0355417 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
a {
    text-decoration: none !important;
    color: #0BA8E6;
}

a:hover { 

    color: red !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-db9fa1c */* {
  font-family: Nunito, sans-serif;
}

input#wpforms-12624-field_0 {
    border-radius: 10px;
}
input#wpforms-12624-field_0-last {
    border-radius: 10px;
}
input#wpforms-12624-field_1 {
    border-radius: 10px;
}

textarea#wpforms-12624-field_2 {
    border-radius: 10px;
}


button#wpforms-submit-12624 {
    display: block;
    width: 100%;
    height: 50px;
    /* padding: 0.6em; */
    text-align: center;
    border: none;
    border-radius: 25px;
    font-size: 1.2em;
    color: #fff;
    background: linear-gradient(135deg, #3D83FF, #7E61FF);
    cursor: pointer;
    transition: background 0.3s ease;
}
button#wpforms-submit-12624:hover {
    background: linear-gradient(135deg, #7E61FF, #3D83FF) !important;
    color: #404140 !important;
    transition: all .2s ease-in-out;
    transform: scale(1.04);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d34e91 */.elementor-17833 .elementor-element.elementor-element-0d34e91 p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb6c243 */.card {
  width: 280px;
  height: 280px;
  background: white;
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
  font-family:Roboto;
}

.card .mail {
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  background: transparent;
  border: none;
}

.card .mail svg {
  stroke: #0BA8E6;
  stroke-width: 3px;
}

.card .mail svg:hover {
  stroke: #f55d56;
}

.card .profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid #0BA8E6;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.card .profile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.card .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 5% 50%;
  transition: all 0.5s ease-in-out 0s;
}

.card .bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.card .bottom .content {
  position: absolute;
  bottom:9px;
  left: 1.5rem;
  right: 1.5rem;
  height: 160px;
}

.card .bottom .content .name {
  display: block;
  font-size: 1.3rem;
  color: white;
  margin-top:10px;
  font-weight: bold;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin-top: 1rem;
}

.card .bottom .bottom-bottom {
  position: absolute;
  bottom: .8rem;
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .bottom .bottom-bottom .social-links-container {
  display: flex;
  gap: 1rem;
}

.card .bottom .bottom-bottom .social-links-container svg {
  height: 20px;
  fill: white;
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
}

.card .bottom .bottom-bottom .social-links-container svg:hover {
  fill: #000;
  transform: scale(1.2);
}

.card .bottom .bottom-bottom .button {
  background: white;
  color: #0BA8E6;
  border: none;
  border-radius: 20px;
  font-size: 0.7rem;
  padding: 0.4rem 0.6rem;
  box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
}

.card .bottom .bottom-bottom .button:hover {
  background: black;
  color: white;
}

.card:hover {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.card:hover .profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid #0BA8E6;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.card:hover .profile-pic:hover {
  transform: scale(1.3);
  border-radius: 0px;
}

.card:hover .profile-pic img {
  transform: scale(2.5);
  -o-object-position: 0px 25px;
  object-position: 0px 25px;
  transition: all 0.5s ease-in-out 0.5s;
}

.card:hover .profile-pic svg {
  transform: scale(2.5);
  transition: all 0.5s ease-in-out 0.5s;
}
.icon-content a{
text-decoration:none;
display:inline-block;
position:absolute;
bottom:0rem;
list-style: none
}
.bottom-bottom .social-links-container .icon-content {
text-decoration:none;
list-style: none;
}

.bottom-bottom .social-links-container .icon-content a {
  position: relative;
  overflow: hidden;
  margin-bottom:-13px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  color:white;
}

.bottom-bottom .social-links-container .icon-content a:hover {
  box-shadow: 5px 5px 50px 5px rgb(0 0 0 / 50%);
}
.bottom-bottom .social-links-container a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.bottom-bottom .social-links-container .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9b3268 */.elementor-17833 .elementor-element.elementor-element-e9b3268 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c6be7e */.elementor-17833 .elementor-element.elementor-element-1c6be7e p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60a374a */.elementor-17833 .elementor-element.elementor-element-60a374a { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7ec8 */.elementor-17833 .elementor-element.elementor-element-3bd7ec8 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8f92e */.elementor-17833 .elementor-element.elementor-element-ee8f92e { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd56dd9 */.elementor-17833 .elementor-element.elementor-element-bd56dd9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc798b2 */.elementor-17833 .elementor-element.elementor-element-cc798b2 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c258b9 */.elementor-17833 .elementor-element.elementor-element-3c258b9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d34e91 */.elementor-17833 .elementor-element.elementor-element-0d34e91 p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb6c243 */.card {
  width: 280px;
  height: 280px;
  background: white;
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
  font-family:Roboto;
}

.card .mail {
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  background: transparent;
  border: none;
}

.card .mail svg {
  stroke: #0BA8E6;
  stroke-width: 3px;
}

.card .mail svg:hover {
  stroke: #f55d56;
}

.card .profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid #0BA8E6;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.card .profile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.card .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 5% 50%;
  transition: all 0.5s ease-in-out 0s;
}

.card .bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.card .bottom .content {
  position: absolute;
  bottom:9px;
  left: 1.5rem;
  right: 1.5rem;
  height: 160px;
}

.card .bottom .content .name {
  display: block;
  font-size: 1.3rem;
  color: white;
  margin-top:10px;
  font-weight: bold;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin-top: 1rem;
}

.card .bottom .bottom-bottom {
  position: absolute;
  bottom: .8rem;
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .bottom .bottom-bottom .social-links-container {
  display: flex;
  gap: 1rem;
}

.card .bottom .bottom-bottom .social-links-container svg {
  height: 20px;
  fill: white;
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
}

.card .bottom .bottom-bottom .social-links-container svg:hover {
  fill: #000;
  transform: scale(1.2);
}

.card .bottom .bottom-bottom .button {
  background: white;
  color: #0BA8E6;
  border: none;
  border-radius: 20px;
  font-size: 0.7rem;
  padding: 0.4rem 0.6rem;
  box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
}

.card .bottom .bottom-bottom .button:hover {
  background: black;
  color: white;
}

.card:hover {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.card:hover .profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid #0BA8E6;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.card:hover .profile-pic:hover {
  transform: scale(1.3);
  border-radius: 0px;
}

.card:hover .profile-pic img {
  transform: scale(2.5);
  -o-object-position: 0px 25px;
  object-position: 0px 25px;
  transition: all 0.5s ease-in-out 0.5s;
}

.card:hover .profile-pic svg {
  transform: scale(2.5);
  transition: all 0.5s ease-in-out 0.5s;
}
.icon-content a{
text-decoration:none;
display:inline-block;
position:absolute;
bottom:0rem;
list-style: none
}
.bottom-bottom .social-links-container .icon-content {
text-decoration:none;
list-style: none;
}

.bottom-bottom .social-links-container .icon-content a {
  position: relative;
  overflow: hidden;
  margin-bottom:-13px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  color:white;
}

.bottom-bottom .social-links-container .icon-content a:hover {
  box-shadow: 5px 5px 50px 5px rgb(0 0 0 / 50%);
}
.bottom-bottom .social-links-container a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.bottom-bottom .social-links-container .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9b3268 */.elementor-17833 .elementor-element.elementor-element-e9b3268 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c6be7e */.elementor-17833 .elementor-element.elementor-element-1c6be7e p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60a374a */.elementor-17833 .elementor-element.elementor-element-60a374a { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7ec8 */.elementor-17833 .elementor-element.elementor-element-3bd7ec8 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8f92e */.elementor-17833 .elementor-element.elementor-element-ee8f92e { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd56dd9 */.elementor-17833 .elementor-element.elementor-element-bd56dd9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc798b2 */.elementor-17833 .elementor-element.elementor-element-cc798b2 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c258b9 */.elementor-17833 .elementor-element.elementor-element-3c258b9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d34e91 */.elementor-17833 .elementor-element.elementor-element-0d34e91 p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb6c243 */.card {
  width: 280px;
  height: 280px;
  background: white;
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
  font-family:Roboto;
}

.card .mail {
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  background: transparent;
  border: none;
}

.card .mail svg {
  stroke: #0BA8E6;
  stroke-width: 3px;
}

.card .mail svg:hover {
  stroke: #f55d56;
}

.card .profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid #0BA8E6;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.card .profile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.card .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 5% 50%;
  transition: all 0.5s ease-in-out 0s;
}

.card .bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.card .bottom .content {
  position: absolute;
  bottom:9px;
  left: 1.5rem;
  right: 1.5rem;
  height: 160px;
}

.card .bottom .content .name {
  display: block;
  font-size: 1.3rem;
  color: white;
  margin-top:10px;
  font-weight: bold;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin-top: 1rem;
}

.card .bottom .bottom-bottom {
  position: absolute;
  bottom: .8rem;
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .bottom .bottom-bottom .social-links-container {
  display: flex;
  gap: 1rem;
}

.card .bottom .bottom-bottom .social-links-container svg {
  height: 20px;
  fill: white;
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
}

.card .bottom .bottom-bottom .social-links-container svg:hover {
  fill: #000;
  transform: scale(1.2);
}

.card .bottom .bottom-bottom .button {
  background: white;
  color: #0BA8E6;
  border: none;
  border-radius: 20px;
  font-size: 0.7rem;
  padding: 0.4rem 0.6rem;
  box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
}

.card .bottom .bottom-bottom .button:hover {
  background: black;
  color: white;
}

.card:hover {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.card:hover .profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid #0BA8E6;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.card:hover .profile-pic:hover {
  transform: scale(1.3);
  border-radius: 0px;
}

.card:hover .profile-pic img {
  transform: scale(2.5);
  -o-object-position: 0px 25px;
  object-position: 0px 25px;
  transition: all 0.5s ease-in-out 0.5s;
}

.card:hover .profile-pic svg {
  transform: scale(2.5);
  transition: all 0.5s ease-in-out 0.5s;
}
.icon-content a{
text-decoration:none;
display:inline-block;
position:absolute;
bottom:0rem;
list-style: none
}
.bottom-bottom .social-links-container .icon-content {
text-decoration:none;
list-style: none;
}

.bottom-bottom .social-links-container .icon-content a {
  position: relative;
  overflow: hidden;
  margin-bottom:-13px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  color:white;
}

.bottom-bottom .social-links-container .icon-content a:hover {
  box-shadow: 5px 5px 50px 5px rgb(0 0 0 / 50%);
}
.bottom-bottom .social-links-container a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.bottom-bottom .social-links-container .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9b3268 */.elementor-17833 .elementor-element.elementor-element-e9b3268 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c6be7e */.elementor-17833 .elementor-element.elementor-element-1c6be7e p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60a374a */.elementor-17833 .elementor-element.elementor-element-60a374a { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7ec8 */.elementor-17833 .elementor-element.elementor-element-3bd7ec8 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8f92e */.elementor-17833 .elementor-element.elementor-element-ee8f92e { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd56dd9 */.elementor-17833 .elementor-element.elementor-element-bd56dd9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc798b2 */.elementor-17833 .elementor-element.elementor-element-cc798b2 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c258b9 */.elementor-17833 .elementor-element.elementor-element-3c258b9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d34e91 */.elementor-17833 .elementor-element.elementor-element-0d34e91 p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb6c243 */.card {
  width: 280px;
  height: 280px;
  background: white;
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
  font-family:Roboto;
}

.card .mail {
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  background: transparent;
  border: none;
}

.card .mail svg {
  stroke: #0BA8E6;
  stroke-width: 3px;
}

.card .mail svg:hover {
  stroke: #f55d56;
}

.card .profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid #0BA8E6;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.card .profile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.card .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 5% 50%;
  transition: all 0.5s ease-in-out 0s;
}

.card .bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.card .bottom .content {
  position: absolute;
  bottom:9px;
  left: 1.5rem;
  right: 1.5rem;
  height: 160px;
}

.card .bottom .content .name {
  display: block;
  font-size: 1.3rem;
  color: white;
  margin-top:10px;
  font-weight: bold;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin-top: 1rem;
}

.card .bottom .bottom-bottom {
  position: absolute;
  bottom: .8rem;
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .bottom .bottom-bottom .social-links-container {
  display: flex;
  gap: 1rem;
}

.card .bottom .bottom-bottom .social-links-container svg {
  height: 20px;
  fill: white;
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
}

.card .bottom .bottom-bottom .social-links-container svg:hover {
  fill: #000;
  transform: scale(1.2);
}

.card .bottom .bottom-bottom .button {
  background: white;
  color: #0BA8E6;
  border: none;
  border-radius: 20px;
  font-size: 0.7rem;
  padding: 0.4rem 0.6rem;
  box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
}

.card .bottom .bottom-bottom .button:hover {
  background: black;
  color: white;
}

.card:hover {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.card:hover .profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid #0BA8E6;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.card:hover .profile-pic:hover {
  transform: scale(1.3);
  border-radius: 0px;
}

.card:hover .profile-pic img {
  transform: scale(2.5);
  -o-object-position: 0px 25px;
  object-position: 0px 25px;
  transition: all 0.5s ease-in-out 0.5s;
}

.card:hover .profile-pic svg {
  transform: scale(2.5);
  transition: all 0.5s ease-in-out 0.5s;
}
.icon-content a{
text-decoration:none;
display:inline-block;
position:absolute;
bottom:0rem;
list-style: none
}
.bottom-bottom .social-links-container .icon-content {
text-decoration:none;
list-style: none;
}

.bottom-bottom .social-links-container .icon-content a {
  position: relative;
  overflow: hidden;
  margin-bottom:-13px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  color:white;
}

.bottom-bottom .social-links-container .icon-content a:hover {
  box-shadow: 5px 5px 50px 5px rgb(0 0 0 / 50%);
}
.bottom-bottom .social-links-container a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.bottom-bottom .social-links-container .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9b3268 */.elementor-17833 .elementor-element.elementor-element-e9b3268 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c6be7e */.elementor-17833 .elementor-element.elementor-element-1c6be7e p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60a374a */.elementor-17833 .elementor-element.elementor-element-60a374a { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7ec8 */.elementor-17833 .elementor-element.elementor-element-3bd7ec8 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8f92e */.elementor-17833 .elementor-element.elementor-element-ee8f92e { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd56dd9 */.elementor-17833 .elementor-element.elementor-element-bd56dd9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc798b2 */.elementor-17833 .elementor-element.elementor-element-cc798b2 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c258b9 */.elementor-17833 .elementor-element.elementor-element-3c258b9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d34e91 */.elementor-17833 .elementor-element.elementor-element-0d34e91 p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb6c243 */.card {
  width: 280px;
  height: 280px;
  background: white;
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
  font-family:Roboto;
}

.card .mail {
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  background: transparent;
  border: none;
}

.card .mail svg {
  stroke: #0BA8E6;
  stroke-width: 3px;
}

.card .mail svg:hover {
  stroke: #f55d56;
}

.card .profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid #0BA8E6;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.card .profile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.card .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 5% 50%;
  transition: all 0.5s ease-in-out 0s;
}

.card .bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.card .bottom .content {
  position: absolute;
  bottom:9px;
  left: 1.5rem;
  right: 1.5rem;
  height: 160px;
}

.card .bottom .content .name {
  display: block;
  font-size: 1.3rem;
  color: white;
  margin-top:10px;
  font-weight: bold;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin-top: 1rem;
}

.card .bottom .bottom-bottom {
  position: absolute;
  bottom: .8rem;
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .bottom .bottom-bottom .social-links-container {
  display: flex;
  gap: 1rem;
}

.card .bottom .bottom-bottom .social-links-container svg {
  height: 20px;
  fill: white;
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
}

.card .bottom .bottom-bottom .social-links-container svg:hover {
  fill: #000;
  transform: scale(1.2);
}

.card .bottom .bottom-bottom .button {
  background: white;
  color: #0BA8E6;
  border: none;
  border-radius: 20px;
  font-size: 0.7rem;
  padding: 0.4rem 0.6rem;
  box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
}

.card .bottom .bottom-bottom .button:hover {
  background: black;
  color: white;
}

.card:hover {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.card:hover .profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid #0BA8E6;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.card:hover .profile-pic:hover {
  transform: scale(1.3);
  border-radius: 0px;
}

.card:hover .profile-pic img {
  transform: scale(2.5);
  -o-object-position: 0px 25px;
  object-position: 0px 25px;
  transition: all 0.5s ease-in-out 0.5s;
}

.card:hover .profile-pic svg {
  transform: scale(2.5);
  transition: all 0.5s ease-in-out 0.5s;
}
.icon-content a{
text-decoration:none;
display:inline-block;
position:absolute;
bottom:0rem;
list-style: none
}
.bottom-bottom .social-links-container .icon-content {
text-decoration:none;
list-style: none;
}

.bottom-bottom .social-links-container .icon-content a {
  position: relative;
  overflow: hidden;
  margin-bottom:-13px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  color:white;
}

.bottom-bottom .social-links-container .icon-content a:hover {
  box-shadow: 5px 5px 50px 5px rgb(0 0 0 / 50%);
}
.bottom-bottom .social-links-container a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.bottom-bottom .social-links-container .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9b3268 */.elementor-17833 .elementor-element.elementor-element-e9b3268 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c6be7e */.elementor-17833 .elementor-element.elementor-element-1c6be7e p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60a374a */.elementor-17833 .elementor-element.elementor-element-60a374a { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7ec8 */.elementor-17833 .elementor-element.elementor-element-3bd7ec8 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8f92e */.elementor-17833 .elementor-element.elementor-element-ee8f92e { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd56dd9 */.elementor-17833 .elementor-element.elementor-element-bd56dd9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc798b2 */.elementor-17833 .elementor-element.elementor-element-cc798b2 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c258b9 */.elementor-17833 .elementor-element.elementor-element-3c258b9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d34e91 */.elementor-17833 .elementor-element.elementor-element-0d34e91 p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb6c243 */.card {
  width: 280px;
  height: 280px;
  background: white;
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
  font-family:Roboto;
}

.card .mail {
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  background: transparent;
  border: none;
}

.card .mail svg {
  stroke: #0BA8E6;
  stroke-width: 3px;
}

.card .mail svg:hover {
  stroke: #f55d56;
}

.card .profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid #0BA8E6;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.card .profile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.card .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 5% 50%;
  transition: all 0.5s ease-in-out 0s;
}

.card .bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.card .bottom .content {
  position: absolute;
  bottom:9px;
  left: 1.5rem;
  right: 1.5rem;
  height: 160px;
}

.card .bottom .content .name {
  display: block;
  font-size: 1.3rem;
  color: white;
  margin-top:10px;
  font-weight: bold;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin-top: 1rem;
}

.card .bottom .bottom-bottom {
  position: absolute;
  bottom: .8rem;
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .bottom .bottom-bottom .social-links-container {
  display: flex;
  gap: 1rem;
}

.card .bottom .bottom-bottom .social-links-container svg {
  height: 20px;
  fill: white;
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
}

.card .bottom .bottom-bottom .social-links-container svg:hover {
  fill: #000;
  transform: scale(1.2);
}

.card .bottom .bottom-bottom .button {
  background: white;
  color: #0BA8E6;
  border: none;
  border-radius: 20px;
  font-size: 0.7rem;
  padding: 0.4rem 0.6rem;
  box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
}

.card .bottom .bottom-bottom .button:hover {
  background: black;
  color: white;
}

.card:hover {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.card:hover .profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid #0BA8E6;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.card:hover .profile-pic:hover {
  transform: scale(1.3);
  border-radius: 0px;
}

.card:hover .profile-pic img {
  transform: scale(2.5);
  -o-object-position: 0px 25px;
  object-position: 0px 25px;
  transition: all 0.5s ease-in-out 0.5s;
}

.card:hover .profile-pic svg {
  transform: scale(2.5);
  transition: all 0.5s ease-in-out 0.5s;
}
.icon-content a{
text-decoration:none;
display:inline-block;
position:absolute;
bottom:0rem;
list-style: none
}
.bottom-bottom .social-links-container .icon-content {
text-decoration:none;
list-style: none;
}

.bottom-bottom .social-links-container .icon-content a {
  position: relative;
  overflow: hidden;
  margin-bottom:-13px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  color:white;
}

.bottom-bottom .social-links-container .icon-content a:hover {
  box-shadow: 5px 5px 50px 5px rgb(0 0 0 / 50%);
}
.bottom-bottom .social-links-container a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.bottom-bottom .social-links-container .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9b3268 */.elementor-17833 .elementor-element.elementor-element-e9b3268 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c6be7e */.elementor-17833 .elementor-element.elementor-element-1c6be7e p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60a374a */.elementor-17833 .elementor-element.elementor-element-60a374a { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7ec8 */.elementor-17833 .elementor-element.elementor-element-3bd7ec8 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8f92e */.elementor-17833 .elementor-element.elementor-element-ee8f92e { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd56dd9 */.elementor-17833 .elementor-element.elementor-element-bd56dd9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc798b2 */.elementor-17833 .elementor-element.elementor-element-cc798b2 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c258b9 */.elementor-17833 .elementor-element.elementor-element-3c258b9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d34e91 */.elementor-17833 .elementor-element.elementor-element-0d34e91 p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb6c243 */.card {
  width: 280px;
  height: 280px;
  background: white;
  border-radius: 32px;
  padding: 3px;
  position: relative;
  box-shadow: #604b4a30 0px 70px 30px -50px;
  transition: all 0.5s ease-in-out;
  font-family:Roboto;
}

.card .mail {
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  background: transparent;
  border: none;
}

.card .mail svg {
  stroke: #0BA8E6;
  stroke-width: 3px;
}

.card .mail svg:hover {
  stroke: #f55d56;
}

.card .profile-pic {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border-radius: 29px;
  z-index: 1;
  border: 0px solid #0BA8E6;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s;
}

.card .profile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transition: all 0.5s ease-in-out 0s;
}

.card .profile-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 5% 50%;
  transition: all 0.5s ease-in-out 0s;
}

.card .bottom {
  position: absolute;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  top: 80%;
  border-radius: 29px;
  z-index: 2;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px inset;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.card .bottom .content {
  position: absolute;
  bottom:9px;
  left: 1.5rem;
  right: 1.5rem;
  height: 160px;
}

.card .bottom .content .name {
  display: block;
  font-size: 1.3rem;
  color: white;
  margin-top:10px;
  font-weight: bold;
}

.card .bottom .content .about-me {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin-top: 1rem;
}

.card .bottom .bottom-bottom {
  position: absolute;
  bottom: .8rem;
  left: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .bottom .bottom-bottom .social-links-container {
  display: flex;
  gap: 1rem;
}

.card .bottom .bottom-bottom .social-links-container svg {
  height: 20px;
  fill: white;
  filter: drop-shadow(0 5px 5px rgba(165, 132, 130, 0.1333333333));
}

.card .bottom .bottom-bottom .social-links-container svg:hover {
  fill: #000;
  transform: scale(1.2);
}

.card .bottom .bottom-bottom .button {
  background: white;
  color: #0BA8E6;
  border: none;
  border-radius: 20px;
  font-size: 0.7rem;
  padding: 0.4rem 0.6rem;
  box-shadow: rgba(165, 132, 130, 0.1333333333) 0px 5px 5px 0px;
}

.card .bottom .bottom-bottom .button:hover {
  background: black;
  color: white;
}

.card:hover {
  border-top-left-radius: 55px;
}

.card:hover .bottom {
  top: 20%;
  border-radius: 80px 29px 29px 29px;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.card:hover .profile-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  z-index: 3;
  border: 7px solid #0BA8E6;
  box-shadow: rgba(96, 75, 74, 0.1882352941) 0px 5px 5px 0px;
  transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s;
}

.card:hover .profile-pic:hover {
  transform: scale(1.3);
  border-radius: 0px;
}

.card:hover .profile-pic img {
  transform: scale(2.5);
  -o-object-position: 0px 25px;
  object-position: 0px 25px;
  transition: all 0.5s ease-in-out 0.5s;
}

.card:hover .profile-pic svg {
  transform: scale(2.5);
  transition: all 0.5s ease-in-out 0.5s;
}
.icon-content a{
text-decoration:none;
display:inline-block;
position:absolute;
bottom:0rem;
list-style: none
}
.bottom-bottom .social-links-container .icon-content {
text-decoration:none;
list-style: none;
}

.bottom-bottom .social-links-container .icon-content a {
  position: relative;
  overflow: hidden;
  margin-bottom:-13px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  color:white;
}

.bottom-bottom .social-links-container .icon-content a:hover {
  box-shadow: 5px 5px 50px 5px rgb(0 0 0 / 50%);
}
.bottom-bottom .social-links-container a svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.bottom-bottom .social-links-container .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: -50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9b3268 */.elementor-17833 .elementor-element.elementor-element-e9b3268 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c6be7e */.elementor-17833 .elementor-element.elementor-element-1c6be7e p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60a374a */.elementor-17833 .elementor-element.elementor-element-60a374a { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd7ec8 */.elementor-17833 .elementor-element.elementor-element-3bd7ec8 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee8f92e */.elementor-17833 .elementor-element.elementor-element-ee8f92e { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd56dd9 */.elementor-17833 .elementor-element.elementor-element-bd56dd9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc798b2 */.elementor-17833 .elementor-element.elementor-element-cc798b2 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c258b9 */.elementor-17833 .elementor-element.elementor-element-3c258b9 { 
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-6e2feef */.elementor-17833 .elementor-element.elementor-element-6e2feef p, ul, ol {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;
}
@media only screen and (max-width:488px){
    h5{
        text-align:center !important;
    }
}/* End custom CSS */