.elementor-2439 .elementor-element.elementor-element-442f53f{--display:flex;--min-height:6px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2439 .elementor-element.elementor-element-442f53f:not(.elementor-motion-effects-element-type-background), .elementor-2439 .elementor-element.elementor-element-442f53f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1847FF 0%, #f2295b 100%);}.elementor-2439 .elementor-element.elementor-element-893d3bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2439 .elementor-element.elementor-element-62b5cb0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:64px;}.elementor-2439 .elementor-element.elementor-element-62b5cb0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-c089ea3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor1 );transition:color 0.3s;}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor1 );transition:fill 0.3s;}.elementor-2439 .elementor-element.elementor-element-c089ea3{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-icon{padding-inline-end:11px;}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-item > a{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3px;}.elementor-2439 .elementor-element.elementor-element-c089ea3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2439 .elementor-element.elementor-element-133dbb6{width:var( --container-widget-width, 101.764% );max-width:101.764%;--container-widget-width:101.764%;--container-widget-flex-grow:0;text-align:start;}.elementor-2439 .elementor-element.elementor-element-133dbb6 > .elementor-widget-container{margin:4px 0px 4px 0px;}.elementor-2439 .elementor-element.elementor-element-133dbb6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-133dbb6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-133dbb6 .elementor-heading-title{font-size:50px;line-height:1.3em;color:#FFFFFF;}.elementor-2439 .elementor-element.elementor-element-005e5ba.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-005e5ba{text-align:start;color:#FFFFFF;}.elementor-2439 .elementor-element.elementor-element-bf81d75{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-14c4bb5 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );border-style:solid;border-width:0px 0px 0px 0px;}.elementor-2439 .elementor-element.elementor-element-14c4bb5 .elementor-button:hover, .elementor-2439 .elementor-element.elementor-element-14c4bb5 .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor1 );color:var( --e-global-color-astglobalcolor2 );}.elementor-2439 .elementor-element.elementor-element-14c4bb5{width:auto;max-width:auto;}.elementor-2439 .elementor-element.elementor-element-14c4bb5 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-2439 .elementor-element.elementor-element-14c4bb5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-14c4bb5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2439 .elementor-element.elementor-element-14c4bb5 .elementor-button:hover svg, .elementor-2439 .elementor-element.elementor-element-14c4bb5 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-2439 .elementor-element.elementor-element-a1e496d{--display:flex;--min-height:6px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2439 .elementor-element.elementor-element-74fa795{--display:flex;--min-height:393px;--border-radius:14px 14px 14px 14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-74fa795:hover{--border-radius:14px 14px 14px 14px;--border-top-left-radius:14px;--border-top-right-radius:14px;--border-bottom-right-radius:14px;--border-bottom-left-radius:14px;}.elementor-2439 .elementor-element.elementor-element-74fa795, .elementor-2439 .elementor-element.elementor-element-74fa795::before{--border-transition:0.3s;}.elementor-2439 .elementor-element.elementor-element-74fa795.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-b66e941{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2439 .elementor-element.elementor-element-b66e941.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-938df41{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2439 .elementor-element.elementor-element-39c10ef{--display:flex;}.elementor-2439 .elementor-element.elementor-element-99943c6{width:var( --container-widget-width, 97.5% );max-width:97.5%;--container-widget-width:97.5%;--container-widget-flex-grow:0;}.elementor-2439 .elementor-element.elementor-element-99943c6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-99943c6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-f52390a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2439 .elementor-element.elementor-element-f52390a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-85f3a3d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-52b4384{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2439 .elementor-element.elementor-element-52b4384.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-6762756.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-7eb6700{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2439 .elementor-element.elementor-element-8f2b997{--display:flex;}.elementor-2439 .elementor-element.elementor-element-74b5857{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2439 .elementor-element.elementor-element-538157c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2439 .elementor-element.elementor-element-538157c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-ee83c7e{--display:flex;}.elementor-2439 .elementor-element.elementor-element-03f99c8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-d101219{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2439 .elementor-element.elementor-element-36b5083{--display:flex;--border-radius:14px 14px 14px 14px;}.elementor-2439 .elementor-element.elementor-element-36b5083:not(.elementor-motion-effects-element-type-background), .elementor-2439 .elementor-element.elementor-element-36b5083 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-2439 .elementor-element.elementor-element-b320f13{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-b320f13.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-e816e1b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-e816e1b .elementor-image-box-title{margin-bottom:8px;line-height:1em;letter-spacing:2px;}.elementor-2439 .elementor-element.elementor-element-e816e1b .elementor-image-box-description{font-size:18px;line-height:1.6em;}.elementor-2439 .elementor-element.elementor-element-e373537 .elementor-button{background-color:#00000000;fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );padding:0px 0px 0px 0px;}.elementor-2439 .elementor-element.elementor-element-e373537.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-e373537 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2439 .elementor-element.elementor-element-e373537 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-2439 .elementor-element.elementor-element-e373537 .elementor-button:hover, .elementor-2439 .elementor-element.elementor-element-e373537 .elementor-button:focus{color:var( --e-global-color-astglobalcolor2 );}.elementor-2439 .elementor-element.elementor-element-e373537 .elementor-button:hover svg, .elementor-2439 .elementor-element.elementor-element-e373537 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-2439 .elementor-element.elementor-element-85a1d8a{--display:flex;--border-radius:14px 14px 14px 14px;}.elementor-2439 .elementor-element.elementor-element-85a1d8a:not(.elementor-motion-effects-element-type-background), .elementor-2439 .elementor-element.elementor-element-85a1d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-2439 .elementor-element.elementor-element-ada3188{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-ada3188.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-22a4a4b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-22a4a4b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-1ca944a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-1ca944a .elementor-image-box-title{margin-bottom:8px;line-height:1em;letter-spacing:2px;}.elementor-2439 .elementor-element.elementor-element-1ca944a .elementor-image-box-description{font-size:18px;line-height:1.6em;}.elementor-2439 .elementor-element.elementor-element-0400f60{--display:flex;--border-radius:14px 14px 14px 14px;}.elementor-2439 .elementor-element.elementor-element-0400f60:not(.elementor-motion-effects-element-type-background), .elementor-2439 .elementor-element.elementor-element-0400f60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-2439 .elementor-element.elementor-element-554ef99{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-554ef99.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2439 .elementor-element.elementor-element-e5aa83d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2439 .elementor-element.elementor-element-e5aa83d .elementor-image-box-title{margin-bottom:8px;line-height:1em;letter-spacing:2px;}.elementor-2439 .elementor-element.elementor-element-e5aa83d .elementor-image-box-description{font-size:18px;line-height:1.6em;}.elementor-2439 .elementor-element.elementor-element-4c8c66a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2439 .elementor-element.elementor-element-893d3bf{--width:50%;}.elementor-2439 .elementor-element.elementor-element-62b5cb0{--width:89.224%;}.elementor-2439 .elementor-element.elementor-element-a1e496d{--width:50%;}.elementor-2439 .elementor-element.elementor-element-74fa795{--width:101.517%;}.elementor-2439 .elementor-element.elementor-element-b66e941{--width:98.374%;}.elementor-2439 .elementor-element.elementor-element-f52390a{--width:102.791%;}.elementor-2439 .elementor-element.elementor-element-52b4384{--width:102.791%;}.elementor-2439 .elementor-element.elementor-element-b320f13{--width:100.627%;}.elementor-2439 .elementor-element.elementor-element-ada3188{--width:100.627%;}.elementor-2439 .elementor-element.elementor-element-22a4a4b{--width:98.892%;}.elementor-2439 .elementor-element.elementor-element-554ef99{--width:100.324%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2439 .elementor-element.elementor-element-62b5cb0{--width:100%;}.elementor-2439 .elementor-element.elementor-element-74fa795{--width:100%;}.elementor-2439 .elementor-element.elementor-element-b320f13{--width:66%;}.elementor-2439 .elementor-element.elementor-element-ada3188{--width:66%;}.elementor-2439 .elementor-element.elementor-element-22a4a4b{--width:34%;}.elementor-2439 .elementor-element.elementor-element-554ef99{--width:50%;}}@media(max-width:1024px){.elementor-2439 .elementor-element.elementor-element-62b5cb0{--padding-top:0px;--padding-bottom:48px;--padding-left:0px;--padding-right:160px;}.elementor-2439 .elementor-element.elementor-element-74fa795{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-938df41{--grid-auto-flow:row;}.elementor-2439 .elementor-element.elementor-element-d101219{--grid-auto-flow:row;}.elementor-2439 .elementor-element.elementor-element-b320f13{--padding-top:0px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-ada3188{--padding-top:0px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-1ca944a .elementor-image-box-description{font-size:16px;}.elementor-2439 .elementor-element.elementor-element-e5aa83d .elementor-image-box-description{font-size:16px;}}@media(max-width:767px){.elementor-2439 .elementor-element.elementor-element-62b5cb0{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-14c4bb5{width:100%;max-width:100%;align-self:center;}.elementor-2439 .elementor-element.elementor-element-14c4bb5 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-2439 .elementor-element.elementor-element-74fa795{--margin-top:0px;--margin-bottom:-24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-938df41{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2439 .elementor-element.elementor-element-d101219{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2439 .elementor-element.elementor-element-b320f13{--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-e816e1b .elementor-image-box-wrapper{text-align:start;}.elementor-2439 .elementor-element.elementor-element-e816e1b .elementor-image-box-description{font-size:16px;}.elementor-2439 .elementor-element.elementor-element-ada3188{--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-22a4a4b{--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-2439 .elementor-element.elementor-element-1ca944a .elementor-image-box-wrapper{text-align:start;}.elementor-2439 .elementor-element.elementor-element-1ca944a .elementor-image-box-description{font-size:16px;}.elementor-2439 .elementor-element.elementor-element-e5aa83d .elementor-image-box-wrapper{text-align:start;}.elementor-2439 .elementor-element.elementor-element-e5aa83d .elementor-image-box-description{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-99943c6 */@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.card {
  position: relative;
  width: 600px;
  height: 350px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  transition: 0.5s;
}

.card .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.card .circle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d83133;
  clip-path: circle(120px at center);
  transition: 0.5s;
}

.card:hover .circle:before {
  background: #0065c3;
  clip-path: circle(400px at center);
}

.card img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 300px;
  pointer-events: none;
  transition: 0.5s;
}

.card:hover img {
  left: 72%;
  height: 500px;
}

.card .content {
  position: relative;
  width: 50%;
  left: 20%;
  padding: 20px 20px 20px 40px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.card:hover .content {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.card .content h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 5px;
}

.card .content p {
  color: #fff;
}

.card .content a {
  position: relative;
  color: #111;
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 991px) {
  .card {
    width: auto;
    max-width: 350px;
    align-items: flex-start;
  }
  .card:hover {
    height: 600px;
  }
  .card .content {
    width: 100%;
    left: 0;
    padding: 30px;
  }
  .card:hover img {
    top: 70%;
    left: 50%;
    height: 300px;
  }
}

@media (max-width: 420px) {
  .card .content {
    padding: 20px;
  }
}

@media (max-width: 480px) {
  .card {
    zoom: 0.6;
  }
}

@media (max-height: 680px) {
  .card {
    zoom: 0.65;
  }
}

@media (max-height: 360px) {
  .card {
    zoom: 0.32;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f3a3d */@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.card {
  position: relative;
  width: 600px;
  height: 350px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  transition: 0.5s;
}

.card .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.card .circle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d83133;
  clip-path: circle(120px at center);
  transition: 0.5s;
}

.card:hover .circle:before {
  background: #0065c3;
  clip-path: circle(400px at center);
}

.card img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 300px;
  pointer-events: none;
  transition: 0.5s;
}

.card:hover img {
  left: 72%;
  height: 500px;
}

.card .content {
  position: relative;
  width: 50%;
  left: 20%;
  padding: 20px 20px 20px 40px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.card:hover .content {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.card .content h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 5px;
}

.card .content p {
  color: #fff;
}

.card .content a {
  position: relative;
  color: #111;
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 991px) {
  .card {
    width: auto;
    max-width: 350px;
    align-items: flex-start;
  }
  .card:hover {
    height: 600px;
  }
  .card .content {
    width: 100%;
    left: 0;
    padding: 30px;
  }
  .card:hover img {
    top: 70%;
    left: 50%;
    height: 300px;
  }
}

@media (max-width: 420px) {
  .card .content {
    padding: 20px;
  }
}

@media (max-width: 480px) {
  .card {
    zoom: 0.6;
  }
}

@media (max-height: 680px) {
  .card {
    zoom: 0.65;
  }
}

@media (max-height: 360px) {
  .card {
    zoom: 0.32;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6762756 */@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.card {
  position: relative;
  width: 600px;
  height: 350px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  transition: 0.5s;
}

.card .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.card .circle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d83133;
  clip-path: circle(120px at center);
  transition: 0.5s;
}

.card:hover .circle:before {
  background: #0065c3;
  clip-path: circle(400px at center);
}

.card img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 300px;
  pointer-events: none;
  transition: 0.5s;
}

.card:hover img {
  left: 72%;
  height: 500px;
}

.card .content {
  position: relative;
  width: 50%;
  left: 20%;
  padding: 20px 20px 20px 40px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.card:hover .content {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.card .content h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 5px;
}

.card .content p {
  color: #fff;
}

.card .content a {
  position: relative;
  color: #111;
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 991px) {
  .card {
    width: auto;
    max-width: 350px;
    align-items: flex-start;
  }
  .card:hover {
    height: 600px;
  }
  .card .content {
    width: 100%;
    left: 0;
    padding: 30px;
  }
  .card:hover img {
    top: 70%;
    left: 50%;
    height: 300px;
  }
}

@media (max-width: 420px) {
  .card .content {
    padding: 20px;
  }
}

@media (max-width: 480px) {
  .card {
    zoom: 0.6;
  }
}

@media (max-height: 680px) {
  .card {
    zoom: 0.65;
  }
}

@media (max-height: 360px) {
  .card {
    zoom: 0.32;
  }
}/* End custom CSS */