.elementor-16779 .elementor-element.elementor-element-cdb8d2b{--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-16779 .elementor-element.elementor-element-4fd4272{--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-16779 .elementor-element.elementor-element-4fd4272.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16779 .elementor-element.elementor-element-b7ea21c .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-16779 .elementor-element.elementor-element-b7ea21c .elementor-button:hover, .elementor-16779 .elementor-element.elementor-element-b7ea21c .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-16779 .elementor-element.elementor-element-b7ea21c .elementor-button:hover svg, .elementor-16779 .elementor-element.elementor-element-b7ea21c .elementor-button:focus svg{fill:#404140;}.elementor-16779 .elementor-element.elementor-element-b7ea21c.elementor-element{--align-self:center;}.elementor-16779 .elementor-element.elementor-element-bea7bf2{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-0bd56b9 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://petronourmehr.com/wp-content/uploads/2024/10/hd3840_2.webp);background-size:cover;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-0bd56b9 .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-0bd56b9 .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-0bd56b9 .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-d180d8c .swiper-slide-bg{background-color:#833ca3;background-image:url(https://petronourmehr.com/wp-content/uploads/2024/10/photo_2024-10-02_14-19-12_2.webp);background-size:cover;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-d180d8c .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-d180d8c .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-d180d8c .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-dac8243 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://petronourmehr.com/wp-content/uploads/2024/10/Untitled_2.webp);background-size:cover;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-dac8243 .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-dac8243 .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-dac8243 .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-508374c .swiper-slide-bg{background-color:#833ca3;background-image:url(https://petronourmehr.com/wp-content/uploads/2024/10/20220805_134457_2.webp);background-size:cover;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-508374c .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-508374c .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-508374c .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-febfedb .swiper-slide-bg{background-color:#833ca3;background-image:url(https://petronourmehr.com/wp-content/uploads/2024/10/20220805_134446_2.webp);background-size:cover;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-febfedb .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-febfedb .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .elementor-repeater-item-febfedb .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .swiper-slide{height:538px;transition-duration:calc(5000ms*1.2);}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .swiper-slide-contents{max-width:66%;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c .swiper-slide-inner{text-align:center;}.elementor-16779 .elementor-element.elementor-element-6eb1f4c > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-16779 .elementor-element.elementor-element-7b2d964{--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-16779 .elementor-element.elementor-element-7b2d964.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16779 .elementor-element.elementor-element-95d31d7{--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-16779 .elementor-element.elementor-element-5345af7{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16779 .elementor-element.elementor-element-62cee54{color:#555555;font-family:"Roboto", tahoma;font-size:1.1em;font-weight:400;}.elementor-16779 .elementor-element.elementor-element-4a4412f{--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-16779 .elementor-element.elementor-element-4a4412f:not(.elementor-motion-effects-element-type-background), .elementor-16779 .elementor-element.elementor-element-4a4412f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16779 .elementor-element.elementor-element-4a4412f, .elementor-16779 .elementor-element.elementor-element-4a4412f::before{--border-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-4a4412f.e-con{--align-self:flex-start;}.elementor-16779 .elementor-element.elementor-element-eb186f8{text-align:center;}.elementor-16779 .elementor-element.elementor-element-eb186f8 .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-16779 .elementor-element.elementor-element-1d21157 > .elementor-widget-container{padding:0px 20px 12px 20px;}.elementor-16779 .elementor-element.elementor-element-1d21157{width:100%;max-width:100%;}.elementor-16779 .elementor-element.elementor-element-abe7b34{--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-16779 .elementor-element.elementor-element-8955f02{--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-16779 .elementor-element.elementor-element-9245e1d{--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-16779 .elementor-element.elementor-element-9245e1d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16779 .elementor-element.elementor-element-a8c8bb2{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-513ac4b.elementor-element{--align-self:center;}.elementor-16779 .elementor-element.elementor-element-513ac4b > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:#B3B3B3;border-radius:0px 0px 0px 0px;}.elementor-16779 .elementor-element.elementor-element-5cfc775{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-5a1ebe5{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-8274b12{--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-16779 .elementor-element.elementor-element-54df3af{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16779 .elementor-element.elementor-element-023649d{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16779 .elementor-element.elementor-element-bec5c20 img{width:100%;}.elementor-16779 .elementor-element.elementor-element-caf5584{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-4b458f9{font-family:"Roboto", tahoma;font-weight:400;}.elementor-16779 .elementor-element.elementor-element-99f2c9e{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-90d9d10{font-family:"Roboto", tahoma;font-weight:400;}.elementor-16779 .elementor-element.elementor-element-4d4a404{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-78e43b4{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-d46b695{--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-16779 .elementor-element.elementor-element-d46b695:not(.elementor-motion-effects-element-type-background), .elementor-16779 .elementor-element.elementor-element-d46b695 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFD;}.elementor-16779 .elementor-element.elementor-element-d46b695, .elementor-16779 .elementor-element.elementor-element-d46b695::before{--border-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-d46b695.e-con{--align-self:center;}.elementor-16779 .elementor-element.elementor-element-ccd3823{text-align:center;}.elementor-16779 .elementor-element.elementor-element-ccd3823 .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-16779 .elementor-element.elementor-element-deff798 .elementor-field-group{padding-right:calc( 16px/2 );padding-left:calc( 16px/2 );margin-bottom:12px;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-form-fields-wrapper{margin-left:calc( -16px/2 );margin-right:calc( -16px/2 );margin-bottom:-12px;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-group > label, .elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-subgroup label{color:#7A7A7A;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-group > label{font-family:"Poppins", tahoma;font-weight:400;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-type-html{color:#7A7A7A;font-family:"Poppins", tahoma;font-weight:400;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-group .elementor-field{color:#101010;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-group .elementor-field, .elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-subgroup label{font-family:"Poppins", tahoma;font-weight:400;line-height:30px;}.elementor-16779 .elementor-element.elementor-element-deff798 .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-16779 .elementor-element.elementor-element-deff798 .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-16779 .elementor-element.elementor-element-deff798 .elementor-field-group .elementor-select-wrapper::before{color:#1C244B;}.elementor-16779 .elementor-element.elementor-element-deff798 .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-16779 .elementor-element.elementor-element-deff798 .e-form__buttons__wrapper__button-next{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-button[type="submit"]{background-color:#467FF7;color:var( --e-global-color-primary );border-color:#467FF7;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-16779 .elementor-element.elementor-element-deff798 .e-form__buttons__wrapper__button-previous{background-color:#EB713400;color:#1C244B;border-color:#1C244B;}.elementor-16779 .elementor-element.elementor-element-deff798 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-message{font-weight:400;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-message.elementor-message-success{color:#03FF85;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-message.elementor-message-danger{color:#000000;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-message.elementor-help-inline{color:#5D60ED;}.elementor-16779 .elementor-element.elementor-element-deff798 .e-form__indicators__indicator, .elementor-16779 .elementor-element.elementor-element-deff798 .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-16779 .elementor-element.elementor-element-deff798{--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-16779 .elementor-element.elementor-element-deff798 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16779 .elementor-element.elementor-element-deff798.elementor-element{--align-self:center;}.elementor-16779 .elementor-element.elementor-element-d3302b3{--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-16779 .elementor-element.elementor-element-d3302b3 > .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-16779 .elementor-element.elementor-element-d3302b3 > .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-16779 .elementor-element.elementor-element-d3302b3 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-16779 .elementor-element.elementor-element-d3302b3 > .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-16779 .elementor-element.elementor-element-d3302b3 > .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-16779 .elementor-element.elementor-element-d3302b3 > .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-16779 .elementor-element.elementor-element-338bb8e{--display:flex;--background-transition:0.3s;}.elementor-16779 .elementor-element.elementor-element-4182fe2 > .elementor-widget-container{padding:10px 10px 10px 10px;}@media(min-width:761px){.elementor-16779 .elementor-element.elementor-element-4fd4272{--width:48%;}}@media(max-width:1024px) and (min-width:761px){.elementor-16779 .elementor-element.elementor-element-4fd4272{--width:100%;}.elementor-16779 .elementor-element.elementor-element-4a4412f{--content-width:100%;}.elementor-16779 .elementor-element.elementor-element-9245e1d{--width:100%;}}@media(max-width:1024px){.elementor-16779 .elementor-element.elementor-element-6eb1f4c .swiper-slide{height:510px;}.elementor-16779 .elementor-element.elementor-element-5345af7{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-16779 .elementor-element.elementor-element-4a4412f{--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-16779 .elementor-element.elementor-element-eb186f8 .elementor-heading-title{font-size:25px;}.elementor-16779 .elementor-element.elementor-element-abe7b34{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-16779 .elementor-element.elementor-element-bec5c20 img{width:50%;height:60vh;}.elementor-16779 .elementor-element.elementor-element-d46b695{--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-16779 .elementor-element.elementor-element-ccd3823 .elementor-heading-title{font-size:25px;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-group .elementor-field, .elementor-16779 .elementor-element.elementor-element-deff798 .elementor-field-subgroup label{font-size:14px;line-height:2em;}.elementor-16779 .elementor-element.elementor-element-deff798 .elementor-button{font-size:14px;}.elementor-16779 .elementor-element.elementor-element-deff798 .e-form__indicators__indicator, .elementor-16779 .elementor-element.elementor-element-deff798 .e-form__indicators__indicator__label{font-size:14px;}.elementor-16779 .elementor-element.elementor-element-deff798 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16779 .elementor-element.elementor-element-d3302b3{--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-16779 .elementor-element.elementor-element-d3302b3.elementor-element{--align-self:center;}}@media(max-width:760px){.elementor-16779 .elementor-element.elementor-element-6eb1f4c .swiper-slide{height:320px;}.elementor-16779 .elementor-element.elementor-element-4a4412f{--padding-top:10%;--padding-bottom:10%;--padding-left:8%;--padding-right:8%;}.elementor-16779 .elementor-element.elementor-element-eb186f8 .elementor-heading-title{font-size:20px;}.elementor-16779 .elementor-element.elementor-element-1d21157 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16779 .elementor-element.elementor-element-abe7b34{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-16779 .elementor-element.elementor-element-bec5c20 img{width:100%;height:45vh;}.elementor-16779 .elementor-element.elementor-element-d46b695{--padding-top:10%;--padding-bottom:10%;--padding-left:8%;--padding-right:8%;}.elementor-16779 .elementor-element.elementor-element-ccd3823 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-c946409 */* {
    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-9ee0763 */.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 slides, class: .elementor-element-6eb1f4c */.elementor-16779 .elementor-element.elementor-element-6eb1f4c {
    overflow: hidden;
    border-radius: 15px
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-62cee54 */.elementor-16779 .elementor-element.elementor-element-62cee54 { 
    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-1d21157 */* {
  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 html, class: .elementor-element-75b0203 *//* ==== Container ==== */
.export-information {
    padding: 40px;
    background-color: #fff;
    border-radius: 15px;
    margin: 30px auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-width: 1140px;
    animation: fadeInUp 1s ease;
}

.export-information h2 {
    font-size: 28px;
    color: #2c3e50;
    text-align: center;
    font-weight: 700;
    margin-bottom: 35px;
    animation: fadeSlideDown 1s ease;
}

/* ==== Card ==== */
.export-card {
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 25px 30px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: transform 0.5s ease, box-shadow 0.4s ease;
}

.export-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

/* ==== Animated Line ==== */
.line-animated {
    position: absolute;
    top: 65px; /* دقیقاً زیر عنوان */
    left: 30px;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, #3D83FF, #7E61FF);
    border-radius: 3px;
    animation: lineGrow 1.5s ease forwards;
}

/* ==== Card Header & Text ==== */
.export-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #007BFF;
    margin-bottom: 20px;
    position: relative;
    animation: fadeSlideRight 1s ease;
    text-align: center
}

.export-card p {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #555 ;;
    margin-bottom: 20px;
    animation: fadeIn 1.2s ease;
}

/* ==== Table ==== */
.tech-specs-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    animation: tablePop 1s ease;
}

.tech-specs-table th, 
.tech-specs-table td {
    padding: 15px 18px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.tech-specs-table thead tr {
    background: linear-gradient(135deg, #3D83FF, #7E61FF);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.tech-specs-table tbody td {
    font-weight: 600;
    color: #333;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.tech-specs-table tbody tr:hover td {
    background-color: #eef3ff;
    transform: scale(1.01);
}

.button-link {
    text-decoration: none; /* حذف خط زیر لینک */
    display: inline-block; /* می‌توانید از block هم استفاده کنید */
}

.button-us {
    background: linear-gradient(180deg, #3D83FF, #7E61FF);
    color: white !important;
    font-size: 20px;
    border: none;
    border-radius: 30px;
    padding: 5px 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.button-text {
    display: inline-block;
    margin-right: 10px; 
    align-items: center;
    text-decoration: none !important;
    color: #fff;
    width: 100%;
    height: 100%;
}

.button-us:hover {
    color: black !important;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
    scale: 1.001;
}

.button-us .icon {
    width: 30px;
    height: 30px;
    transition: all 0.3s ease-in-out;
}

.button-us:hover {
    transform: scale(1.05);
    border-color: #fff9;
}

.button-us:hover .icon {
    transform: translate(4px);
}

/* ==== Animations ==== */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeSlideDown {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeSlideRight {
    0% { opacity: 0; transform: translateX(-15px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes lineGrow {
    0% { width: 0; opacity: 0; }
    100% { width: 80px; opacity: 1; }
}

@keyframes tablePop {
    0% { opacity: 0; transform: scale(0.97); }
    100% { opacity: 1; transform: scale(1); }
}

/* ==== Responsive ==== */
@media (max-width: 768px) {
    .export-information {
        padding: 25px;
    }
    .export-card {
        padding: 18px 20px;
    }
    .export-information h2 {
        font-size: 22px;
    }
    .tech-specs-table th, 
    .tech-specs-table td {
        font-size: 14px;
        padding: 10px 12px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a30887b */.elementor-16779 .elementor-element.elementor-element-a30887b 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-513ac4b */.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: 10px 10px;
  transform-origin: 4% %;
  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: -30px 0px;
  transform-origin: 8% 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 container, class: .elementor-element-a8c8bb2 */.elementor-16779 .elementor-element.elementor-element-a8c8bb2 { 
    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-2a50cc4 */.elementor-16779 .elementor-element.elementor-element-2a50cc4 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-5cfc775 */.elementor-16779 .elementor-element.elementor-element-5cfc775 { 
    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-726156b */.elementor-16779 .elementor-element.elementor-element-726156b 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-5a1ebe5 */.elementor-16779 .elementor-element.elementor-element-5a1ebe5 { 
    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-4b458f9 */.elementor-16779 .elementor-element.elementor-element-4b458f9 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-caf5584 */.elementor-16779 .elementor-element.elementor-element-caf5584 { 
    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-90d9d10 */.elementor-16779 .elementor-element.elementor-element-90d9d10 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-99f2c9e */.elementor-16779 .elementor-element.elementor-element-99f2c9e { 
    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-4d4a404 */.elementor-16779 .elementor-element.elementor-element-4d4a404 { 
    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-a30887b */.elementor-16779 .elementor-element.elementor-element-a30887b 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-513ac4b */.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: 10px 10px;
  transform-origin: 4% %;
  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: -30px 0px;
  transform-origin: 8% 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 container, class: .elementor-element-a8c8bb2 */.elementor-16779 .elementor-element.elementor-element-a8c8bb2 { 
    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-2a50cc4 */.elementor-16779 .elementor-element.elementor-element-2a50cc4 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-5cfc775 */.elementor-16779 .elementor-element.elementor-element-5cfc775 { 
    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-726156b */.elementor-16779 .elementor-element.elementor-element-726156b 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-5a1ebe5 */.elementor-16779 .elementor-element.elementor-element-5a1ebe5 { 
    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-4b458f9 */.elementor-16779 .elementor-element.elementor-element-4b458f9 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-caf5584 */.elementor-16779 .elementor-element.elementor-element-caf5584 { 
    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-90d9d10 */.elementor-16779 .elementor-element.elementor-element-90d9d10 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-99f2c9e */.elementor-16779 .elementor-element.elementor-element-99f2c9e { 
    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-4d4a404 */.elementor-16779 .elementor-element.elementor-element-4d4a404 { 
    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-a30887b */.elementor-16779 .elementor-element.elementor-element-a30887b 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-513ac4b */.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: 10px 10px;
  transform-origin: 4% %;
  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: -30px 0px;
  transform-origin: 8% 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 container, class: .elementor-element-a8c8bb2 */.elementor-16779 .elementor-element.elementor-element-a8c8bb2 { 
    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-2a50cc4 */.elementor-16779 .elementor-element.elementor-element-2a50cc4 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-5cfc775 */.elementor-16779 .elementor-element.elementor-element-5cfc775 { 
    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-726156b */.elementor-16779 .elementor-element.elementor-element-726156b 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-5a1ebe5 */.elementor-16779 .elementor-element.elementor-element-5a1ebe5 { 
    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-4b458f9 */.elementor-16779 .elementor-element.elementor-element-4b458f9 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-caf5584 */.elementor-16779 .elementor-element.elementor-element-caf5584 { 
    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-90d9d10 */.elementor-16779 .elementor-element.elementor-element-90d9d10 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-99f2c9e */.elementor-16779 .elementor-element.elementor-element-99f2c9e { 
    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-4d4a404 */.elementor-16779 .elementor-element.elementor-element-4d4a404 { 
    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-a30887b */.elementor-16779 .elementor-element.elementor-element-a30887b 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-513ac4b */.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: 10px 10px;
  transform-origin: 4% %;
  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: -30px 0px;
  transform-origin: 8% 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 container, class: .elementor-element-a8c8bb2 */.elementor-16779 .elementor-element.elementor-element-a8c8bb2 { 
    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-2a50cc4 */.elementor-16779 .elementor-element.elementor-element-2a50cc4 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-5cfc775 */.elementor-16779 .elementor-element.elementor-element-5cfc775 { 
    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-726156b */.elementor-16779 .elementor-element.elementor-element-726156b 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-5a1ebe5 */.elementor-16779 .elementor-element.elementor-element-5a1ebe5 { 
    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-4b458f9 */.elementor-16779 .elementor-element.elementor-element-4b458f9 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-caf5584 */.elementor-16779 .elementor-element.elementor-element-caf5584 { 
    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-90d9d10 */.elementor-16779 .elementor-element.elementor-element-90d9d10 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-99f2c9e */.elementor-16779 .elementor-element.elementor-element-99f2c9e { 
    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-4d4a404 */.elementor-16779 .elementor-element.elementor-element-4d4a404 { 
    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-a30887b */.elementor-16779 .elementor-element.elementor-element-a30887b 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-513ac4b */.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: 10px 10px;
  transform-origin: 4% %;
  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: -30px 0px;
  transform-origin: 8% 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 container, class: .elementor-element-a8c8bb2 */.elementor-16779 .elementor-element.elementor-element-a8c8bb2 { 
    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-2a50cc4 */.elementor-16779 .elementor-element.elementor-element-2a50cc4 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-5cfc775 */.elementor-16779 .elementor-element.elementor-element-5cfc775 { 
    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-726156b */.elementor-16779 .elementor-element.elementor-element-726156b 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-5a1ebe5 */.elementor-16779 .elementor-element.elementor-element-5a1ebe5 { 
    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-4b458f9 */.elementor-16779 .elementor-element.elementor-element-4b458f9 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-caf5584 */.elementor-16779 .elementor-element.elementor-element-caf5584 { 
    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-90d9d10 */.elementor-16779 .elementor-element.elementor-element-90d9d10 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-99f2c9e */.elementor-16779 .elementor-element.elementor-element-99f2c9e { 
    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-4d4a404 */.elementor-16779 .elementor-element.elementor-element-4d4a404 { 
    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-a30887b */.elementor-16779 .elementor-element.elementor-element-a30887b 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-513ac4b */.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: 10px 10px;
  transform-origin: 4% %;
  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: -30px 0px;
  transform-origin: 8% 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 container, class: .elementor-element-a8c8bb2 */.elementor-16779 .elementor-element.elementor-element-a8c8bb2 { 
    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-2a50cc4 */.elementor-16779 .elementor-element.elementor-element-2a50cc4 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-5cfc775 */.elementor-16779 .elementor-element.elementor-element-5cfc775 { 
    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-726156b */.elementor-16779 .elementor-element.elementor-element-726156b 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-5a1ebe5 */.elementor-16779 .elementor-element.elementor-element-5a1ebe5 { 
    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-4b458f9 */.elementor-16779 .elementor-element.elementor-element-4b458f9 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-caf5584 */.elementor-16779 .elementor-element.elementor-element-caf5584 { 
    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-90d9d10 */.elementor-16779 .elementor-element.elementor-element-90d9d10 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-99f2c9e */.elementor-16779 .elementor-element.elementor-element-99f2c9e { 
    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-4d4a404 */.elementor-16779 .elementor-element.elementor-element-4d4a404 { 
    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-a30887b */.elementor-16779 .elementor-element.elementor-element-a30887b 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-513ac4b */.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: 10px 10px;
  transform-origin: 4% %;
  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: -30px 0px;
  transform-origin: 8% 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 container, class: .elementor-element-a8c8bb2 */.elementor-16779 .elementor-element.elementor-element-a8c8bb2 { 
    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-2a50cc4 */.elementor-16779 .elementor-element.elementor-element-2a50cc4 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-5cfc775 */.elementor-16779 .elementor-element.elementor-element-5cfc775 { 
    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-726156b */.elementor-16779 .elementor-element.elementor-element-726156b 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-5a1ebe5 */.elementor-16779 .elementor-element.elementor-element-5a1ebe5 { 
    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-4b458f9 */.elementor-16779 .elementor-element.elementor-element-4b458f9 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-caf5584 */.elementor-16779 .elementor-element.elementor-element-caf5584 { 
    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-90d9d10 */.elementor-16779 .elementor-element.elementor-element-90d9d10 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-99f2c9e */.elementor-16779 .elementor-element.elementor-element-99f2c9e { 
    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-4d4a404 */.elementor-16779 .elementor-element.elementor-element-4d4a404 { 
    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-d3302b3 */.elementor-16779 .elementor-element.elementor-element-d3302b3 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-4182fe2 *//* ==== FAQ Section Styles ==== */
.faq-section * {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.faq-section {
    margin: 20px auto;
    padding: 2.5em;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    
}

.faq-section h1 {
    font-size: 2em;
    margin-bottom: 1.5em;
    text-align: center;
    color: #3D83FF;
    position: relative;
}

.faq-section h1::before {
    content: "\f059";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: -35px;
    top: 0;
    font-size: 1.5em;
    color: #3D83FF;
}

.faq-item {
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.faq-question h2 {
    font-size: 1.1em;
    color: #333;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.icon-faq {
    margin-right: 10px;
    color: #7E61FF;
    transition: transform 0.3s ease;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.35s ease;
    color: #555;
    padding-left: 1.8em;
    font-size: 1em;
    background-color: #F5F7FA;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-top: 0.5em;
    padding: 0;
}

.faq-checkbox {
    display: none;
}

.faq-checkbox:checked ~ .faq-answer {
    max-height: 400px;
    padding: 1em;
}

.faq-checkbox:checked ~ .faq-question h2 .icon-faq {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .faq-section {
        padding: 1.5em;
    }
    .faq-section h1 {
        font-size: 1.6em;
    }
    .faq-question h2 {
        font-size: 1em;
    }
}/* End custom CSS */