.hero_banner_section{align-items:center;display:flex;height:auto;min-height:100vh;overflow:hidden;position:relative;width:100%}.hero_banner_section .backgroung-item:before{background:#124080;content:"";height:100%;opacity:.4;position:absolute;width:100%}.hero_banner_section .backgroung-item{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero_banner_section .backgroung-item img{height:100%;object-fit:cover;width:100%}.hero_banner_section .container_wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:100%;min-height:100vh;padding:0 30px;width:100%}.hero_banner_section .hero_card_item:before{background:linear-gradient(107.35deg,#c0d4eb 5.11%,#074388 54.68%,#648bba 91.04%);border-radius:18px;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.hero_banner_section .her_banner_content{max-width:886px}.hero_banner_section .her_banner_content h1{font-weight:900;letter-spacing:-1.1%;line-height:110.00000000000001%;margin-bottom:30px;text-transform:uppercase}.hero_banner_section .her_banner_content p{font-size:22px;font-weight:400;letter-spacing:-1.1%;line-height:130%;max-width:746px;width:100%}.hero_banner_section .hero_card{position:relative}.hero_banner_section .hero_card .title h5{font-size:18px;font-weight:500;letter-spacing:5%;line-height:110.00000000000001%;margin-bottom:15px;text-align:right;text-transform:uppercase}.hero_banner_section .card_list{display:flex;gap:20px;justify-content:flex-end}.hero_banner_section .hero_card_item{backdrop-filter:blur(12px);border:1px solid transparent;border-image-source:linear-gradient(120.31deg,#20e5ec 14.61%,#00abc8 86.34%);border-radius:18px;box-shadow:0 8px 4px -12px #071a4299,inset 8px 8px 12px -4px #20e5ec40;cursor:pointer;max-width:460px;padding:20px;transition:.5s;width:100%}.hero_banner_section .card_content .description .btn a{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:400;gap:10px;letter-spacing:5%;line-height:110.00000000000001%;padding-top:9px;text-decoration:underline}.hero_banner_section .card_content .description .btn a svg path{stroke:#fff}.hero_banner_section .hero_card_item .btn{opacity:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden}.hero_banner_section .hero_card_item:hover .btn{opacity:1;transform:translateY(0);visibility:visible}.hero_banner_section .hero_card_item:hover{background:#071a4bcc}.hero_banner_section .card_number{align-items:flex-start;border-bottom:1px solid;border-image-slice:1;border-image-source:linear-gradient(120.31deg,#20e5ec 14.61%,#00abc8 86.34%);display:flex;justify-content:space-between;padding-bottom:10px}.hero_banner_section .card_number h5{font-size:18px;font-weight:400;letter-spacing:0;line-height:100%;margin:0;text-transform:uppercase}.hero_banner_section .card_content{display:flex;gap:11px;padding-top:8px}.hero_banner_section .card_content h5{font-weight:800;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-size:18px;letter-spacing:0;line-height:120%;text-transform:uppercase}.hero_banner_section .card_content p{font-size:14px;font-weight:400;letter-spacing:5%;line-height:130%}.hero_banner_section .card_content strong{display:inline-block;font-size:15px;line-height:1.2;min-width:120px;text-transform:uppercase}.hero_banner_section .card_content div,.hero_banner_section .card_content p{font-size:13px;line-height:1.4;margin:0}@media (max-width:767px){.hero_banner_section{height:100%}.hero_banner_section .her_banner_content h1{font-size:48px}.hero_banner_section .container_wrapper{padding:0 15px}.hero_banner_section .card_list{flex-direction:column}.hero_banner_section .her_banner_content{margin-bottom:86px}.hero_banner_section .hero_card_item{max-width:100%}}@media (min-width:768px) and (max-width:1024px){.hero_banner_section .her_banner_content{margin-bottom:50px}.hero_banner_section{height:100%}.hero_banner_section .container_wrapper{margin:auto;max-width:100%;padding:0 15px;width:100%}}@media (min-width:1025px) and (max-width:1240px){.hero_banner_section{height:100%}}