.studymodel-inner {
display: grid;
gap: 50px;
grid-template-columns: 100%;
align-items: start;
margin-bottom: 115px;
}
.flx_studymodel {
margin-bottom: 0 !important;
margin: 50px 0 !important;
}
.studymodel-items {
width: 100%;
}
.flx_studymodel .swiper-wrapper {
display: flex; width: 100%;
}
.studymodel-item {
border: 1px solid #000;
border-radius: 30px;
padding: 10px 40px;
text-align: center;
margin: 0 auto;
height: 260px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1.5rem;
}
.studymodel-item.grey-background {
background-color: #E5E5E5;
border: 0;
}
.studymodel-acc-title {
text-align: center;
margin-bottom: 60px;
}
.studymodel-btn {
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #fff;
border: 2px solid #fff;
border-radius: 25px;
padding: 10px 20px;
text-transform: uppercase;
min-width: 180px;
width: fit-content;
display: inline-block;
}
.flx_studymodel .studymodel-btn {
background-color: #FFD20F;
color: #000000;
border-color: #FFD20F;
justify-content: center;
display: flex;
margin: 0 auto;
margin-top: 80px;
}
.studymodel-title {
font-size: 30px;
font-weight: 700;
margin: 0;
line-height: 1.1;
text-transform: uppercase;
font-style: italic;
}
.studymodel-title {
text-align: center;
margin-bottom: 3rem;
}
.studymodel-item img {
max-width: 156px;
max-height: 96px;
height: 100%;
margin: 0 auto;
}
.studymodel-img-wrapper {
text-align: center;
max-width: 490px;
margin: 0 auto;
}
.studymodel-img-wrapper img {
max-width: 50%;
margin: 0 auto;
}
.flx_studymodel .swiper-pagination {
gap: 20px;
display: flex;
gap: 9px;
justify-content: center;
margin-top: 44px;
}
.flx_studymodel .swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: #000;
border-radius: 50%;
cursor: pointer;
display: block;
}
.flx_studymodel .swiper-pagination .swiper-pagination-bullet-active {
background-color: #C8230A;
}
.studymodel-models-item-subtitle {
font-size: 18px;
color: #C8230A;
font-weight: 700;
line-height: 1.2;
margin: 25px 0;
}
.studymodel-block-text {
font-weight: 500;
font-size: 14px;
margin-top: 10px;
}
.studymodel-item-text {
font-size: 16px;
font-weight: 600;
display: inline-block;
line-height: 1.2;
}
.accordion-block-body-min-studymodel {
max-width: 900px;
margin: 0 auto;
}
.accordion-block-body-min-studymodel .accordion-studymodel.active .accordion-arrow-studymodel span:last-child {
display: none;
}
.accordion-arrow-studymodel {
position: relative;
width: 14px;
aspect-ratio: 1/1;
height: 14px;
}
.accordion-arrow-studymodel span {
position: absolute;
left: 0;
top: 50%;
width: 14px;
height: 3px;
background-color: #000;
display: block;
transform: translateY(-50%);
}
.accordion-arrow-studymodel span:last-child {
transform: translateY(-50%) rotate(90deg);
}
.acc-title-models {
display: inline;
line-height: normal;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #333;
position: relative;
}
.acc-title-models h3 {
display: inline;
margin-right: 8px;
}
.acc-title-wrap-studymodel {
display: inline;
padding-left: 0px;
}
.acc-title-wrap-studymodel .blue-line:last-child {
margin-right: 0;
margin-left: 8px;
}
.accordion-block-body-min-studymodel>.accordion-block-body-item-studymodel {
border-top: 2px solid #000;
}
.accordion-block-body-item-studymodel {
position: relative;
cursor: pointer;
}
.accordion-block-body-item-studymodel:last-child {
border-bottom: 2px solid #000;
}
.accordion-block-body-item-studymodel p,
.accordion-block-body-item-studymodel li {
color: #333;
font-size: 14px;
line-height: 1.4;
font-weight: 500;
margin: 0;
}
.accordion-block-body-min-studymodel .panel-studymodel {
max-height: 0;
text-align: left;
padding-left: 0px;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-block-body-min-studymodel .panel-studymodel b {
font-size: 16px;
font-weight: 700;
margin: 0;
}
.accordion-block-body-item-studymodel.active {
padding-bottom: 25px;
}
.accordion-block-body-item-studymodel::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: var(--black);
}
.accordion-block-body-item-studymodel.active::after {
bottom: -7px;
}
.accordion-block-body-min-studymodel .accordion-studymodel {
width: 100%;
text-align: left;
outline: none;
display: flex;
justify-content: space-between;
transition: 0.4s;
cursor: unset;
gap: 1.5rem;
position: relative;
border: 0;
padding-top: 20px;
padding-bottom: 20px;
align-items: center;
background: transparent;
padding-left: 0;
}
.accordion-block-body-min-title-studymodel {
text-transform: uppercase;
margin-bottom: 0;
line-height: 1.2;
font-weight: 700;
font-size: 18px;
}
.accordion-block-body-min-title:hover {
color: #C8230A;
}
.accordion-block-body-item-studymodel.active .accordion-block-body-min-title-studymodel {
color: #C8230A;
}
.accordion-block-body-item-studymodel p,
.accordion-block-body-item-studymodel p a,
.accordion-block-body-item-studymodel li {
color: #333;
font-size: 14px;
line-height: 1.4;
font-weight: 500;
margin: 0;
}
.accordion-block-body-item-studymodel p a {
text-decoration: underline;
}
.study-title-track {
display: none;
width: 100%;
overflow: hidden;
pointer-events: none;
}
.study-title-marquee {
display: flex;
width: max-content;
animation: marqueeStudy 120s linear infinite;
}
.study-title-row {
display: flex;
gap: 60px;
white-space: nowrap;
padding-right: 60px;
}
.study-title-row span {
white-space: nowrap;
font-style: italic;
text-transform: uppercase;
}
@keyframes marqueeStudy {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (min-width: 769px) {
.studymodel-btn {
margin-top: 80px;
font-size: 18px;
}
.studymodel-item-text {
font-size: 18px;
}
.flx_studymodel .container {
padding: 0px 77px;
}
.studymodel-inner {
gap: 100px;
}
.flx_studymodel {
margin: 100px 0 !important;
}
.studymodel-models-item-subtitle {
margin-bottom: 25px;
}
.acc-title-wrap-studymodel,
.accordion-block-body-min-studymodel .panel-studymodel {
padding-left: 35px;
}
.accordion-block-body-item-studymodel p,
.accordion-block-body-item-studymodel p a,
.accordion-block-body-item-studymodel li {
font-size: 20px;
}
.accordion-block-body-item-studymodel p,
.accordion-block-body-item-studymodel li {
padding-right: 29px;
}
.studymodel-title {
font-size: 35px;
margin-bottom: 5rem;
}
.study-title-track {
display: block;
}
.study-title-wrapper {
display: none;
}
}
@media (min-width: 998px) {
.flx_studymodel {
margin: 120px 0 !important;
}
.studymodel-models-item-subtitle {
font-size: 20px;
}
.studymodel-block-text {
font-size: 20px;
}
.accordion-block-body-min-title-studymodel {
font-size: 24px;
}
.acc-title-models {
font-size: 24px;
}    
}
@media (min-width: 1280px) {
.studymodel-title {
font-size: 48px;
line-height: 1;
}
}
@media (min-width: 1440px) {
.studymodel-item:first-child:nth-last-child(4)~.studymodel-item:nth-child(4) {
grid-column: 3;
}
.studymodel-item:first-child:nth-last-child(5)~.studymodel-item:nth-child(4) {
grid-column: 2;
}
.studymodel-item:first-child:nth-last-child(5)~.studymodel-item:nth-child(5) {
grid-column: 3;
}
.studymodel-inner {
grid-template-columns: 1fr 1.5fr;
gap: 180px;
}
.studymodel-items {
width: auto;
overflow: visible;
}
.flx_studymodel .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
width: auto;
overflow: visible;
}
.studymodel-item {
margin-right: 0 !important;
width: 230px !important;
}
.studymodel-img-wrapper img {
max-width: 60%;
margin: 0 auto;
}
.studymodel-img-wrapper {
text-align: center;
max-width: 100%;
margin: 0 auto;
}
.flx_studymodel .swiper-wrapper {
transform: none;
}
.flx_studymodel .swiper-pagination {
display: none;
}
}