@font-face{font-family:Aeonik;font-style:normal;font-weight:300;src:url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/fonts/aeonik-light.woff2) format("woff2"),url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/fonts/aeonik-light.woff) format("woff")}@font-face{font-family:Aeonik;font-style:normal;font-weight:400;src:url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/fonts/aeonik-regular.woff2) format("woff2"),url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/fonts/aeonik-regular.woff) format("woff")}@font-face{font-family:Aeonik;font-style:normal;font-weight:600;src:url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/fonts/aeonik-semibold.woff2) format("woff2"),url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/fonts/aeonik-semibold.woff) format("woff")}@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1520px}}body{font-family:Inter;overflow-x:hidden}body.gradient{background:linear-gradient(181deg,#fff,#f4feff)}a,h1,h2,h3,h4,h5,h6,label,p,span{color:#15083d;margin:0;padding:0;text-decoration:none}ul{list-style:none;margin:0;padding:0}.main-button{border:none;border-radius:200px;color:#fff;font-family:Archivo;line-height:100%;outline:none;padding:16px 40px;text-decoration:none;width:fit-content}.main-button,.secondary-button{display:block;font-size:16px;font-weight:400}.secondary-button{border:1px solid #15083d;border-radius:10px;font-family:Inter;line-height:16px;padding:14px 20px;text-align:center;transition:all .3s ease}.secondary-button:hover{background:#8a839e}.primary-button{background:#15083d;border:1px solid #15083d;border-radius:10px;color:#fff;display:block;font-family:Inter;font-size:16px;font-weight:400;line-height:16px;padding:14px 20px;text-align:center;transition:all .3s ease}.pale-button{align-items:center;background:#c4e6e9;border-radius:71px;display:flex;height:43px;justify-content:center;margin-right:8px;padding:10px 19px}.primary-button-arrow{align-items:stretch;background:transparent;border:0;display:flex}.primary-arrow{align-items:center;background:#15083d;border:1px solid #15083d;border-radius:10px;display:flex;justify-content:center;text-align:center;transition:all .3s ease;width:46px}.section-info{color:#15083d;font-family:Inter;font-size:18px;font-weight:500;line-height:120%;margin-bottom:26px;padding-left:20px;position:relative;width:100%}.section-info:before{background:#03bb77;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:12px}.section-info-border{background:#fff;border:1px solid #15083d26;border-radius:70px;margin-bottom:20px;padding:15px 30px 15px 55px;width:fit-content}.section-info-border:before{left:35px}.dark-link,.green-link{align-items:flex-end;display:flex;position:relative}.dark-link p,.green-link p{color:#03bb77;font-family:Inter;font-size:20px;font-weight:500;line-height:120%;padding-right:15px;position:relative;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-underline-offset:3px}.dark-link p{color:#15083d;width:fit-content}.section-content p,p.section-content{color:#443964;font-family:Inter;font-size:20px;font-weight:400;line-height:160%}.section-title{font-family:Aeonik;font-size:64px;font-weight:250;line-height:110%;margin-bottom:48px}.primary-button-arrow:hover .primary-button{border-bottom-right-radius:0;border-top-right-radius:0}.primary-button-arrow:hover .primary-arrow{border-bottom-left-radius:0;border-top-left-radius:0}.primary-button-arrow-white .primary-button{background:#fff;border-color:#fff;color:#15083d}.primary-button-arrow-white .primary-arrow{background:#fff;border-color:#fff}.header-color .container{padding:0}.header-color .main-bar{background:#c4e6e9}header{position:absolute;top:40px;width:100%;z-index:999}header .container{padding:0 40px;position:relative}.top-bar{align-items:center;display:flex;justify-content:flex-end;width:100%}.mobile-menu{display:none}.top-bar img{margin-right:24px}.top-bar .top-bar-menu{align-items:center;display:flex}.top-bar .top-bar-menu a{height:42px;padding-bottom:2px}.top-bar .top-bar-menu .active,.top-bar .top-bar-menu a{align-items:center;color:#15083d;display:flex;font-family:Aeonik;font-size:16px;margin-right:24px}.top-bar .top-bar-menu .active{border-bottom:2px solid #15083d;height:49px}.main-bar{align-items:center;backdrop-filter:blur(1px);background:#ffffffcc;border:1px solid #c4e6e9;border-radius:10px;display:flex;justify-content:space-between;padding:11px 40px}.language-selector{position:relative}.language-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:1px solid #15083d;border-radius:60px;outline:none;padding:2px 30px;position:relative;width:85px;z-index:2}.language-selector:before{content:url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/assets/images/globe.svg);height:20px;left:11px}.language-selector:after,.language-selector:before{position:absolute;top:50%;transform:translateY(-50%)}.language-selector:after{content:url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/assets/images/arrow-down.svg);height:25px;right:11px}.menu-container{align-items:center;display:flex;justify-content:center}.menu-container .menu-item{margin-right:35px}.menu-container .menu-item a{font-family:Inter;font-size:16px;font-weight:500;line-height:120%;position:relative}.menu-container .menu-item a:before{background-color:currentColor;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.menu-container .menu-item a.active:before,.menu-container .menu-item a:hover:before{width:100%}.menu-container .has-submenu a.active:before,.menu-container .has-submenu a:hover:before{width:calc(100% - 20px)}.menu-container .menu-item:last-child{margin-right:0}.header-button .secondary-button{font-weight:350}.menu-container .has-submenu .menu-link{padding-right:20px;position:relative}.menu-container .has-submenu:hover>.mega-menu{display:flex}.menu-container .has-submenu>.menu-link:after{content:url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/images/mobile-normal-arrow.svg);position:absolute;right:0;top:0;transform:rotate(90deg)}.mobile-menu-container{background:#e8f5f6;border:1px solid #15083d0d;border-radius:18px;left:0;overflow:hidden;position:absolute;top:62px;width:100%;z-index:999}.mobile-menu-container .mobile-menu-list{display:flex;flex-direction:column}.mobile-menu-container .mobile-menu-list .menu-item .menu-link{align-items:center;border-bottom:1px solid #15083d0d;display:flex;font-family:Inter;font-size:20px;font-weight:500;line-height:120%;min-height:60px;padding:10px 20px;position:relative}.mobile-menu-container .mobile-menu-list .has-submenu .menu-link:after{content:url(../images/mobile-normal-arrow.svg);position:absolute;right:20px;top:50%;transform:translateY(-50%)}.back-button img{margin-right:10px;transform:rotate(180deg)}.back-button p{font-family:Inter;font-size:20px;font-weight:500;line-height:120%}.special-elements{display:flex;flex-direction:column}.special-element-link{align-items:center;border-bottom:1px solid #15083d0d;color:#8a839e;display:flex;min-height:48px;padding:10px 20px;position:relative}.special-element-link img{margin-right:10px}.special-element .has-submenu:after{content:url(../images/mobile-pale-arrow.svg);position:absolute;right:20px;top:50%;transform:translateY(-50%)}.special-element-submenu{display:none;transition:all .3s ease}.special-element-submenu.open{background:#e2edee;display:block}.special-element-submenu .submenu-item{align-items:center;border-bottom:1px solid #15083d0d;color:#8a839e;display:flex;min-height:48px;padding:10px 20px;position:relative}.mobile-contact{padding:20px}.mobile-contact .contact-part{align-items:center;background:#fff;border-radius:31px;display:flex;padding:16px}.mobile-contact .contact-part .contact-image{aspect-ratio:1;background:linear-gradient(250.77deg,#ecf7f8 1.68%,#a2d8dc 98.54%);border-radius:20px;margin-right:16px;overflow:hidden;position:relative;width:71px}.mobile-contact .contact-part .contact-image img{bottom:0;left:50%;position:absolute;transform:translate(-50%);width:75%}.mobile-contact .contact-part .contact-content .contact-title{font-family:Inter;font-size:14px;font-weight:600;line-height:150%}.mobile-contact .contact-part .contact-content .primary-button-arrow{align-items:center;display:flex}.mobile-contact .contact-part .contact-content .primary-button-arrow p{color:#35c992;font-family:Inter;font-size:14px;font-weight:500;line-height:120%;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:0}.mobile-contact .contact-part .contact-content .primary-button-arrow img{margin-left:7px;width:10px}.mega-menu{align-items:stretch;display:none;justify-content:space-between;left:0;padding-top:43px;position:absolute;top:42px;z-index:3}.mega-menu .left-part{align-items:flex-start;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;width:30%}.mega-menu .left-part .text-part{padding:38px 35px}.mega-menu .mega-menu-title,.mobile-menu-container .mega-menu-title{color:#000;font-family:Inter;font-size:20px;font-weight:500;line-height:120%;margin-bottom:24px;padding-left:20px;position:relative;width:100%}.mega-menu .mega-menu-title:before,.mobile-menu-container .mega-menu-title:before{background:#03bb77;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:12px}.mega-menu .mega-menu-text{color:#5e5e5e;font-family:Inter;font-size:18px;font-weight:400;line-height:160%}.mega-menu .left-part .contact-part{align-items:center;display:flex;justify-content:flex-start;padding:12px;width:100%}.mega-menu .left-part .contact-part .primary-button-arrow:hover:before{display:none}.mega-menu .left-part .contact-part .contact-image{aspect-ratio:1;background:linear-gradient(250.77deg,#ecf7f8 1.68%,#a2d8dc 98.54%);border-radius:20px;margin-right:34px;overflow:hidden;position:relative;width:129px}.mega-menu .left-part .contact-part .contact-image img{bottom:0;left:50%;position:absolute;transform:translate(-50%);width:75%}.mega-menu .left-part .contact-part .contact-content .contact-title{font-family:Inter;font-size:20px;font-weight:400;line-height:120%;margin-bottom:5px}.mega-menu .left-part .contact-part .contact-content .primary-button-arrow p{color:#03bb77;font-family:Inter;font-size:20px;font-weight:500;line-height:120%;margin-right:5px;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:0}.mega-menu .right-part{background:#e8f5f6;border-radius:20px;padding:38px 50px;width:70%}.mega-menu .right-part .top-part-texts,.mobile-menu-container .right-part .top-part-texts{border-bottom:1px solid #15083d26;display:flex;flex-wrap:wrap;margin-bottom:36px;padding-bottom:16px;padding-left:22px}.mobile-menu-container .right-part .top-part-texts{border:none;flex-direction:column;margin-bottom:0;padding-bottom:0}.mobile-menu-container .right-part .top-part-texts .text-box{display:block;margin-bottom:16px;width:100%}.bottom-part .bottom-part-links a,.mega-menu .right-part .top-part-texts .text-box{display:block;margin-bottom:16px;width:33.333%}.mega-menu .right-part .top-part-texts .text-box .text-box-title,.mobile-menu-container .right-part .top-part-texts .text-box .text-box-title{font-family:Inter;font-size:16px;font-weight:600;line-height:150%;max-width:276px}.mega-menu .right-part .top-part-texts .text-box .text-box-text,.mobile-menu-container .right-part .top-part-texts .text-box .text-box-text{font-family:Inter;font-size:16px;font-weight:400;line-height:150%;max-width:276px}.mobile-menu-container .right-part .top-part-texts .text-box .text-box-text,.mobile-menu-container .right-part .top-part-texts .text-box .text-box-title{max-width:100%}.mobile-menu-container .right-part .top-part-texts .text-box .text-box-text{color:#8a839e}.bottom-part .bottom-part-links{display:flex;flex-wrap:wrap;padding-left:22px}.bottom-part .bottom-part-links a{font-family:Inter;font-size:16px;font-weight:600;line-height:150%}.mobile-menu-container .menu-page .bottom-part,.mobile-menu-container .menu-page .top-part{padding:20px}.mobile-menu-container .bottom-part-links{flex-direction:column}.mobile-menu-container .bottom-part-links a{width:100%}#hero{padding-top:40px}#hero .hero-content h1{font-family:Aeonik;font-size:52px;font-weight:300;line-height:120%;margin-bottom:32px}#hero .hero-content{display:flex;flex-direction:column;height:100%;justify-content:start;margin-top:140px}@media only screen and (min-width:1401px) and (max-width:1600px){#hero .hero-content{justify-content:start;margin-top:92px}}@media only screen and (min-width:1201px) and (max-width:1400px){#hero .hero-content{justify-content:start;margin-top:70px}}@media only screen and (min-width:993px) and (max-width:1200px){#hero .hero-content{justify-content:start;margin-top:45px}}@media only screen and (max-width:992px){#hero .hero-content{justify-content:start;margin-top:0}}#hero .hero-content p{color:#443964;font-family:Inter;font-size:18px;font-weight:400;line-height:170%;margin-bottom:56px;max-width:520px}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap}.hero-buttons .primary-button-arrow{margin-right:8px}#hero .container{background:linear-gradient(250.77deg,#ecf7f8 1.68%,#a2d8dc 98.54%);border-radius:30px;overflow:hidden;padding:40px}#hero .container .row{align-items:center;display:flex;padding-top:157px}.hero-images{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;margin-left:-100px;position:relative;width:100%}.hero-images .center-image{align-items:center;background:#15083d;border:1px solid #c4e6e9;border-radius:15%;display:flex;height:20%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20%;z-index:2}.hero-images .center-image img{width:55%}.hero-images .side-image{align-items:center;background:#fff;border:.79px solid var(--Ockto-Licht-Turquoise,#c4e6e9);border-radius:20%;box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);-webkit-box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);-moz-box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);display:flex;height:16%;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:16%;z-index:2}.hero-images .side-image img{width:53%}.hero-images .left-image{left:25%;top:25%}.hero-images .right-image{left:69%;top:82%}.hero-images .main-image{background-image:url(images/hero-image.png);background-position:50%;background-size:cover;border-radius:11%;box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);-webkit-box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);-moz-box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);height:36%;left:88%;position:absolute;top:48%;transform:translate(-50%,-50%);width:36%;z-index:2}.first-hero-vector{height:57%;left:-30%;position:absolute;top:25%;width:119%}.second-hero-vector{height:40%;left:25%;position:absolute;top:4%;width:25%}#who-we-are{margin:0}.who-we-are-container{margin:0 auto;max-width:1000px;width:100%}#who-we-are .section-title h2,.color-title h2{font-family:Aeonik;font-size:72px;font-weight:250;line-height:120%;margin-bottom:48px}.color-title h2{display:flex;flex-wrap:wrap;white-space:nowrap}.char{color:#c4e6e9;transition:color .3s ease}.char.revealed{color:#15083d}.who-we-are-text{color:#443964;font-family:Inter;font-size:32px;font-weight:400;line-height:170%}#our-solutions{margin-bottom:0}.solution-card{border-radius:30px;margin-bottom:20px;overflow:hidden}.solution-card .card-content{background:#fff;border:1px solid #15083d26;border-top-left-radius:30px;border-top-right-radius:30px;padding:55px 48px;transition:all .3s ease}.solution-card .card-content .card-text{min-height:232px}.solution-card .card-content .card-text .card-title{color:#15083d;font-family:Aeonik;font-size:40px;font-weight:250;line-height:120%;margin-bottom:32px}.solution-card .primary-button{width:fit-content}.solution-card .card-image{align-items:center;aspect-ratio:4/3;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.solution-card .card-image img{height:100%;object-fit:cover;width:100%}.solution-card:hover .card-content{padding:45px 48px}#how-we-do{margin-bottom:0}.how-we-do-container{background:#fff;border:1px solid #15083d26;border-radius:30px;padding:79px 60px}.how-we-do-container .section-content{margin-bottom:80px;max-width:550px}.how-we-do-image{background-position:50%;background-size:cover;border:1px solid #dcdae2;border-radius:30px;height:100%;width:100%}#cta{background:#feffe5;padding-bottom:0}#cta .cta-content{align-items:flex-end;background-color:#c4e6e9;border-radius:30px;display:flex;justify-content:space-between;padding:45px 60px}#cta .smaller-section-title{font-family:Aeonik;font-size:56px;font-weight:250;line-height:110%;max-width:547px;width:100%}#organizations{margin-bottom:0}#organizations .smaller-section-title{font-family:Aeonik;font-size:56px;font-weight:250;line-height:120%;margin:0 auto 34px;max-width:560px;text-align:center}.organization-swiper{background:#fff;border:1px solid #15083d26;border-radius:30px;padding:25px 0!important}.organization-swiper .swiper-slide,.organization-swiper .swiper-wrapper{align-items:center;display:flex;height:100%}.organization-swiper .swiper-slide{justify-content:center}.organization-swiper .swiper-slide img{max-width:80%}.purple-slider{margin-bottom:0}.purple-slider .swiper{align-items:flex-start;background:#15083d;border-radius:30px;display:flex!important;height:840px;justify-content:space-between;overflow:hidden;padding:40px 60px 0!important}.purple-slider .swiper .other-part{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:75px;padding-right:40px;padding-top:35px;width:33%;z-index:4}.purple-slider .swiper .swiper-wrapper{width:67%}.purple-slider .swiper .other-part .other-part-content .section-info,.purple-slider .swiper .other-part .other-part-content .section-title{color:#fff}.active-cases-swiper .swiper-slide{align-items:stretch;display:flex;max-height:457px;position:relative}.active-cases-swiper .swiper-slide .left-part{display:flex;flex-direction:column;width:65%}.active-cases-swiper .swiper-slide .top-part{background:#fff;border-radius:30px;border-bottom-left-radius:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:342px;overflow:hidden;padding:40px 60px}.active-cases-swiper .swiper-slide .top-part .section-info{margin-bottom:12px}.active-cases-swiper .swiper-slide .top-part .slide-title{font-family:Aeonik;font-size:48px;font-weight:250;hyphens:auto;line-height:120%;word-break:keep-all}.active-cases-swiper .swiper-slide .top-part .primary-button{width:fit-content}.active-cases-swiper .swiper-slide .left-part .bottom-part{align-items:center;background:#fff;border-radius:30px;border-top:1px solid #15083d26;border-top-left-radius:0;display:flex;padding:36px 60px}.active-cases-swiper .swiper-slide .right-part{background-position:50%;background-size:cover;border-radius:30px;width:35%}.swiper-shader{background:linear-gradient(0deg,rgba(21,8,61,.8) 21.63%,rgba(21,8,61,0));bottom:0;height:50%;position:absolute;right:0;top:60%;width:68%;z-index:2}.slider-buttons{align-items:center;display:flex}.active-cases-button-next,.active-cases-button-prev,.updates-button-next,.updates-button-prev{align-items:center;border:1.6px solid var(--Ockto-Wit,#fff);border-radius:50%;display:flex;height:58px;justify-content:center;transform:rotate(180deg);transition:all .3s ease;width:58px}.active-cases-button-next .hover-arrow,.active-cases-button-prev .hover-arrow,.updates-button-next .hover-arrow,.updates-button-prev .hover-arrow{display:none}.active-cases-button-next:hover,.active-cases-button-prev:hover,.updates-button-next:hover,.updates-button-prev:hover{background:#fff}.active-cases-button-next:hover .hover-arrow,.active-cases-button-prev:hover .hover-arrow,.updates-button-next:hover .hover-arrow,.updates-button-prev:hover .hover-arrow{display:block}.active-cases-button-next:hover .normal-arrow,.active-cases-button-prev:hover .normal-arrow,.updates-button-next:hover .normal-arrow,.updates-button-prev:hover .normal-arrow{display:none}.active-cases-button-next,.updates-button-next{transform:rotate(0deg)}.swiper-slide-counter{align-items:center;border:1.6px solid var(--Ockto-Wit,#fff);border-radius:70px;color:#fff;display:flex;height:58px;justify-content:center;margin:0 10px;width:80px}#updates .swiper-hide{background:#15083d;height:100%;left:0;position:absolute;top:0;width:33%;z-index:3}#updates .updates-swiper{height:100%;padding-bottom:40px;width:67%}#updates .swiper-wrapper{width:100%}#updates .swiper-shader{background:linear-gradient(0deg,rgba(21,8,61,.8) 21.63%,rgba(21,8,61,0));bottom:0;height:50%;position:absolute;right:-25%;top:27%;transform:rotate(270deg);width:68%;z-index:2}#updates .updates-swiper .swiper-slide{background:#fff;border-radius:30px;display:flex;flex-direction:column;overflow:hidden}#updates .updates-swiper .swiper-slide .back-image{background-position:50%;background-size:cover;height:37%;width:100%}#updates .updates-swiper .swiper-slide .slide-content{display:flex;flex-direction:column;height:63%;justify-content:space-between;padding:68px 50px}#updates .updates-swiper .swiper-slide .slide-content .slide-title{font-family:Aeonik;font-size:40px;font-weight:250;line-height:120%;margin-bottom:32px}#faq{background:#feffe5;padding:0}#faq .faq-container{align-items:stretch;display:flex;margin-bottom:20px}#faq .faq-container .faq-questions{background-color:#fff;border:1px solid #15083d26;border-radius:30px;overflow:hidden;width:65%}#faq .faq-container .faq-questions .green-link{display:none}#faq .faq-container .faq-questions .accordion{padding:60px}#faq .faq-container .faq-questions .accordion .accordion-item{border:none;border-bottom:1px solid #15083d26;margin-bottom:32px}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-header{border:none;position:relative}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-button{background:#fff;border:none;box-shadow:none;color:#15083d;font-family:Aeonik;font-size:40px;font-weight:250;line-height:120%;padding-bottom:40px;padding-left:0;padding-right:30%}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-button:after{align-items:center;background:#c4e6e9;border-radius:50%;color:#15083d;content:"-";display:flex;font-size:30px;justify-content:center;padding:18px 20px 22px;position:absolute;right:0;top:50%;transform:translateY(-50%)}#faq .faq-container .faq-questions .accordion .accordion-item .collapsed:after{content:"+"}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-body{color:#443964;font-family:Inter;font-size:20px;font-weight:400;line-height:160%;padding:0 25% 40px 0}#faq .faq-image{background-color:#fff;background-position:50%;background-size:cover;border:1px solid #dcdae2;border-radius:30px;overflow:hidden;width:35%}.faq-section{font-family:Arial,sans-serif;margin:40px auto;max-width:600px;padding:0 20px}.faq-section h2{margin-bottom:30px;text-align:center}.faq-item{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:10px}.faq-item input{display:none}#company-info{padding:0}#company-info .company-info-container{align-items:stretch;display:flex}#company-info .company-info-image{background-position:50%;background-size:cover;border-radius:30px;width:50%}#company-info .company-info-content{background:#15083d;border-radius:30px;padding:75px 60px;width:50%}#company-info .section-info{color:#fff}#company-info .section-title{color:#fff;max-width:580px}#company-info .section-content p{color:#fff;margin-bottom:47px}#company-info .company-info-person{color:#fff;font-weight:500;margin-bottom:34px}#company-info .company-info-icon-box{align-items:center;display:flex;margin-bottom:20px}#company-info .company-info-icon-box .section-content{color:#fff;margin-bottom:0;margin-left:20px}#company-info .primary-button-arrow{margin-top:113px}#subscribe{background:#feffe5;padding:0}#subscribe .subscribe-container{background:#c4e6e9;border-radius:30px;display:flex;justify-content:space-between;padding:55px}#subscribe .subscribe-content{width:66%}#subscribe .subscribe-content .section-title{font-family:Aeonik;font-size:56px;font-weight:300;line-height:120%;margin-bottom:42px}#subscribe .subscribe-content .section-content p{color:#443964;max-width:75%}#subscribe .subscribe-form{align-items:flex-start;display:flex;flex-direction:column;font-size:18px;justify-content:flex-end;width:34%}#subscribe .subscribe-form input{border:1px solid #15083d;border-radius:10px;color:#15083d;height:86px;margin-bottom:40px;margin-top:110px;max-width:100%;padding:30px;width:490px}#subscribe .subscribe-form .primary-button-arrow{background:none;border:none;padding:0}#why-octo{padding:0}#why-octo .container{background:linear-gradient(299.62deg,#8a839e .03%,#15083d 100.03%);border-radius:30px;padding:76px 48px}#why-octo .section-title{color:#fff;max-width:820px}#why-octo .section-info{color:#fff}#why-octo .section-content p{color:#fff;margin-bottom:97px;max-width:820px}#why-octo .why-card-container{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between}#why-octo .why-octo-texts{padding-left:12px}#why-octo .why-card{align-items:center;background:#fff;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:50px;max-width:442px;min-height:644px;padding:60px 48px;width:31%}#why-octo .why-card .why-card-image{align-items:center;display:flex;height:132px;justify-content:center;margin-bottom:23px}#why-octo .why-card-content .card-title{color:#15083d;font-family:Aeonik;font-size:40px;font-weight:300;line-height:120%;margin-bottom:33px}#why-octo .card-text p{color:#443964;font-family:Inter;font-size:20px;font-weight:400;line-height:160%}#why-octo .primary-button-arrow{justify-content:center;margin-top:80px}#how-we-function{padding:0}#how-we-function .how-we-function-container{align-items:center;background:#fff;border:1px solid #15083d26;border-radius:30px;display:flex;padding:76px 60px}.how-we-function-text{display:flex;flex-direction:column;width:50%}.how-we-function-text .steps-container{position:relative}.how-we-function-text .steps-container .step-box:before{background:#15083d;content:"";height:100%;left:50px;position:absolute;top:0;width:1px;z-index:1}.how-we-function-text .steps-container .step-box:last-child:before{display:none}.how-we-function-text .steps-container{margin-bottom:80px;margin-top:80px}.how-we-function-text .steps-container .step-box{display:flex;padding-bottom:32px;position:relative}@media only screen and (max-width:768px){.how-we-function-text .steps-container .step-box:before{left:27px}}.how-we-function-text .steps-container .step-content{padding-top:25px}.how-we-function-text .steps-container .step-box .step-number{align-items:center;background:#fff;border:.79px solid var(--Ockto-Licht-Turquoise,#c4e6e9);border-radius:10px;box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);-webkit-box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);-moz-box-shadow:0 10px 24px 0 hsla(0,2%,65%,.75);display:flex;flex-shrink:0;height:95px;justify-content:center;margin-right:38px;width:95px;z-index:2}.how-we-function-text .steps-container .step-box .step-number p{font-family:Aeonik;font-size:48px;font-weight:400;line-height:120%}.how-we-function-text .steps-container .step-box .step-content h5{font-family:Aeonik;font-size:40px;font-weight:300;line-height:120%;margin-bottom:18px}.how-we-function-text .steps-container .step-box .step-content p{font-family:Inter;font-size:18px;font-weight:400;line-height:170%}.how-we-function-image{align-items:center;display:flex;justify-content:center;width:50%}.how-we-function-image img{max-width:433px;width:100%}footer{background:#feffe5;padding-top:0}footer .main-footer>.container{background:#15083d;border-radius:30px;padding:67px 59px 0}footer .main-footer .container .row{margin-bottom:80px}footer .main-footer .container .row:last-child{margin-bottom:0}footer .main-footer .footer-image{margin-bottom:118px;padding-top:10px}footer .footer-menu-container{display:flex;flex-wrap:wrap}footer .footer-column{display:flex;flex-direction:column;width:35%}footer .footer-logo img{max-width:85%}footer .contact{width:30%}footer .footer-column h4{color:#fff;font-family:Aeonik;font-size:18px;font-weight:700;line-height:170%;margin-bottom:20px}footer .footer-column ul li a{color:#fff;display:block;font-family:Aeonik;font-size:18px;font-weight:400;line-height:18px;margin-bottom:15px}footer .footer-socials{display:flex;flex-direction:column}footer .footer-socials h4{color:#fff;font-family:Aeonik;font-size:18px;font-weight:700;line-height:170%;margin-bottom:20px}footer .footer-socials ul,footer .footer-socials ul a{align-items:center;display:flex}footer .footer-socials ul a{background:#c4e6e9;border-radius:50%;height:36px;justify-content:center;margin-right:6px;width:36px}footer .secondary-footer{margin-top:-1px}footer .secondary-footer .container{background:#15083d;border-radius:23px;padding:33px 50px}footer .footer-logos{align-items:center;display:flex;justify-content:flex-end}footer .footer-logos img{margin-left:33px;max-height:60px}.footer-copy{align-items:center;display:flex;padding:25px 0}.footer-copy p{font-family:Inter;font-size:16px;font-weight:400;line-height:16px}.footer-copy ul{align-items:center;display:flex;flex-wrap:wrap}.footer-copy ul li a{font-family:Inter;font-size:16px;font-weight:400;line-height:16px}.footer-copy ul li a:after{background:#15083d;content:"";display:block;height:1px;width:100%}.footer-copy span{align-items:center;display:flex;justify-content:center;width:20px}@media only screen and (max-width:992px){.header-button,.main-bar-menu,.top-bar{display:none}header{left:0;padding:0 16px;top:17px}header .container{padding:0}.main-bar{border-radius:18px;padding:17px}.main-bar>a img{width:100px}#hero{padding-top:90px}#hero .container .row{padding-top:0}.mobile-menu{display:block}#faq .green-link{display:none}#faq .faq-container .faq-questions .green-link{display:flex}#faq .faq-container{flex-direction:column}#faq .faq-container .faq-questions{width:100%}#faq .faq-image{height:255px;width:100%}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-body{padding-right:0}#faq .faq-container .faq-questions .accordion{padding:32px 24px}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-button{font-size:24px;padding-bottom:32px;padding-top:0}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-body{font-size:15px;line-height:150%}#faq{padding:56px 0}#company-info{padding:0}#company-info .company-info-container{flex-direction:column-reverse}#company-info .company-info-image{height:400px;width:100%}#company-info .company-info-content{width:100%}#subscribe .subscribe-container{flex-direction:column}#subscribe .subscribe-content{margin-bottom:50px;width:100%}#subscribe .subscribe-form{width:100%}#subscribe .subscribe-form input{margin-top:0}#subscribe .subscribe-content .section-content{max-width:100%}#subscribe{padding-top:56px}#subscribe .subscribe-content .section-title{font-size:33px;margin-bottom:24px}#subscribe .subscribe-form input{height:64px}#subscribe .subscribe-container{padding:35px 24px}#why-octo .why-card{max-width:none;min-height:auto;width:100%}#why-octo .why-card-content .card-title{text-align:center}.how-we-function-text{margin-bottom:50px;width:100%}.how-we-function-image{justify-content:center;width:100%}#how-we-function .how-we-function-container{flex-direction:column}}@media only screen and (max-width:768px){.hero-images{bottom:0;margin-left:0;transform:scale(.8)}#hero .hero-content h1{font-size:31px;line-height:110%}#hero .hero-content p{font-size:15px;line-height:150%}.primary-button,.secondary-button{font-size:14px}.hero-buttons{align-items:flex-start;flex-direction:column}.hero-buttons .primary-button-arrow{margin-bottom:8px}#hero .container{padding:37px 24px}body{padding:16px}.footer-menu-container,.footer-socials{margin-bottom:50px}footer .main-footer .container .row{margin-bottom:0}footer .footer-logo img{margin-bottom:30px}footer .main-footer>.container{padding:44px 24px;position:relative}footer .footer-logo img{max-width:39%}footer .footer-logo{border-bottom:1px solid #ffffff38;margin-bottom:32px;padding-bottom:128px}footer .main-footer .footer-image{margin:0;max-width:50%;padding:0;position:absolute;right:24px;top:46px}footer .main-footer .footer-image img{width:100%}footer .footer-socials{position:absolute;top:125px}footer .footer-menu-container{flex-direction:column}footer .footer-column{width:100%}footer .footer-column h4{padding:12px 0;position:relative}.footer-menu-container,.footer-socials{margin-bottom:0}.footer-copy{flex-wrap:wrap}.footer-copy p{margin-bottom:5px;width:100%}.footer-column ul,.footer-copy>span{display:none}.footer-column.open ul{display:flex;flex-direction:column}footer .footer-column h4:after{content:url(https://20213337.fs1.hubspotusercontent-na1.net/hubfs/20213337/Ockto%202025/images/arrow-down.svg);filter:invert(1);position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.footer-column.open h4:after{transform:translateY(-50%) rotate(180deg)}.color-title h2{font-size:32px;margin-bottom:30px}.who-we-are-text{font-size:15px}#who-we-are{margin:0}.section-info{font-size:14px;margin-bottom:16px}.section-info:before{height:10px;width:10px}.section-info-border{padding:12px 20px 12px 40px}.section-info-border:before{left:20px}.solution-card .card-content .card-text .card-title{font-size:24px}.solution-card .card-content{padding:32px 24px}.section-content{font-size:15px}.solution-card .card-content .card-text{margin-bottom:32px;min-height:auto}.solution-card .card-image{height:255px}.solution-card .card-image img{height:auto;max-height:80%;max-width:50%;width:auto}.dark-link,.green-link{align-items:center}.dark-link p,.green-link p{font-size:14px}#our-solutions{margin-bottom:0}.how-we-do-image{height:255px}.how-we-do-container{padding:32px 24px}.section-title{font-size:31px;margin-bottom:24px}.how-we-do-container .section-content{margin-bottom:32px}#how-we-do{margin-bottom:0}#organizations .smaller-section-title{font-size:31px;margin-bottom:26px}#organizations,.purple-slider{margin-bottom:0}.purple-slider .swiper{flex-direction:column;height:auto;padding:32px 24px 150px!important;position:relative}.purple-slider .swiper .other-part{padding:0;width:100%}.slider-buttons{bottom:75px;position:absolute;right:24px}.purple-slider .green-link{bottom:35px;position:absolute;right:24px}.swiper-shader{display:none}.active-cases-swiper .swiper-slide{flex-direction:column;height:auto;max-height:none}.active-cases-swiper .swiper-slide .left-part{border-radius:16px;overflow:hidden;width:100%}.active-cases-swiper .swiper-slide .right-part{border-radius:16px;height:160px;width:100%}.active-cases-swiper .swiper-slide .top-part .slide-title{font-size:24px}.active-cases-swiper .swiper-slide .top-part{border-radius:0;min-height:auto;padding:32px 24px}.active-cases-swiper .swiper-slide .top-part .title-part{margin-bottom:32px}.active-cases-swiper .swiper-slide .left-part .bottom-part{border-radius:0;padding:15px 24px}.pale-button{font-size:11px;height:32px;padding:14px 16px}.active-cases-button-next,.active-cases-button-prev,.updates-button-next,.updates-button-prev{height:41px;width:41px}.active-cases-button-next img,.active-cases-button-prev img,.updates-button-next img,.updates-button-prev img{height:12px;width:12px}.swiper-slide-counter{font-size:12px;height:41px;width:60px}#updates .updates-swiper{padding-bottom:0;width:100%}.swiper-hide{display:none}#updates .updates-swiper .swiper-slide .back-image{height:160px}#updates .updates-swiper .dark-link{margin-top:32px}#updates .updates-swiper .swiper-slide .slide-content{padding:32px 24px}#updates .updates-swiper .swiper-slide .slide-content .slide-title{font-size:24px;margin-bottom:16px}#cta .cta-content{align-items:flex-start;flex-direction:column;justify-content:center;padding:32px 24px}#cta .smaller-section-title{font-size:32px;margin-bottom:32px}#company-info .company-info-content{padding:35px}#company-info .company-info-image{height:255px}#company-info .primary-button-arrow{margin-top:50px}#company-info .company-info-icon-box img{width:30px}#company-info .company-info-icon-box .section-content{margin-left:15px}#faq .faq-container .faq-questions .accordion .accordion-item .accordion-button:after{font-size:20px;padding:17px}#why-octo .why-card{padding:45px 24px}#why-octo .why-card .why-card-image{height:auto}#why-octo .why-card .why-card-image img{max-width:60px}#why-octo .why-card-content .card-title{font-size:24px}#why-octo .card-text p{font-size:15px;line-height:150%}#why-octo .container{padding:50px 24px}#why-octo .section-content{margin-bottom:50px}#why-octo .primary-button-arrow{margin-top:50px}#how-we-function,#why-octo{padding:0}#how-we-function .how-we-function-container{padding:50px 24px}.how-we-function-text .steps-container .step-box .step-number{height:50px;margin-right:20px;width:50px}.how-we-function-text .steps-container .step-box .step-number p{font-size:25px}.how-we-function-text .steps-container .step-content{padding-top:10px}.how-we-function-text .steps-container .step-box .step-content h5{font-size:25px;margin-bottom:10px}.how-we-function-text .steps-container .step-box .step-content p{font-size:15px}.how-we-function-text .steps-container:before{height:75%;left:25px}.how-we-function-text .steps-container{margin-bottom:50px;margin-top:50px}}@media only screen and (max-width:550px){.organization-swiper .swiper-slide img{max-height:80%;max-width:70%}}@media only screen and (min-width:769px) and (max-width:992px){.hero-images{bottom:0;margin-left:0;transform:scale(.8)}.footer-menu-container,.footer-socials{margin-bottom:50px}footer .main-footer .container .row{margin-bottom:0}footer .footer-logo img{margin-bottom:30px}.color-title h2{font-size:46px}.who-we-are-text{font-size:20px}.how-we-do-image{height:350px}.purple-slider .swiper{flex-direction:column;height:auto;padding-bottom:190px!important;position:relative}.purple-slider .swiper .other-part{padding:0;width:100%}.slider-buttons{bottom:85px;position:absolute;right:50px}.purple-slider .green-link{bottom:35px;position:absolute;right:50px}.swiper-shader{display:none}.active-cases-swiper .swiper-slide{flex-direction:column;height:auto;max-height:none}.active-cases-swiper .swiper-slide .left-part{width:100%}.active-cases-swiper .swiper-slide .right-part{height:260px;width:100%}.active-cases-swiper .swiper-slide .top-part .slide-title{font-size:32px}.active-cases-swiper .swiper-slide .top-part{min-height:auto}.active-cases-swiper .swiper-slide .top-part .title-part{margin-bottom:32px}#updates .updates-swiper{padding-bottom:0;width:100%}.swiper-hide{display:none}#updates .updates-swiper .swiper-slide .back-image{height:260px}#updates .updates-swiper .dark-link{margin-top:32px}#cta .cta-content{align-items:flex-start;flex-direction:column;justify-content:center}#cta .smaller-section-title{font-size:42px;margin-bottom:50px}}@media only screen and (min-width:993px) and (max-width:1200px){.hero-images{bottom:40px;margin-left:-25px;transform:scale(.9)}.main-bar>a{left:0;position:absolute;top:-50px}header{top:58px}.main-bar{justify-content:center;padding:11px 20px}.header-button{left:155px;position:absolute;top:-55px}footer .main-footer .footer-image img{max-width:300px}.mega-menu{padding-top:25px;top:33px}.mega-menu .left-part .contact-part{align-items:flex-start;flex-direction:column}.mega-menu .left-part .contact-part .contact-image{margin-bottom:20px}.mega-menu .right-part{padding:38px 25px}.bottom-part .bottom-part-links a,.mega-menu .right-part .top-part-texts .text-box{padding-right:20px}.color-title h2{font-size:60px}.who-we-are-text{font-size:24px}.how-we-do-container{padding:60px 35px}.purple-slider .swiper{flex-direction:column;height:auto;padding-bottom:190px!important;position:relative}.purple-slider .swiper .other-part{padding:0;width:100%}.slider-buttons{bottom:85px;position:absolute;right:50px}.purple-slider .green-link{bottom:35px;position:absolute;right:50px}.swiper-shader{display:none}#updates .updates-swiper{width:100%}.swiper-hide{display:none}#updates .updates-swiper .swiper-slide .back-image{height:260px}#updates .updates-swiper .dark-link{margin-top:32px}#cta .cta-content{align-items:flex-start;flex-direction:column;justify-content:center}#cta .smaller-section-title{font-size:48px;margin-bottom:50px}#faq .green-link{display:none}#faq .faq-container .faq-questions .green-link{display:flex;margin-top:50px}#faq .faq-container{flex-direction:column}#faq .faq-container .faq-questions{width:100%}#faq .faq-image{height:400px;width:100%}#subscribe .subscribe-content{width:55%}#subscribe .subscribe-form{width:45%}#why-octo .why-card{max-width:none;width:48%}.how-we-function-text{margin-bottom:50px;width:100%}.how-we-function-image{justify-content:center;width:100%}#how-we-function .how-we-function-container{flex-direction:column}}@media only screen and (min-width:1201px) and (max-width:1400px){.hero-images{bottom:40px;margin-left:-25px;transform:scale(.9)}.main-bar>a{left:0;position:absolute;top:-43px}header{top:58px}.main-bar{padding:11px 20px}.section-title{font-size:52px}.active-cases-swiper .swiper-slide .top-part .slide-title{font-size:36px}.active-cases-swiper .swiper-slide .left-part .bottom-part,.active-cases-swiper .swiper-slide .top-part{padding:30px}#cta .smaller-section-title{font-size:48px;margin-right:50px;width:45%}#why-octo .why-card{max-width:none;width:48%}.how-we-function-text{width:60%}.how-we-function-image{justify-content:flex-end;width:40%}.how-we-function-image img{max-width:350px}}@media only screen and (min-width:1401px) and (max-width:1600px){.hero-images{bottom:40px;margin-left:-25px;transform:scale(.9)}.section-title{font-size:54px}.active-cases-swiper .swiper-slide .top-part .slide-title{font-size:38px}}#help-form{padding:0}.help-form-container{align-items:stretch;display:flex;justify-content:space-between}.help-form-container .left-part{background:linear-gradient(119.62deg,#e2fafc -.03%,#7ac7cd 99.97%);border:1px solid #15083d26;border-radius:30px;overflow:hidden;padding:76px 50px;position:relative;width:35%}.help-form-container .left-part img{bottom:-40%;left:50%;position:absolute;transform:translateX(-50%);width:150%}.help-form-container .right-part{width:65%}@media only screen and (min-width:992px) and (max-width:1400px){.help-form-container{flex-direction:column}.help-form-container .left-part{height:400px;width:100%}.help-form-container .left-part .section-title{max-width:50%}.help-form-container .left-part img{bottom:-50%;height:600px;left:auto;right:0;transform:none;width:auto}.help-form-container .right-part{width:100%}}@media only screen and (min-width:0px) and (max-width:991px){.help-form-container{flex-direction:column}.help-form-container .left-part{height:600px;width:100%}.help-form-container .left-part .section-title{max-width:100%;text-align:center}.help-form-container .left-part img{width:65%}.help-form-container .right-part{width:100%}}@media only screen and (min-width:0px) and (max-width:768px){.help-form-container .left-part{height:auto;margin-bottom:50px;padding:35px 20px}.help-form-container .left-part img{left:50%;margin-bottom:-50%;position:relative;transform:translateX(-50%);width:90%}}#contact-form{padding:0}.contact-form-container{background:#fff;border:1px solid #15083d26;border-radius:30px;padding:78px 59px}.contact-form-container form input[type=email],.contact-form-container form input[type=text],.contact-form-container form textarea{border:1px solid #15083d;border-radius:10px;font-size:18px;height:86px;margin-bottom:0;padding:10px 32px}.contact-form-container form .half-input{width:48.5%}.contact-form-container form .full-input{width:100%}.contact-form-container form .radio-inputs{margin-bottom:57px;width:100%}.form-title{font-family:Inter;font-size:20px;font-weight:500;line-height:160%;margin-bottom:24px;width:100%}.radio-input{align-items:center;display:flex;margin-bottom:25px}.radio-input:last-child{margin-bottom:0}.radio-input input{height:31px;margin-right:21px;width:31px}.radio-input label{font-family:Inter;font-size:18px;font-weight:400;line-height:170%}.radio-inputs .form-title{margin-bottom:36px}.contact-form-container form .full-label{display:flex;flex-direction:column;font-family:Inter;font-size:18px;font-weight:400;line-height:170%;margin-bottom:16px;width:100%}.contact-form-container form .full-label input{margin-top:41px;width:100%}.contact-form-container form textarea{height:245px;padding:27px 32px;width:100%}.privacy-policy{margin-bottom:56px;width:100%}.privacy-policy a{text-decoration:underline}.contact-form-container form button{background:transparent;border:none;padding:0}@media only screen and (max-width:992px){.contact-form-container form .half-input{width:100%}}@media only screen and (max-width:768px){.contact-form-container{border:none;padding:30px 20px 20px}.contact-form-container form input[type=email],.contact-form-container form input[type=text],.contact-form-container form textarea{font-size:16px;height:62px;margin-bottom:30px;padding:10px 20px}.radio-input input{height:25px;margin-right:15px;width:25px}.radio-input{margin-bottom:20px}.radio-input label{font-size:16px}.contact-form-container form .full-label input{margin-top:30px}.contact-form-container form textarea{height:200px;padding:20px}}#blogs-page{padding:130px 0}#blogs-page .container{max-width:1260px}#blogs-page .blog-title{font-family:Aeonik;font-size:72px;font-weight:300;line-height:120%;margin-bottom:62px;text-align:center;width:100%}.blog-cats{display:flex;flex-wrap:wrap;justify-content:center}.blog-cats .blog-cat{background:#c4e6e9;border-radius:71px;color:#15083d;font-family:Inter;font-size:18px;font-weight:400;line-height:170%;margin:15px;padding:10px 26px;text-align:center}.blog-cats .blog-cat.active{background:#15083d;color:#c4e6e9}#blogs-page .blog-filters{align-items:center;display:flex;justify-content:space-between;margin-bottom:38px;margin-top:128px}#blogs-page .blog-filters .blog-search{border:1px solid #15083d;border-radius:30px;height:51px;padding:10px 25px}#blogs-page .blog-filters .blog-search img{margin-right:10px}#blogs-page .blog-filters .blog-search input{border:none;height:100%;width:140px}#blogs-page #filter-sorter,#blogs-page .blog-filters .blog-search input{font-family:Inter;font-size:18px;font-weight:400;line-height:170%;outline:none}#blogs-page #filter-sorter{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #15083d;border-radius:71px;height:51px;padding:10px 50px 10px 25px;width:187px;z-index:2}#blogs-page .blog-filter{position:relative}#blogs-page .blog-filter:after{content:url(../images/arrow-down.svg);height:25px;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.blog-cards .cards-title{font-family:Aeonik;font-size:40px;font-weight:300;line-height:120%;margin-bottom:51px;vertical-align:bottom}.blog-cards .cards-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.blog-cards .cards-container .card{border:1px solid #15083d26;border-radius:30px;overflow:hidden;width:31%}.blog-cards .cards-container .card .card-image{background-position:50%;background-size:cover;height:282px;position:relative}.blog-cards .cards-container .card .card-image .card-cat{align-items:center;background:#c4e6e9;border-radius:71px;display:flex;font-family:Inter;font-size:14px;font-weight:400;height:46px;justify-content:center;left:32px;line-height:42.61px;padding:10px 20px;position:absolute;text-align:center;top:34px}.blog-cards .cards-container .card .card-content{display:flex;flex-direction:column;padding:48px 42px}.blog-cards .cards-container .card .card-content .card-title{font-family:Aeonik;font-size:40px;font-weight:300;line-height:120%;margin-bottom:30px;min-height:192px}.card-details{align-items:center;display:flex;margin-bottom:50px}.card-details .card-author,.card-details .card-date{align-items:center;display:flex;margin-right:18px}.card-details .card-time{align-items:center;display:flex;margin-right:0}.card-details .card-author img,.card-details .card-date img,.card-details .card-time img{margin-right:10px}.card-details .card-author p,.card-details .card-date p,.card-details .card-time p{color:#15083d;font-family:Inter;font-size:16px;font-weight:400;line-height:100%}.blog-cards .cards-container .card .primary-button{width:fit-content}@media only screen and (min-width:768px) and (max-width:1200px){.blog-cards .cards-container .card{width:45%}.blog-cards .cards-container{gap:30px;justify-content:center}}@media only screen and (max-width:768px){#blogs-page{padding:50px 0}.blog-cards .cards-container .card{max-width:450px;width:100%}.blog-cards .cards-container{gap:30px;justify-content:center}.blog-cards .cards-title{font-size:30px;text-align:center}#blogs-page .blog-title{font-size:35px;margin-bottom:35px}.blog-cats .blog-cat{font-size:14px;margin-bottom:10px;margin-right:10px}#blogs-page .blog-filters{flex-direction:column;margin-top:50px}#blogs-page .blog-filters .blog-search{margin-bottom:20px}#blogs-page #filter-sorter,#blogs-page .blog-filters .blog-search input{font-size:16px}.blog-cards .cards-container .card .card-content .card-title{font-size:30px;min-height:auto}.blog-cards .cards-container .card .card-content{padding:30px 25px}.card-details .card-author,.card-details .card-date,.card-details .card-time{margin-bottom:10px}.card-details{flex-wrap:wrap;margin-bottom:35px}}