.portfolio-container { width: 88%; margin: auto; overflow: hidden; } .portfolio-card-text-container { display: flex; flex-direction: column; justify-content: space-between; height: 310px; } .mob-img { display: none; } .portfolio-card { display: flex; height: 420px; border: 1px solid #adadad; border-radius: 20px; } .portfolio-card-left { padding: 0px 40px; } .portfolio-card-left, .portfolio-card-right { width: 50%; } .portfolio-card-right img { width: 100%; height: 100%; } .portfolio-card-right img { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .details-container-1 p { margin-bottom: 5px; } /* .portfolio-card-left { padding:15px 20px 15px 20px; } */ .sub-heading { color: #444; font-size: 16px; font-weight: 800; margin-bottom: 7px !important; } .sub-heading-1 { color: #444; font-size: 12px; font-weight: 700; margin-bottom: 5px !important; } .sub-item { font-size: 12px; color: #616161; margin-bottom: 10px !important; } .portfolio-card-left-container { display: flex; flex-direction: column; justify-content: ; gap: 10px; padding: 30px 0; } } p { margin-bottom: 10px; } .portfolio-pagination-flex { display: flex; gap: 20px; } .portfolio-pagination-container { display: flex; justify-content: space-between; margin-top: 30px; align-items: center; } .portfolio-card-left-dec { color: #616161; font-size: 16px; } @media only screen and (max-width: 1180px) { .portfolio-pagination-flex, .portfolio-empty { display: none; } .portfolio-pagination-container { display: flex; justify-content: center; margin-top: 30px; } } @media only screen and (max-width: 1100px) { .portfolio-card-text-container { display: flex; flex-direction: column; justify-content: space-between; height: 300px; } .desk-img { display: none; } .mob-img { display: block; } .portfolio-card { display: flex; flex-direction: column; height: 700px !important; } .portfolio-card-left { order: 2; } .portfolio-card-left, .portfolio-card-right { width: 100%; } .portfolio-card-right img { border-top-right-radius: 20px; border-bottom-right-radius: 0px; border-top-left-radius: 20px; } .portfolio-pagination-flex, .portfolio-empty { display: none; } .portfolio-pagination-container { display: flex; justify-content: center; margin-top: 30px; } .portfolio-card-left-container { height: 400px; /* justify-content: space-between; */ } } @media only screen and (max-width: 992px) { .portfolio-card { height: 680px !important; } .portfolio-card-left-container { height: 480px; /* justify-content: space-between; */ } .portfolio-card-text-container { height: 275px; } } @media only screen and (max-width: 768px) { .portfolio-card { height: 700px !important; } .portfolio-card-text-container { height: 330px; } } @media only screen and (max-width: 520px) { .portfolio-card { height: 700px !important; } } @media only screen and (max-width: 420px) { .portfolio-card { height: 740px !important; } .portfolio-card-text-container { gap: 25px; } } @media only screen and (max-width: 350px) { .portfolio-card { height: 760px !important; } .portfolio-card-text-container { gap: 30px; } } .portfolio-pagination-container { width: 88%; margin: 30px auto 30px auto; } .portfolio-pagination-flex img { height: 50px; border: 1px solid #e8e8e8; border-radius: 5px; } /* { */ /* @media only screen and (min-width: 1200px) { .portfolio-container .swiper-slide{ width:900px !important; } } */ .portfolio-card-img img { width: 150px; } img[alt="trd"] { width: 150px; } .portfolio-main-container button { cursor: pointer; } .portfolio-button-prev, .portfolio-button-next { cursor: pointer; } .portfolio-card-text-container { height: 100% !important; } .portfolio-card-left-dec { flex: 1; }