.elementor-16458 .elementor-element.elementor-element-f521baf{--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-16458 .elementor-element.elementor-element-c1a28bf{--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-16458 .elementor-element.elementor-element-c1a28bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16458 .elementor-element.elementor-element-c9711d6{--display:flex;--background-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-0bd56b9 .swiper-slide-bg{background-color:#833ca3;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-0bd56b9 .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-0bd56b9 .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-0bd56b9 .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-0893eaa .swiper-slide-bg{background-color:#4054b2;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-e811f3d .swiper-slide-bg{background-color:#1abc9c;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-d8c08b6 .swiper-slide-bg{background-color:#1abc9c;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-b1293a9 .swiper-slide-bg{background-color:#1abc9c;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-36eff9f .swiper-slide-bg{background-color:#1abc9c;}.elementor-16458 .elementor-element.elementor-element-091c215 .elementor-repeater-item-1dc1757 .swiper-slide-bg{background-color:#1abc9c;}.elementor-16458 .elementor-element.elementor-element-091c215 .swiper-slide{height:370px;transition-duration:calc(5000ms*1.2);}.elementor-16458 .elementor-element.elementor-element-091c215 .swiper-slide-contents{max-width:66%;}.elementor-16458 .elementor-element.elementor-element-091c215 .swiper-slide-inner{text-align:center;}.elementor-16458 .elementor-element.elementor-element-091c215 > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-16458 .elementor-element.elementor-element-3f0ae0c{--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-16458 .elementor-element.elementor-element-adb2d03{--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-16458 .elementor-element.elementor-element-adb2d03.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16458 .elementor-element.elementor-element-f5a8d55{--display:flex;--background-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-afe3c57.elementor-element{--align-self:center;}.elementor-16458 .elementor-element.elementor-element-e77bf55{--display:flex;--background-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-b955c7f{--display:flex;--background-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-e0a8c7c img{width:50%;}.elementor-16458 .elementor-element.elementor-element-0b5b58a{--display:flex;--background-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-959d991{--display:flex;--background-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-3f8683b{--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-16458 .elementor-element.elementor-element-3f8683b:not(.elementor-motion-effects-element-type-background), .elementor-16458 .elementor-element.elementor-element-3f8683b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFD;}.elementor-16458 .elementor-element.elementor-element-3f8683b, .elementor-16458 .elementor-element.elementor-element-3f8683b::before{--border-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-3f8683b.e-con{--align-self:center;}.elementor-16458 .elementor-element.elementor-element-ceeda70{text-align:center;}.elementor-16458 .elementor-element.elementor-element-ceeda70 .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-16458 .elementor-element.elementor-element-01548fe .elementor-field-group{padding-right:calc( 16px/2 );padding-left:calc( 16px/2 );margin-bottom:12px;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-form-fields-wrapper{margin-left:calc( -16px/2 );margin-right:calc( -16px/2 );margin-bottom:-12px;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-group.recaptcha_v3-bottomleft, .elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-group > label, .elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-subgroup label{color:#7A7A7A;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-group > label{font-family:"Poppins", tahoma;font-weight:400;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-type-html{color:#7A7A7A;font-family:"Poppins", tahoma;font-weight:400;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-group .elementor-field{color:#101010;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-group .elementor-field, .elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-subgroup label{font-family:"Poppins", tahoma;font-weight:400;line-height:30px;}.elementor-16458 .elementor-element.elementor-element-01548fe .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-16458 .elementor-element.elementor-element-01548fe .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-16458 .elementor-element.elementor-element-01548fe .elementor-field-group .elementor-select-wrapper::before{color:#1C244B;}.elementor-16458 .elementor-element.elementor-element-01548fe .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-16458 .elementor-element.elementor-element-01548fe .e-form__buttons__wrapper__button-next{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-button[type="submit"]{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-16458 .elementor-element.elementor-element-01548fe .e-form__buttons__wrapper__button-previous{background-color:#EB713400;color:#1C244B;border-color:#1C244B;}.elementor-16458 .elementor-element.elementor-element-01548fe .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-message{font-weight:400;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-message.elementor-message-success{color:#03FF85;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-message.elementor-message-danger{color:#000000;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-message.elementor-help-inline{color:#5D60ED;}.elementor-16458 .elementor-element.elementor-element-01548fe .e-form__indicators__indicator, .elementor-16458 .elementor-element.elementor-element-01548fe .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-16458 .elementor-element.elementor-element-01548fe{--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-16458 .elementor-element.elementor-element-01548fe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16458 .elementor-element.elementor-element-01548fe.elementor-element{--align-self:center;}.elementor-16458 .elementor-element.elementor-element-f0e834c{--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-16458 .elementor-element.elementor-element-f0e834c > .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-16458 .elementor-element.elementor-element-f0e834c > .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-16458 .elementor-element.elementor-element-f0e834c > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-16458 .elementor-element.elementor-element-f0e834c > .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-16458 .elementor-element.elementor-element-f0e834c > .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-16458 .elementor-element.elementor-element-f0e834c > .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;}.elementor-16458 .elementor-element.elementor-element-c770941{--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-16458 .elementor-element.elementor-element-d432162{--display:flex;--min-height:78vh;--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-16458 .elementor-element.elementor-element-d432162:not(.elementor-motion-effects-element-type-background), .elementor-16458 .elementor-element.elementor-element-d432162 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFD;}.elementor-16458 .elementor-element.elementor-element-d432162, .elementor-16458 .elementor-element.elementor-element-d432162::before{--border-transition:0.3s;}.elementor-16458 .elementor-element.elementor-element-d432162.e-con{--align-self:center;}.elementor-16458 .elementor-element.elementor-element-77eb14c{text-align:center;}.elementor-16458 .elementor-element.elementor-element-77eb14c .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-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group{padding-right:calc( 16px/2 );padding-left:calc( 16px/2 );margin-bottom:12px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-form-fields-wrapper{margin-left:calc( -16px/2 );margin-right:calc( -16px/2 );margin-bottom:-12px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group > label, .elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-subgroup label{color:#7A7A7A;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group > label{font-family:"Poppins", tahoma;font-weight:400;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-type-html{color:#7A7A7A;font-family:"Poppins", tahoma;font-weight:400;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group .elementor-field{color:#101010;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group .elementor-field, .elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-subgroup label{font-family:"Poppins", tahoma;font-weight:400;line-height:30px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .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-16458 .elementor-element.elementor-element-2b8dc71 .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-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group .elementor-select-wrapper::before{color:#1C244B;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .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-16458 .elementor-element.elementor-element-2b8dc71 .e-form__buttons__wrapper__button-next{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-button[type="submit"]{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .e-form__buttons__wrapper__button-previous{background-color:#EB713400;color:#1C244B;border-color:#1C244B;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-message{font-weight:400;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-message.elementor-message-success{color:#03FF85;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-message.elementor-message-danger{color:#000000;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-message.elementor-help-inline{color:#5D60ED;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .e-form__indicators__indicator, .elementor-16458 .elementor-element.elementor-element-2b8dc71 .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-16458 .elementor-element.elementor-element-2b8dc71{--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;width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71.elementor-element{--align-self:center;}@media(min-width:761px){.elementor-16458 .elementor-element.elementor-element-c1a28bf{--width:48%;}.elementor-16458 .elementor-element.elementor-element-adb2d03{--width:52.531%;}.elementor-16458 .elementor-element.elementor-element-c770941{--width:50%;}}@media(max-width:1024px) and (min-width:761px){.elementor-16458 .elementor-element.elementor-element-c1a28bf{--width:100%;}.elementor-16458 .elementor-element.elementor-element-adb2d03{--width:100%;}.elementor-16458 .elementor-element.elementor-element-c770941{--width:100%;}.elementor-16458 .elementor-element.elementor-element-d432162{--content-width:100%;}}@media(max-width:1024px){.elementor-16458 .elementor-element.elementor-element-e0a8c7c img{width:70%;height:70vh;}.elementor-16458 .elementor-element.elementor-element-3f8683b{--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-16458 .elementor-element.elementor-element-ceeda70 .elementor-heading-title{font-size:25px;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-group .elementor-field, .elementor-16458 .elementor-element.elementor-element-01548fe .elementor-field-subgroup label{font-size:14px;line-height:2em;}.elementor-16458 .elementor-element.elementor-element-01548fe .elementor-button{font-size:14px;}.elementor-16458 .elementor-element.elementor-element-01548fe .e-form__indicators__indicator, .elementor-16458 .elementor-element.elementor-element-01548fe .e-form__indicators__indicator__label{font-size:14px;}.elementor-16458 .elementor-element.elementor-element-01548fe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16458 .elementor-element.elementor-element-f0e834c{--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-16458 .elementor-element.elementor-element-f0e834c.elementor-element{--align-self:center;}.elementor-16458 .elementor-element.elementor-element-d432162{--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-16458 .elementor-element.elementor-element-77eb14c .elementor-heading-title{font-size:25px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-group .elementor-field, .elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-field-subgroup label{font-size:14px;line-height:2em;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .elementor-button{font-size:14px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 .e-form__indicators__indicator, .elementor-16458 .elementor-element.elementor-element-2b8dc71 .e-form__indicators__indicator__label{font-size:14px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:760px){.elementor-16458 .elementor-element.elementor-element-e0a8c7c img{width:100%;height:45vh;}.elementor-16458 .elementor-element.elementor-element-3f8683b{--padding-top:10%;--padding-bottom:10%;--padding-left:8%;--padding-right:8%;}.elementor-16458 .elementor-element.elementor-element-ceeda70 .elementor-heading-title{font-size:20px;}.elementor-16458 .elementor-element.elementor-element-d432162{--padding-top:10%;--padding-bottom:10%;--padding-left:8%;--padding-right:8%;}.elementor-16458 .elementor-element.elementor-element-77eb14c .elementor-heading-title{font-size:20px;}.elementor-16458 .elementor-element.elementor-element-2b8dc71{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-1224904 */.notification {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  height: 6rem;
  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: #F9FAFD;
  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.6rem;
  transition: transform 300ms ease;
  z-index: 5;
}

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

.notibody {
  color: #99999d;
  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%;
}

/* Media Query for Tablet */
@media (min-width: 511px) and (max-width: 1024px) {
  .notification {
    height: rem;
  }
}
@media (max-width: 510px) {
  .notification {
    height: 8rem; /* Adjust the height as needed for mobile */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a97397 */.notification2 {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  height: 16rem;
  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: #F9FAFD;
  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.6rem;
  transition: transform 300ms ease;
  z-index: 5;
}

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

.notibody2 {
  color: #99999d;
  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%;
}

/* Media Query for Tablet */
@media (min-width: 511px) and (max-width: 1024px) {
  .notification2 {
    height: 15rem;
  }
}
@media (max-width: 510px) {
  .notification2 {
    height: 21rem; /* Adjust the height as needed for mobile */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afe3c57 */.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 .imgpic {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 48% 51%;
  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 html, class: .elementor-element-afe3c57 */.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 .imgpic {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 48% 51%;
  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 html, class: .elementor-element-afe3c57 */.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 .imgpic {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 48% 51%;
  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 html, class: .elementor-element-afe3c57 */.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 .imgpic {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 48% 51%;
  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 html, class: .elementor-element-afe3c57 */.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 .imgpic {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0px 0px;
  object-position: 0px 0px;
  transform-origin: 48% 51%;
  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 */