.spa-1 {

   padding-top: 27px;

}



.spa-page {

   position: relative;

   z-index: 2;

   overflow: hidden !important;

   width: 100%;

}



.spa-page .sp-ab-1-breadcrumbs--black {

   justify-content: flex-start;

}



.spa-page .wrapper {

   width: 1320px;

   max-width: 100%;

   margin-left: auto;

   margin-right: auto;

   padding-left: 20px;

   padding-right: 20px;

}



.spa-1-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 36px;

   font-style: normal;

   font-weight: 700;

   line-height: 155%;

   letter-spacing: 0.36px;

   margin-bottom: 16px;

}



.spa-1-content {

   width: calc(100% - 328px);

}



.spa-1-sidebar {

   width: 293px;

   padding-top: 17px;

}



.spa-1-box-image {

   width: 400px;

   height: 463px;

   border-radius: 10px 0px 0px 10px;

   position: relative;

}



.spa-1-box-image img {

   display: block;

   width: 100%;

   height: 100%;

   border-radius: 10px 0px 0px 10px;

   object-fit: cover;

   object-position: center;

}



.spa-1-box-content {

   position: relative;

   width: calc(100% - 376px);

   z-index: 20;

   left: -28px;

   padding: 24px;

   border-radius: 10px;

   background: #FFF;

   box-shadow: 2px 5px 20px 0px rgba(148, 165, 201, 0.24);

   margin-top: 24px;

   margin-bottom: 16px;

}



.spa-1-box {

   display: flex;

   align-items: center;

   background: #F4F1FE;

   border-radius: 10px;

   position: relative;

   z-index: 10;

   width: calc(100% - 32px);

}



.spa-1-box-wrapper {

   position: relative;

   margin-bottom: 56px;

}



.spa-1-box-wrapper:after {

   content: '';

   display: block;

   background: #FAFAFB;

   border-radius: 10px;

   top: 16px;

   position: absolute;

   height: calc(100% + 16px);

   width: calc(100% - 113px);

   right: 0px;

}



.spa-1-box-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 30px;

   font-style: normal;

   font-weight: 700;

   line-height: 155%;

   letter-spacing: 0.3px;

   margin-bottom: 4px;

}



.spa-1-box-job {

   color: #919191;

   font-family: "Roboto", sans-serif;

   font-size: 16px;

   font-style: normal;

   font-weight: 400;

   line-height: 24px;

   margin-bottom: 20px;

}



.spa-1-flex {

   display: flex;

   flex-wrap: wrap;

   justify-content: space-between;

}



.spa-1-item {

   margin-top: 16px;

   width: 49%;

   display: flex;

   align-items: center;

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 16px;

   font-style: normal;

   font-weight: 400;

   line-height: 24px;

}



.spa-1-item-icon {

   background: #C7BCEB;

   width: 27px;

   height: 27px;

   min-width: 27px;

   margin-right: 8px;

   display: flex;

   align-items: center;

   border-radius: 7px;

   justify-content: center;

}



.spa-1-item-icon img {

   width: 15px;

   height: 15px;

   object-fit: contain;

   object-position: center;

   display: block;

}



.spa-1-quote {

   position: relative;

   margin-bottom: 20px;

   padding-left: 12px;

   margin-top: 45px;

}



.spa-1-quote:before {

   content: '';

   display: block;

   position: absolute;

   top: -25px;

   left: 0px;

   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc4NzUgMzcuMjc3NUMxMS41MDg3IDQwLjQ5MzcgOS40OTM3OSA0My42NzEzIDYuODAwNjQgNDYuNzMyNkM1Ljk0ODE0IDQ3LjcwMTMgNS44MzE4OSA0OS4wOTYyIDYuNTI5MzcgNTAuMTgxMkM3LjA3MTkzIDUxLjAzMzcgNy45NjMxMSA1MS40OTg3IDguOTMxODYgNTEuNDk4N0M5LjIwMzEzIDUxLjQ5ODcgOS40NzQ0MSA1MS40Nzk1IDkuNzQ1NjggNTEuMzgyNUMxNS40NDE4IDQ5LjcxNjMgMjguNzUyNiA0My44MDY5IDI5LjEyMDcgMjQuODU4MUMyOS4yNTYyIDE3LjU1MzggMjMuOTA4OCAxMS4yNzYzIDE2Ljk1MzEgMTAuNTU5NEMxMy4wOTc1IDEwLjE3MTkgOS4yNjEzMSAxMS40MzEyIDYuNDEzMTIgMTMuOTg4N0MzLjU2NTA2IDE2LjU2NTcgMS45Mzc1IDIwLjI0NjkgMS45Mzc1IDI0LjA4MzJDMS45Mzc1IDMwLjQ3NjkgNi40NzEzMSAzNi4wNzYzIDEyLjc4NzUgMzcuMjc3NVoiIGZpbGw9IiNGNEYxRkUiLz4KPHBhdGggZD0iTTQ3Ljg3NTcgMTAuNTU5NEM0NC4wMzkzIDEwLjE3MTkgNDAuMjAzMSAxMS40MzEyIDM3LjM1NTEgMTMuOTg4N0MzNC41MDY5IDE2LjU2NTcgMzIuODc5MyAyMC4yNDY5IDMyLjg3OTMgMjQuMDgzMkMzMi44NzkzIDMwLjQ3NjkgMzcuNDEzMSAzNi4wNzYzIDQzLjcyOTQgMzcuMjc3NUM0Mi40NTA2IDQwLjQ5MzcgNDAuNDM1NiA0My42NzEzIDM3Ljc0MjUgNDYuNzMyNUMzNi44OSA0Ny43MDEzIDM2Ljc3MzcgNDkuMDk2MiAzNy40NzEzIDUwLjE4MTJDMzguMDEzOCA1MS4wMzM3IDM4LjkwNSA1MS40OTg3IDM5Ljg3MzggNTEuNDk4N0M0MC4xNDQ5IDUxLjQ5ODcgNDAuNDE2MiA1MS40Nzk0IDQwLjY4NzUgNTEuMzgyNUM0Ni4zODM4IDQ5LjcxNjIgNTkuNjk0NCA0My44MDY5IDYwLjA2MjUgMjQuODU4MVYyNC41ODY5QzYwLjA2MjUgMTcuMzk4OCA1NC43NzMyIDExLjI3NjMgNDcuODc1NyAxMC41NTk0WiIgZmlsbD0iI0Y0RjFGRSIvPgo8L3N2Zz4K");

   background-position: center;

   background-repeat: no-repeat;

   background-size: contain;

   width: 62px;

   height: 62px;

}



.spa-1-quote p {

   position: relative;

   z-index: 20;

   color: #3F3F3F;

   font-family: "Roboto", sans-serif;

   font-size: 18px;

   font-style: italic;

   font-weight: 300;

   line-height: normal;

   letter-spacing: 0.18px;

}



.spa-1-social-list {

   display: flex;

}



.spa-1-social-list a {

   width: 40px;

   height: 40px;

   margin-right: 13px;

   border-radius: 100%;

   background-color: #5434C3;

   background-position: center !important;

   background-repeat: no-repeat !important;

   transition: 0.25s;

}



.spa-1-social-list a:hover {

   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);

}



.spa-1-social-twitter {

   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyNF83NDEzKSI+CjxwYXRoIGQ9Ik0yMCAzLjc5ODc1QzE5LjI1NjIgNC4xMjUgMTguNDYzNyA0LjM0MTI1IDE3LjYzNzUgNC40NDYyNUMxOC40ODc1IDMuOTM4NzUgMTkuMTM2MyAzLjE0MTI1IDE5LjQ0MTMgMi4xOEMxOC42NDg4IDIuNjUyNSAxNy43NzM3IDIuOTg2MjUgMTYuODQxMiAzLjE3MjVDMTYuMDg4NyAyLjM3MTI1IDE1LjAxNjIgMS44NzUgMTMuODQ2MiAxLjg3NUMxMS41NzYyIDEuODc1IDkuNzQ4NzUgMy43MTc1IDkuNzQ4NzUgNS45NzYyNUM5Ljc0ODc1IDYuMzAxMjUgOS43NzYyNSA2LjYxMzc1IDkuODQzNzUgNi45MTEyNUM2LjQzNSA2Ljc0NSAzLjQxODc1IDUuMTExMjUgMS4zOTI1IDIuNjIyNUMxLjAzODc1IDMuMjM2MjUgMC44MzEyNSAzLjkzODc1IDAuODMxMjUgNC42OTVDMC44MzEyNSA2LjExNSAxLjU2MjUgNy4zNzM3NSAyLjY1MjUgOC4xMDI1QzEuOTkzNzUgOC4wOSAxLjM0NzUgNy44OTg3NSAwLjggNy41OTc1QzAuOCA3LjYxIDAuOCA3LjYyNjI1IDAuOCA3LjY0MjVDMC44IDkuNjM1IDIuMjIxMjUgMTEuMjkgNC4wODUgMTEuNjcxMkMzLjc1MTI1IDExLjc2MjUgMy4zODc1IDExLjgwNjIgMy4wMSAxMS44MDYyQzIuNzQ3NSAxMS44MDYyIDIuNDgyNSAxMS43OTEyIDIuMjMzNzUgMTEuNzM2MkMyLjc2NSAxMy4zNiA0LjI3MjUgMTQuNTUzNyA2LjA2NSAxNC41OTI1QzQuNjcgMTUuNjgzNyAyLjg5ODc1IDE2LjM0MTIgMC45ODEyNSAxNi4zNDEyQzAuNjQ1IDE2LjM0MTIgMC4zMjI1IDE2LjMyNjIgMCAxNi4yODVDMS44MTYyNSAxNy40NTYyIDMuOTY4NzUgMTguMTI1IDYuMjkgMTguMTI1QzEzLjgzNSAxOC4xMjUgMTcuOTYgMTEuODc1IDE3Ljk2IDYuNDU3NUMxNy45NiA2LjI3NjI1IDE3Ljk1MzcgNi4xMDEyNSAxNy45NDUgNS45Mjc1QzE4Ljc1ODcgNS4zNSAxOS40NDI1IDQuNjI4NzUgMjAgMy43OTg3NVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjI0Xzc0MTMiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");

}



.spa-1-social-facebook {

   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU0ODkgMjBWMTAuODc3N0gxNC42MDk2TDE1LjA2ODggNy4zMjE1NkgxMS41NDg5VjUuMDUxNDdDMTEuNTQ4OSA0LjAyMjIgMTEuODMzNSAzLjMyMDc2IDEzLjMxMTIgMy4zMjA3NkwxNS4xOTI3IDMuMzE5OTlWMC4xMzkyM0MxNC44NjczIDAuMDk2OTQ1MyAxMy43NTA0IDAgMTIuNDUwNCAwQzkuNzM1NzggMCA3Ljg3NzMyIDEuNjU2OTcgNy44NzczMiA0LjY5OTI3VjcuMzIxNTZINC44MDczVjEwLjg3NzdINy44NzczMlYyMEgxMS41NDg5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");

}



.spa-1-social-instagram {

   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyNF83NDIwKSI+CjxwYXRoIGQ9Ik0xOS45ODA0IDUuODgwMDZDMTkuOTMzNiA0LjgxNzM4IDE5Ljc2MTcgNC4wODY4IDE5LjUxNTYgMy40NTM3NEMxOS4yNjE2IDIuNzgxNzYgMTguODcwOSAyLjE4MDE0IDE4LjM1OSAxLjY4MDAyQzE3Ljg1ODkgMS4xNzIxIDE3LjI1MzMgMC43Nzc0MzUgMTYuNTg5MSAwLjUyNzQ0N0MxNS45NTI0IDAuMjgxMjc0IDE1LjIyNTYgMC4xMDk0MjcgMTQuMTYyOSAwLjA2MjU3MzJDMTMuMDkyMyAwLjAxMTc1MTYgMTIuNzUyNSAwIDEwLjAzNzEgMEM3LjMyMTcxIDAgNi45ODE4MyAwLjAxMTc1MTYgNS45MTUxOCAwLjA1ODYwNTJDNC44NTI1IDAuMTA1NDU5IDQuMTIxOTIgMC4yNzc0NTkgMy40ODkwMiAwLjUyMzQ3OUMyLjgxNjg5IDAuNzc3NDM1IDIuMjE1MjcgMS4xNjgxNCAxLjcxNTE0IDEuNjgwMDJDMS4yMDcyMyAyLjE4MDE0IDAuODEyNzEzIDIuNzg1NzMgMC41NjI1NzMgMy40NDk5MkMwLjMxNjQgNC4wODY4IDAuMTQ0NTUzIDQuODEzNDEgMC4wOTc2OTkgNS44NzYwOUMwLjA0Njg3NzMgNi45NDY3IDAuMDM1MTI1NyA3LjI4NjU4IDAuMDM1MTI1NyAxMC4wMDJDMC4wMzUxMjU3IDEyLjcxNzMgMC4wNDY4NzczIDEzLjA1NzIgMC4wOTM3MzA5IDE0LjEyMzlDMC4xNDA1ODUgMTUuMTg2NSAwLjMxMjU4NSAxNS45MTcxIDAuNTU4NzU3IDE2LjU1MDJDMC44MTI3MTMgMTcuMjIyMSAxLjIwNzIzIDE3LjgyMzggMS43MTUxNCAxOC4zMjM5QzIuMjE1MjcgMTguODMxOCAyLjgyMDg2IDE5LjIyNjUgMy40ODUwNSAxOS40NzY1QzQuMTIxOTIgMTkuNzIyNiA0Ljg0ODU0IDE5Ljg5NDUgNS45MTEzNyAxOS45NDEzQzYuOTc3ODYgMTkuOTg4MyA3LjMxNzg5IDE5Ljk5OTkgMTAuMDMzMyAxOS45OTk5QzEyLjc0ODYgMTkuOTk5OSAxMy4wODg1IDE5Ljk4ODMgMTQuMTU1MiAxOS45NDEzQzE1LjIxNzggMTkuODk0NSAxNS45NDg0IDE5LjcyMjYgMTYuNTgxMyAxOS40NzY1QzE3LjkyNTQgMTguOTU2OCAxOC45ODgxIDE3Ljg5NDEgMTkuNTA3OCAxNi41NTAyQzE5Ljc1MzggMTUuOTEzMyAxOS45MjU4IDE1LjE4NjUgMTkuOTcyNiAxNC4xMjM5QzIwLjAxOTUgMTMuMDU3MiAyMC4wMzEzIDEyLjcxNzMgMjAuMDMxMyAxMC4wMDJDMjAuMDMxMyA3LjI4NjU4IDIwLjAyNzMgNi45NDY3IDE5Ljk4MDQgNS44ODAwNlpNMTguMTc5NCAxNC4wNDU3QzE4LjEzNjQgMTUuMDIyNSAxNy45NzIzIDE1LjU0OTkgMTcuODM1NSAxNS45MDE1QzE3LjQ5OTUgMTYuNzcyOCAxNi44MDggMTcuNDY0NCAxNS45MzY3IDE3LjgwMDRDMTUuNTg1IDE3LjkzNzIgMTUuMDUzOCAxOC4xMDEyIDE0LjA4MDggMTguMTQ0MUMxMy4wMjU5IDE4LjE5MTEgMTIuNzA5NiAxOC4yMDI3IDEwLjA0MSAxOC4yMDI3QzcuMzcyNTMgMTguMjAyNyA3LjA1MjE4IDE4LjE5MTEgNi4wMDExMSAxOC4xNDQxQzUuMDI0MzUgMTguMTAxMiA0LjQ5NjkxIDE3LjkzNzIgNC4xNDUyNyAxNy44MDA0QzMuNzExNjkgMTcuNjQwMiAzLjMxNzAyIDE3LjM4NjIgMi45OTY2NyAxNy4wNTQxQzIuNjY0NTggMTYuNzI5OCAyLjQxMDYyIDE2LjMzOTEgMi4yNTAzNyAxNS45MDU1QzIuMTEzNjMgMTUuNTUzOSAxLjk0OTU2IDE1LjAyMjUgMS45MDY2OCAxNC4wNDk3QzEuODU5NjcgMTIuOTk0OCAxLjg0ODA3IDEyLjY3ODMgMS44NDgwNyAxMC4wMDk3QzEuODQ4MDcgNy4zNDEyMiAxLjg1OTY3IDcuMDIwODcgMS45MDY2OCA1Ljk2OTk1QzEuOTQ5NTYgNC45OTMxOSAyLjExMzYzIDQuNDY1NzUgMi4yNTAzNyA0LjExNDEyQzIuNDEwNjIgMy42ODAzOCAyLjY2NDU4IDMuMjg1ODYgMy4wMDA2NCAyLjk2NTM2QzMuMzI0OCAyLjYzMzI3IDMuNzE1NSAyLjM3OTMxIDQuMTQ5MjQgMi4yMTkyMUM0LjUwMDg3IDIuMDgyNDcgNS4wMzIyOSAxLjkxODQgNi4wMDUwNyAxLjg3NTM3QzcuMDU5OTcgMS44Mjg1MSA3LjM3NjUgMS44MTY3NiAxMC4wNDQ5IDEuODE2NzZDMTIuNzE3NCAxLjgxNjc2IDEzLjAzMzcgMS44Mjg1MSAxNC4wODQ4IDEuODc1MzdDMTUuMDYxNiAxLjkxODQgMTUuNTg5IDIuMDgyNDcgMTUuOTQwNiAyLjIxOTIxQzE2LjM3NDIgMi4zNzkzMSAxNi43Njg5IDIuNjMzMjcgMTcuMDg5MiAyLjk2NTM2QzE3LjQyMTMgMy4yODk2NyAxNy42NzUzIDMuNjgwMzggMTcuODM1NSA0LjExNDEyQzE3Ljk3MjMgNC40NjU3NSAxOC4xMzY0IDQuOTk3MDEgMTguMTc5NCA1Ljk2OTk1QzE4LjIyNjIgNy4wMjQ4NCAxOC4yMzggNy4zNDEyMiAxOC4yMzggMTAuMDA5N0MxOC4yMzggMTIuNjc4MyAxOC4yMjYyIDEyLjk5MDggMTguMTc5NCAxNC4wNDU3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjAzNzEgNC44NjQyNkM3LjIwMDY5IDQuODY0MjYgNC44OTkzNyA3LjE2NTQzIDQuODk5MzcgMTAuMDAyQzQuODk5MzcgMTIuODM4NSA3LjIwMDY5IDE1LjEzOTcgMTAuMDM3MSAxNS4xMzk3QzEyLjg3MzYgMTUuMTM5NyAxNS4xNzQ4IDEyLjgzODUgMTUuMTc0OCAxMC4wMDJDMTUuMTc0OCA3LjE2NTQzIDEyLjg3MzYgNC44NjQyNiAxMC4wMzcxIDQuODY0MjZaTTEwLjAzNzEgMTMuMzM0N0M4LjE5Njk4IDEzLjMzNDcgNi43MDQzOCAxMS44NDIyIDYuNzA0MzggMTAuMDAyQzYuNzA0MzggOC4xNjE3MiA4LjE5Njk4IDYuNjY5MjcgMTAuMDM3MSA2LjY2OTI3QzExLjg3NzQgNi42NjkyNyAxMy4zNjk4IDguMTYxNzIgMTMuMzY5OCAxMC4wMDJDMTMuMzY5OCAxMS44NDIyIDExLjg3NzQgMTMuMzM0NyAxMC4wMzcxIDEzLjMzNDdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTYuNTc3NSA0LjY2MTA5QzE2LjU3NzUgNS4zMjM0NSAxNi4wNDA1IDUuODYwNTIgMTUuMzc4IDUuODYwNTJDMTQuNzE1NiA1Ljg2MDUyIDE0LjE3ODUgNS4zMjM0NSAxNC4xNzg1IDQuNjYxMDlDMTQuMTc4NSAzLjk5ODU4IDE0LjcxNTYgMy40NjE2NyAxNS4zNzggMy40NjE2N0MxNi4wNDA1IDMuNDYxNjcgMTYuNTc3NSAzLjk5ODU4IDE2LjU3NzUgNC42NjEwOVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjI0Xzc0MjAiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");

}



.spa-1-social-instagram--linkedin {

   background: transparent !important;

}



.spa-1-social-instagram--linkedin img {

   display: block;

   width: 100%;

   height: 100%;

   object-fit: contain;

   object-position: center;

}



.spa-2-box {

   border-radius: 10px;

   border: 1px solid #C7BCEB;

   padding: 16px 29px 16px 24px;

}



.spa-2-box-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 24px;

   font-style: normal;

   font-weight: 700;

   line-height: 155%;

   letter-spacing: 0.24px;

   margin-bottom: 16px;

}



.spa-2-flex {

   display: flex;

   flex-wrap: wrap;

   margin-left: -6px;

   margin-right: -6px;

   margin-top: -12px;

}



.spa-2-item {

   padding: 6px 16px;

   border-radius: 10px;

   background: #F4F1FE;

   color: #5434C3;

   text-align: center;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 500;

   line-height: 24px;

   margin-left: 6px;

   margin-right: 6px;

   margin-top: 12px;

}



.spa-2-box-wrap {

   display: flex;

   margin-bottom: 48px;

}



.spa-3-video-item {

   width: 100%;

   border-radius: 16px;

   overflow: hidden;

   height: 100%;

}



.spa-3-video {

   width: 300px;

   height: 190px;

   border-radius: 16px;

   overflow: hidden;

   position: relative;

}



.spa-3-video-play {

   background: rgba(255, 255, 255, 0.05);

   backdrop-filter: blur(40px);

   position: absolute;

   top: 0px;

   left: 0px;

   transition: 0.25s;

   width: 100%;

   height: 100%;

   cursor: pointer;

   z-index: 20;

}



.spa-3-video-play:after {

   content: '';

   display: block;

   width: 48px;

   height: 48px;

   position: absolute;

   top: 50%;

   left: 50%;

   transform: translate(-50%, -50%);

   background: #5434C3;

   border-radius: 16px;

   background-image: url('../images/spa-3-video-btn-play.svg');

   background-position: center;

   background-repeat: no-repeat;

}



.spa-3-video-item iframe {

   width: 100%;

   height: 100%;

   object-fit: cover;

   object-position: center;

}



.spa-3 {

   display: flex;

   justify-content: space-between;

   align-items: flex-start;

}



.spa-3-left {

   width: calc(100% - 316px);

}



.spa-3-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 30px;

   font-style: normal;

   font-weight: 700;

   line-height: 155%;

   letter-spacing: 0.3px;

   margin-bottom: 16px;

}



.spa-3-text {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 16px;

   font-style: normal;

   font-weight: 400;

   line-height: 24px;

}



.spa-3-text p {

   margin-bottom: 20px;

}



.spa-3-text p:last-child {

   margin-bottom: 0px;

}



.spa-1 {

   padding-bottom: 48px;

}



.spa-1-sidebar-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 24px;

   font-style: normal;

   font-weight: 700;

   line-height: 155%;

   letter-spacing: 0.24px;

   margin-bottom: 16px;

}



.spa-1-sidebar-item {

   padding: 16px;

   border-radius: 10px;

   background: #FFFFFF;

   box-shadow: 2px 2px 30px 0px rgba(58, 30, 154, 0.09);

   margin-bottom: 12px;

}



.spa-1-sidebar-item:last-child {

   margin-bottom: 0px;

}



.spa-1-sidebar-item-top {

   display: flex;

   align-items: center;

   margin-bottom: 16px;

}



.spa-1-sidebar-item-image {

   width: 94px;

   min-width: 94px;

   margin-right: 12px;

   height: 57px;

}



.spa-1-sidebar-item-image img {

   display: block;

   width: 100%;

   height: 100%;

   object-fit: cover;

   object-position: center;

}



.spa-1-sidebar-item-top-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 20px;

   font-style: normal;

   font-weight: 700;

   line-height: normal;

   letter-spacing: 0.2px;

   margin-bottom: 2px;

}



.spa-1-sidebar-item-top-data {

   color: #919191;

   font-family: "Roboto", sans-serif;

   font-size: 12px;

   font-style: normal;

   font-weight: 400;

   line-height: 16px;

}



.spa-1-sidebar-btn {

   display: flex;

   align-items: center;

   justify-content: center;

   width: 100%;

   height: 44px;

   background: #F4F1FE;

   border-radius: 10px;

   color: #5434C3;

   text-align: center;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 500;

   line-height: 24px;

}



.spa-1-sidebar-btn:hover {

   background: #EAE3FF;

}



.spa-1-box-image-label {

   width: 138px;

   height: 70.5px;

   position: absolute;

   top: 24.5px;

   left: -26px;

   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4IiBoZWlnaHQ9Ijc0IiB2aWV3Qm94PSIwIDAgMTQ4IDc0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjcgNzRMOS41IDU1TDI3IDU0Vjc0WiIgZmlsbD0iIzRFMkJDNSIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzM1Nl8xMTIxMikiPgo8cGF0aCBkPSJNMy40NjIyOCAxOC4xNTg5QzMuMjExNzUgMTYuNDQ3IDQuNDU3MzMgMTQuODc4NiA2LjE4MTUzIDE0LjczNDlMMTM3Ljc1MSAzLjc3MDc2QzEzOS41IDMuNjI1MDEgMTQxIDUuMDA1MjggMTQxIDYuNzYwNFY1M0MxNDEgNTQuNjU2OSAxMzkuNjU3IDU2IDEzOCA1NkgxMS41OTI5QzEwLjEwMzkgNTYgOC44NDAxNiA1NC45MDc4IDguNjI0NTUgNTMuNDM0NEwzLjQ2MjI4IDE4LjE1ODlaIiBmaWxsPSIjNUYzQURFIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8zNTZfMTEyMTIiIHg9IjAuNDMwMTc2IiB5PSIwLjc2MDI1NCIgd2lkdGg9IjE0Ny41NyIgaGVpZ2h0PSI2Mi4yMzk3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHg9IjIiIGR5PSIyIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzM1Nl8xMTIxMiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18zNTZfMTEyMTIiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==");

}



.spa-1-box-image-label p {

   color: #FFFFFF;

   text-align: center;

   font-family: "Roboto", sans-serif;

   font-size: 24px;

   font-style: normal;

   font-weight: 700;

   line-height: 155%;

   letter-spacing: 0.24px;

   position: absolute;

   left: 36px;

   top: 13.5px;

}



.spa-3-body {

   width: 100%;

   position: relative;

}



.spa-3-text {

   width: calc(100% - 316px);

}



.spa-3-video {

   position: absolute;

   top: 0px;

   right: 0px;

}



.spa-3-text-1 {

   margin-bottom: 20px;

}



.spa-3-btn-show-hore {

   display: none;

}



.spa-1-btn-load-more {

   display: none;

}



.spa-4 {

   background: #F5F5F5;

   padding: 32px 0px;

}



.spa-4-title {

   color: #000000;

   font-size: 36px;

   font-style: normal;

   font-weight: 700;

   text-align: center;

   line-height: 155%;

   letter-spacing: 0.36px;

   margin-bottom: 30px;

}



.spa-4-flex {

   display: flex;

   flex-wrap: wrap;

   margin-top: -16px;

   margin-left: -18px;

   margin-right: -18px;

}



.spa-4-item {

   width: calc(25% - 36px);

   margin-left: 18px;

   margin-right: 18px;

   margin-top: 16px;

   position: relative;

   border-radius: 10px;

   background: #000000;

   overflow: hidden;

   padding-top: 8px;

   padding-left: 8px;

   padding-right: 8px;

   padding-bottom: 8px;

   min-height: 302px;

   display: none;

   align-items: flex-end;

}



.spa-4-item:nth-child(1),

.spa-4-item:nth-child(2),

.spa-4-item:nth-child(3),

.spa-4-item:nth-child(4) {

   display: flex;

}



.active .spa-4-item {

   display: flex !important;

}



.spa-4-item-bg {

   position: absolute;

   top: 0px;

   left: 0px;

   width: 100%;

   height: 201px;

}



.spa-4-item-bg img {

   width: 100%;

   height: 100%;

   display: block;

   object-fit: cover;

   object-position: center;

}



.spa-4-item-content {

   border-radius: 10px;

   background: #FFFFFF;

   padding: 16px;

   width: 100%;

   display: flex;

   flex-direction: column;

   position: relative;

   z-index: 30;

   align-items: flex-start;

   justify-content: flex-start;

}



.spa-4-item-link {

   display: flex;

   align-items: center;

   color: #2B1E5A;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 400;

   line-height: 20px;

   margin-bottom: 10px;

}



.spa-4-item-link:before {

   content: '';

   display: block;

   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjAwMy1sZXR0ZXIiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMzRfODIzNykiPgo8ZyBpZD0ibGF5ZXIyIj4KPHBhdGggaWQ9InBhdGg4MjQiIGQ9Ik0zLjg3MDcgMEMzLjE2NzUgMCAyLjU4MTM2IDAuNTg3MTg1IDIuNTgxMzYgMS4yOTA3VjE5LjM2MTdDMi41ODEzNiAyMC4wNjUyIDMuMTY3NTUgMjAuNjUxMiAzLjg3MDcgMjAuNjUxMkMzLjkzMTY4IDIwLjY1MTIgMTMuNjA4NSAyMC42NTEyIDE2Ljc3OTIgMjAuNjUxMkMxNy40ODIzIDIwLjY1MTIgMTguMDY4NCAyMC4wNjUyIDE4LjA2ODUgMTkuMzYxN0wxOC4wNjk4IDUuMTYxNTNIMTMuNTU2NUMxMy4xOTk5IDUuMTYxNTMgMTIuOTIyNCA0Ljg3NTEgMTIuOTA3NCA0LjUxODdWMEwzLjg3MDcgMFpNMTQuMTk4IDBWMy44NzA4M0gxOC4wNjk3QzE4LjA2NDkgMy42OTcxNCAxOC4wMDI0IDMuNTMyMDIgMTcuODc1NiAzLjQxMzI5TDE0LjY5NTcgMC4yMzE5MjFDMTQuNTE3OCAwLjA1Mzk4NzEgMTQuNDM4MSAwIDE0LjE5OCAwWk02LjQ1NDQgNy4wOTc1OEgxNC4xOTQyQzE1LjA1NTQgNy4wOTc1OCAxNS4wNTU0IDguMzg5NTMgMTQuMTk0MiA4LjM4OTUzSDYuNDU0NEM1LjU5MzU5IDguMzg5NTMgNS41OTM1OSA3LjA5NzU4IDYuNDU0NCA3LjA5NzU4Wk02LjQ1NDQgMTAuMzIzMUgxNC4xOTQyQzE1LjA1NSAxMC4zMjMxIDE1LjA1NSAxMS42MTM4IDE0LjE5NDIgMTEuNjEzOEg2LjQ1NDRDNS41OTM1OSAxMS42MTM4IDUuNTkzNTkgMTAuMzIzMSA2LjQ1NDQgMTAuMzIzMVpNNi40NTQ0IDEzLjU1MzZIMTQuMTk0MkMxNS4wNTUgMTMuNTUzNiAxNS4wNTUgMTQuODQ0MyAxNC4xOTQyIDE0Ljg0NDNINi40NTQ0QzUuNTkzNTkgMTQuODQ0MyA1LjU5MzU5IDEzLjU1MzYgNi40NTQ0IDEzLjU1MzZaIiBmaWxsPSIjMkIxRTVBIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMzRfODIzNyI+CjxyZWN0IHdpZHRoPSIyMC42NTEyIiBoZWlnaHQ9IjIwLjY1MTIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");

   width: 20px;

   height: 20px;

   min-width: 20px;

   margin-right: 4px;

   background-position: center;

   background-repeat: no-repeat;

   background-size: contain;

}



.spa-4-item-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 20px;

   font-style: normal;

   font-weight: 700;

   line-height: normal;

   letter-spacing: 0.2px;

   margin-bottom: 10px;

}



.spa-4-item-btn {

   display: flex;

   align-items: center;

   justify-content: center;

   width: 100%;

   height: 44px;

   background: #5434C3;

   border-radius: 10px;

   color: #FFFFFF;

   text-align: center;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 500;

   line-height: 24px;

}



.spa-4-item-btn:hover {

   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

}



.spa-4-btn-load-more {

   display: flex;

   align-items: center;

   justify-content: center;

   border: 1px solid #5F3ADE;

   color: #5F3ADE;

   text-align: center;

   transition: 0.25s;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 500;

   line-height: 24px;

   margin-left: auto;

   margin-right: auto;

   border-radius: 10px;

   height: 44px;

   width: 262px;

   margin-top: 24px;

   max-width: 100%;

   cursor: pointer;

}



.spa-4-btn-load-more:hover {

   background: #5F3ADE;

   color: #ffffff;

}



.spa-5 {

   padding-top: 48px;

   padding-bottom: 48px;

   background: #FFFFFF;

}



.spa-5-flex {

   display: flex;

   flex-wrap: wrap;

   margin-left: -18px;

   margin-right: -18px;

   margin-top: -16px;

}



.spa-5-item {

   width: calc(25% - 36px);

   margin-left: 18px;

   margin-right: 18px;

   margin-top: 16px;

   border-radius: 10px;

   background: #FFF;

   padding: 24px;

   box-shadow: 2px 2px 30px 0px rgba(58, 30, 154, 0.09);

}



.spa-5-item-image {

   height: 149px;

   border-radius: 10px;

   margin-bottom: 11px;

   position: relative;

   overflow: hidden;

}



.spa-5-item-image img {

   display: block;

   width: 100%;

   height: 100%;

   object-fit: cover;

   object-position: center;

}



.spa-5-item-data {

   color: #919191;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 400;

   line-height: 20px;

   margin-bottom: 11px;

}



.spa-5-item-title {

   color: #000000;

   font-family: "Roboto", sans-serif;

   font-size: 20px;

   font-style: normal;

   font-weight: 700;

   line-height: normal;

   letter-spacing: 0.2px;

   margin-bottom: 11px;

}



.spa-5-item-btn {

   display: flex;

   align-items: center;

   justify-content: center;

   width: 100%;

   height: 44px;

   background: #5434C3;

   border-radius: 10px;

   color: #FFFFFF;

   text-align: center;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 500;

   line-height: 24px;

}



.spa-5-item-btn:hover {

   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);

}



.spa-5-btn {

   display: flex;

   align-items: center;

   justify-content: center;

   margin-left: auto;

   margin-right: auto;

   width: 262px;

   height: 44px;

   border: 1px solid #5F3ADE;

   border-radius: 10px;

   margin-top: 24px;

   color: #5F3ADE;

   text-align: center;

   font-family: "Roboto", sans-serif;

   font-size: 14px;

   font-style: normal;

   font-weight: 500;

   line-height: 24px;

   cursor: pointer;

}



.spa-5-btn:hover {

   background: #5F3ADE;

   color: #ffffff;

}



.spa-preloader {

   width: 50px;

   height: 50px;

   border: 5px solid #5F3ADE;

   border-radius: 50%;

   border-top-color: transparent;

   animation: spin 1s linear infinite;

 }

.spa-preloader-wrapper {

   position: fixed;

   top: 0px;

   left: 0px;

   width: 100%;

   height: 100%;

   z-index: 999999999999;

   display: flex;

   align-items: center;

   transition: 0.24s;

   opacity: 0;

   pointer-events: none;

   justify-content: center;

   background: rgba(256,256,256,0.15);

   backdrop-filter: blur(40px);

}

.spa-preloader-wrapper.active {

   opacity: 1;

   pointer-events: initial;

}

 

 @keyframes spin {

   100% {

     transform: rotate(360deg);

   }

 }



.spa-3-body--no-video .spa-3-text {

   width: 100% !important;

   min-height: 0px !important;

}



@media screen and (max-width: 1300px) {

   .spa-1-flex {

      flex-direction: column;

      justify-content: center;

      align-items: center;

   }



   .spa-1-content {

      width: 100%;

      margin-bottom: 54px;

   }



   .spa-1-sidebar {

      padding-top: 0px;

      width: 100%;

   }



   .spa-1-box {

      width: calc(100% + 60px);

      margin-right: -60px;

   }



   .spa-1-box-wrapper:after {

      display: none;

   }



   .spa-1-box-content {

      width: calc(100% - 313px);

      left: -60px;

      margin-top: 20px;

      margin-bottom: 20px;

   }



   .spa-1-box-image {

      width: 313px;

      height: 463px;

   }



   .spa-1-flex {

      flex-direction: row;

      justify-content: space-between;

      align-items: flex-start;

   }



   .spa-1-box-image-label {

      width: 120px;

      height: 60px;

      background-size: contain;

   }



   .spa-1-box-image-label {

      top: 0px;

      left: -22px;

   }



   .spa-1-box-image-label p {

      font-size: 20px;

      font-style: normal;

      font-weight: 700;

      line-height: normal;

      left: 32px;

      letter-spacing: 0.2px;

   }



   .spa-1-box-wrapper {

      margin-bottom: 24px;

   }



   .spa-2-box-wrap {

      margin-bottom: 24px;

   }



   .spa-1-title {

      font-size: 24px;

      line-height: 34px;

   }



   .spa-1-box-title {

      font-size: 20px;

      line-height: 30px;

   }



   .spa-1-box-image {

      position: absolute;

      height: 100%;

   }



   .spa-1-box-content {

      margin-left: auto;

   }



   .spa-3-text-1 {

      min-height: 190px;

      margin-bottom: 20px;

   }



   .spa-3-text-2 {

      width: 100%;

   }



   .spa-1-sidebar-title {

      text-align: center;

   }



   .spa-1-sidebar-item {

      margin-left: 6px;

      margin-right: 6px;

      margin-bottom: 0px;

   }



   .spa-1-sidebar-flex .slick-track {

      padding-top: 20px;

      padding-bottom: 20px;

   }



   .spa-1-sidebar-flex {

      margin-left: -26px;

      margin-right: -26px;

   }



   .spa-1-sidebar-flex .slick-list {

      padding-left: 20px;

      padding-right: 20px;

   }



   .spa-1-sidebar-item {

      width: 216px;

   }



   .spa-1-sidebar-item-top {

      flex-direction: column;

      justify-content: center;

      align-items: center;

   }



   .spa-1-sidebar-item-image {

      width: 100%;

      height: 112px;

      margin-right: 0px;

      margin-bottom: 10px;

   }



   .spa-1-sidebar-item-top-right {

      flex-direction: column-reverse;

      justify-content: flex-start;

      align-items: flex-start;

   }



   .spa-1-sidebar-item-top-data {

      font-size: 14px;

      line-height: 20px;

      margin-bottom: 10px;

   }



   .spa-1-sidebar-item-top-title {

      font-size: 16px;

      line-height: 24px;

      margin-bottom: 10px;

   }



   .spa-1-sidebar-flex .slick-prev {

      position: absolute;

      width: 40px;

      height: 40px;

      top: 70px;

      left: 20px;

      background: #5434C3;

      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.07);

      background-image: url('../images/author-slick-arrow-prev.svg');

      background-position: center;

      background-repeat: no-repeat;

      z-index: 20;

      font-size: 0px;

      cursor: pointer;

      transition: 0.25s;

      border-radius: 100%;

   }



   .spa-1-sidebar-flex .slick-prev:hover {

      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.27);

   }



   .spa-1-sidebar-flex .slick-next {

      position: absolute;

      width: 40px;

      height: 40px;

      top: 70px;

      right: 20px;

      background: #5434C3;

      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.07);

      transform: rotate(180deg);

      background-image: url('../images/author-slick-arrow-prev.svg');

      background-position: center;

      background-repeat: no-repeat;

      z-index: 20;

      font-size: 0px;

      cursor: pointer;

      transition: 0.25s;

      border-radius: 100%;

   }



   .spa-1-sidebar-flex .slick-next:hover {

      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.27);

   }



   .spa-1-sidebar-item {

      box-shadow: 2px 2px 10px 0px rgba(58, 30, 154, 0.09);

   }



   .spa-4-item {

      display: none;

   }



   .spa-4-item:nth-child(1),

   .spa-4-item:nth-child(2),

   .spa-4-item:nth-child(3) {

      display: flex;

   }



   .spa-4-item:nth-child(4) {

      display: none;

   }



   .spa-4-item {

      width: calc(33.33% - 40px);

      margin-left: 20px;

      margin-right: 20px;

   }



   .spa-4-flex {

      margin-left: -20px;

      margin-right: -20px;

   }



   .spa-4-flex.active .spa-4-item {

      display: flex !important;

   }



   .spa-4-item-title {

      font-size: 16px;

   }



   .spa-4-item {

      min-height: 263px;

   }



   .spa-4-item-bg {

      height: 162px;

   }



   .spa-4-title {

      font-size: 24px;

      margin-bottom: 24px;

      line-height: 32px;

   }



   .spa-4 {

      padding: 24px 0px;

   }



   .spa-4-5 {

      padding-bottom: 48px;

      display: flex;

      flex-direction: column-reverse;

   }



   .spa-1 {

      padding-bottom: 24px;

   }



   .spa-5 {

      padding-top: 0px;

      padding-bottom: 44px;

   }



   .spa-5-flex {

      margin-left: -20px;

      margin-right: -20px;

   }



   .spa-5-item {

      width: calc(33.33% - 40px);

      margin-left: 20px;

      margin-right: 20px;

      padding: 16px;

   }



   .spa-5-item-image {

      height: 112px;

      margin-bottom: 10px;

   }



   .spa-5-item-data {

      margin-bottom: 10px;

   }



   .spa-5-item-title {

      margin-bottom: 10px;

      font-size: 16px;

      line-height: 24px;

   }



   .spa-5-item {

      display: none;

   }



   .spa-5-item:nth-child(1),

   .spa-5-item:nth-child(2),

   .spa-5-item:nth-child(3) {

      display: block;

   }



   .spa-5-flex.visivle-all .spa-5-item {

      display: block;

   }



   .spa-1-sidebar-flex .slick-track {

      display: flex;

   }

   .spa-1-sidebar-flex .slick-track .spa-1-sidebar-item  {

      height: inherit;

      display: flex;

      flex-direction: column;

   }

   .spa-1-sidebar-btn {

      margin-top: auto;

   }

}

@media screen and (max-width: 1200px) {

   .spa-1 {

      padding-top: 135px;

   }

}

@media screen and (max-width: 767px) {

   .spa-1-box-image {

      position: absolute;

      left: 50%;

      transform: translateX(-50%);

      top: 0px;

      width: 420px;

      max-width: calc(100% + 0px);

      margin-left: auto;

      margin-right: auto;

      height: auto;

      border-radius: 10px 10px 0px 0px;

      height: 360px;

   }



   .spa-1-box-image img {

      border-radius: 10px 10px 0px 0px;

      display: block;

      width: 100%;

   }



   .spa-1-box-wrapper {

      width: 100%;

      position: relative;

   }



   .spa-1-box {

      width: 100%;

      margin-right: 0px;

      padding-bottom: 20px;

   }



   .spa-1-box {

      flex-direction: column;

      justify-content: center;

      align-items: center;

      padding-top: 315px;

      width: calc(100% + 40px);

      margin-left: -20px;

      padding-left: 20px;

      padding-right: 20px;

   }



   .spa-1-box-content {

      width: 100%;

      left: 0px;

      margin-top: 0px;

      margin-bottom: 0px;

   }



   .spa-1-title {

      font-size: 20px;

      line-height: 30px;

   }



   .spa-1-box-image-label {

      width: 126px;

      height: 53px;

      left: auto;

      right: 21px;

      top: -21px;

      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjUzIiB2aWV3Qm94PSIwIDAgMTI2IDUzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTE0LjUgMjJMMTE0IDQuNUwxMjYgMjJIMTE0LjVaIiBmaWxsPSIjNEUyQkM1Ii8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMzU2XzExMjI2KSI+CjxwYXRoIGQ9Ik0zLjQ2MjI4IDE1LjQ3MkMzLjIxMTc1IDEzLjc2MDEgNC40NTczNCAxMi4xOTE3IDYuMTgxNTMgMTIuMDQ4TDExMS41MDggMy4yNzA3NkMxMTMuMjU3IDMuMTI1MDEgMTE0Ljc1NyA0LjUwNTI4IDExNC43NTcgNi4yNjA0VjQyLjUxNjRDMTE0Ljc1NyA0NC4xNzMyIDExMy40MTQgNDUuNTE2NCAxMTEuNzU3IDQ1LjUxNjRIMTAuNDUxOUM4Ljk2Mjg4IDQ1LjUxNjQgNy42OTkxOCA0NC40MjQyIDcuNDgzNTYgNDIuOTUwOEwzLjQ2MjI4IDE1LjQ3MloiIGZpbGw9IiM1RjNBREUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzM1Nl8xMTIyNiIgeD0iMC40MzAxNzYiIHk9IjAuMjYwMjU0IiB3aWR0aD0iMTIxLjMyNyIgaGVpZ2h0PSI1Mi4yNTYxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHg9IjIiIGR5PSIyIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzM1Nl8xMTIyNiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18zNTZfMTEyMjYiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==");

   }



   .spa-1-box-image-label p {

      font-size: 20px;

      line-height: 30px;

      left: 28px;

      top: 11.5px;

   }



   .spa-1-flex {

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 0px;

   }



   .spa-1-item {

      width: 100%;

      margin-bottom: 11px;

      margin-top: 0px;

      margin-left: 0px;

      margin-right: 0px;

   }



   .spa-1-item:last-child {

      margin-bottom: 0px;

   }



   .spa-1-box-content {

      padding: 16px;

   }



   .spa-1-box-job {

      font-size: 14px;

      line-height: 20px;

      margin-bottom: 16px;

   }



   .spa-1-quote {

      margin-top: 41px;

      padding-left: 0px;

      margin-bottom: 16px;

   }



   .spa-1-quote p {

      font-size: 16px;

   }



   .spa-2-box {

      padding: 16px;

   }



   .spa-2-box-title {

      font-size: 16px;

      line-height: 24px;

   }



   .spa-3-title {

      font-size: 18px;

      line-height: 27px;

   }



   .spa-3 {

      flex-direction: column;

      justify-content: center;

      align-items: center;

   }



   .spa-3-left {

      width: 100%;

   }



   .spa-3-text-1 {

      min-height: 1px;

   }



   .spa-3-text-2 {

      width: 100%;

      overflow: hidden;

      max-height: 0px;

      margin-bottom: 0px;

      transition: 0.4s;

   }



   .spa-3-text-2.active {

      max-height: 1000px;

      margin-top: 16px;

   }



   .spa-1-content {

      margin-bottom: 32px;

   }



   .spa-1-sidebar-title {

      font-size: 16px;

      line-height: 24px;

      margin-bottom: 16px;

   }



   .spa-1-sidebar-item-top-title {

      font-size: 16px;

      line-height: 24px;

   }



   .spa-3-video {

      width: 320px;

      max-width: 100%;

   }



   .spa-2-item {

      margin-left: 3px;

      margin-right: 3px;

      margin-top: 6px;

   }



   .spa-2-flex {

      margin-left: -3px;

      margin-right: -3px;

      margin-top: -6px;

   }



   .spa-3-video {

      position: relative;

      margin-left: auto;

      margin-right: auto;

   }



   .spa-3-text-1 {

      width: 100%;

   }



   .spa-3-btn-show-hore {

      display: flex;

      justify-content: center;

      align-items: center;

      margin-top: 16px;

      color: #5F3ADE;

      font-size: 14px;

      font-style: normal;

      font-weight: 500;

      line-height: 24px;

      cursor: pointer;

      user-select: none;

   }



   .spa-3-btn-show-hore.active:after {

      transform: rotate(180deg);

   }



   .spa-3-btn-show-hore:after {

      content: '';

      display: block;

      width: 12px;

      height: 12px;

      margin-left: 2px;

      min-width: 12px;

      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDUwMDUgMy44NTg5OEw1LjY1MDA1IDguMDcxNDhDNS43MDAwNSA4LjEyMTQ4IDUuNzU0MjIgOC4xNTY4MiA1LjgxMjU1IDguMTc3NDhDNS44NzA4OCA4LjE5ODQ4IDUuOTMzMzggOC4yMDg5OCA2LjAwMDA1IDguMjA4OThDNi4wNjY3MiA4LjIwODk4IDYuMTI5MjIgOC4xOTg0OCA2LjE4NzU1IDguMTc3NDhDNi4yNDU4OCA4LjE1NjgyIDYuMzAwMDUgOC4xMjE0OCA2LjM1MDA1IDguMDcxNDhMMTAuNTYyNSAzLjg1ODk4QzEwLjY3OTIgMy43NDIzMiAxMC43Mzc1IDMuNTk2NDggMTAuNzM3NSAzLjQyMTQ4QzEwLjczNzUgMy4yNDY0OCAxMC42NzUgMy4wOTY0OCAxMC41NSAyLjk3MTQ4QzEwLjQyNSAyLjg0NjQ4IDEwLjI3OTIgMi43ODM5OCAxMC4xMTI1IDIuNzgzOThDOS45NDU4OCAyLjc4Mzk4IDkuODAwMDUgMi44NDY0OCA5LjY3NTA1IDIuOTcxNDhMNi4wMDAwNSA2LjY0NjQ4TDIuMzI1MDUgMi45NzE0OEMyLjIwODM4IDIuODU0ODIgMi4wNjQ3MiAyLjc5NjQ4IDEuODk0MDUgMi43OTY0OEMxLjcyMzA1IDIuNzk2NDggMS41NzUwNSAyLjg1ODk4IDEuNDUwMDUgMi45ODM5OEMxLjMyNTA1IDMuMTA4OTggMS4yNjI1NSAzLjI1NDgyIDEuMjYyNTUgMy40MjE0OEMxLjI2MjU1IDMuNTg4MTUgMS4zMjUwNSAzLjczMzk4IDEuNDUwMDUgMy44NTg5OFoiIGZpbGw9IiM1RjNBREUiLz4KPC9zdmc+Cg==");

      background-position: center;

      background-repeat: no-repeat;

      background-size: contain;

      position: relative;

      top: 1px;

      transition: 0.25s;

      transform-origin: center;

   }



   .spa-1-sidebar-flex {

      margin-left: 0px;

      margin-right: 0px;

   }



   .spa-1-sidebar-item {

      margin-left: auto;

      margin-right: auto;

      margin-bottom: 12px;

      width: 430px;

      max-width: 100%;

   }



   .spa-1-sidebar-item:last-child {

      margin-bottom: 0px;

   }



   .spa-1-sidebar-item-image {

      width: 94px;

      height: 57px;

      min-width: 94px;

      margin-right: 12px;

      margin-bottom: 0px;

   }



   .spa-1-sidebar-item-top-title {

      font-size: 16px;

      line-height: 20px;

   }



   .spa-1-sidebar-item-top-data {

      font-size: 12px;

      line-height: 18px;

   }



   .spa-1-sidebar-item-top {

      flex-direction: row;

      justify-content: flex-start;

   }



   .spa-1-sidebar-item-top-title {

      margin-bottom: 2px;

   }



   .spa-1-sidebar-item {

      display: none;

   }



   .spa-1-sidebar-item:nth-child(1),

   .spa-1-sidebar-item:nth-child(2),

   .spa-1-sidebar-item:nth-child(3) {

      display: block;

   }



   .spa-1-sidebar-flex.active .spa-1-sidebar-item {

      display: block;

   }



   .spa-1-btn-load-more {

      display: flex;

      justify-content: center;

      align-items: center;

      border-radius: 10px;

      width: 430px;

      max-width: 100%;

      margin-left: auto;

      margin-right: auto;

      height: 44px;

      border: 1px solid #5434C3;

      color: #5F3ADE;

      text-align: center;

      font-size: 14px;

      font-style: normal;

      font-weight: 500;

      line-height: 24px;

      cursor: pointer;

      margin-top: 12px;

   }



   .spa-4 {

      padding: 20px 0px;

   }



   .spa-4-title {

      font-size: 20px;

      margin-bottom: 16px;

   }



   .spa-4-flex {

      flex-direction: column;

      justify-content: center;

      align-items: center;

      width: 450px;

      max-width: 100%;

      margin-left: auto;

      margin-right: auto;

   }



   .spa-4-item {

      width: 100%;

      margin-left: auto;

      margin-right: auto;

      margin-bottom: 16px;

   }



   .spa-4-btn-load-more {

      margin-top: 0px;

      margin-left: auto;

      margin-right: auto;

      width: 450px;

      max-width: 100%;

   }



   .spa-4-item {

      min-height: 320px;

   }



   .spa-4-item-bg {

      height: 201px;

   }



   .spa-4-5 {

      padding-bottom: 0px;

      flex-direction: column;

   }



   .spa-1 {

      padding-bottom: 32px;

   }



   .spa-5 {

      padding: 52px 0px;

   }



   .spa-5-item {

      width: 450px;

      max-width: 100%;

      margin-left: auto;

      margin-right: auto;

      margin-bottom: 16px;

      padding: 16px;

      margin-top: 0px;

   }



   .spa-5-flex {

      margin-left: 0px;

      margin-right: 0px;

      margin-top: 0;

   }



   .spa-5-item-image {

      height: 169px;

      margin-bottom: 11px;

   }



   .spa-5-item-data {

      margin-bottom: 11px;

   }



   .spa-5-item-title {

      margin-bottom: 11px;

   }



   .spa-5-btn {

      width: 450px;

      max-width: 100%;

      margin-top: 0px;

   }



   .spa-4-item:nth-child(1),

   .spa-4-item:nth-child(2),

   .spa-4-item:nth-child(3),

   .spa-4-item:nth-child(4) {

      display: flex;

   }



   .spa-5-item:nth-child(1),

   .spa-5-item:nth-child(2),

   .spa-5-item:nth-child(3),

   .spa-5-item:nth-child(4) {

      display: block;

   }

   .fancybox-slide {

      padding-left: 10px !important;

      padding-right: 10px !important;

   }

   .spa-3-body--no-video .spa-3-text {

      margin-bottom: 0px;

   }

   .spa-1 {

      padding-top: 125px;

   }

}