.cstm-results-new { text-align: center; position: relative; padding: 198px 0 170px; } /*.cstm-results-new:before { content: ''; background: radial-gradient(76.03% 107.1% at 80.56% 12.69%,rgba(236,152,118,0.37) 0%,rgba(255,255,255,0) 100%),#ffefe2; transform: matrix(1, 0, 0, -1, 0, 0); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }*/ .section-heading-area { display: flex; align-items: center; justify-content: center; } .cstm-results-new h3 { font-family: "Poynter Oldstyle Disp Semi Bd"; font-weight: 600; font-size: 42px; line-height: 50px; color: #212020; margin-left: 25px; position: relative; } .cstm-results-new .commit-single { position: relative; /* padding: 30px; */ text-align: center; max-width: 80%; margin: 0 auto; } .cstm-results-new .commit-single h4 { margin: 0; color: #212020; font-style: normal; font-weight: 600; font-size: 60px; line-height: 110%; font-family: "Poynter Oldstyle Disp Semi Bd"; margin-bottom: 10px; } .cstm-results-new .commit-single p { font-size: 18px; line-height: 28px; font-weight: 400; font-style: normal; font-family: "Roboto", sans-serif; margin-top: 0; margin-bottom: 10px; } .cstm-results-new .commit-single div.content { font-size: 18px; line-height: 28px; font-weight: 400; } .cstm-results-new .swiper-wrapper { padding-top: 50px; } .cstm-results-new .swiper-button { display: flex; justify-content: center; margin-top: 20px; margin-left: auto; margin-right: auto; } .cstm-results-new .swiper-button::-webkit-scrollbar { display: none; } .cstm-results-new .swiper-button-next, .cstm-results-new .swiper-button-prev, .cstm-results-new .swiper-pagination { position: static; } .cstm-results-new .swiper-button-next:after, .cstm-results-new .swiper-button-prev:after { content: none; } .cstm-results-new .swiper-button-next, .cstm-results-new .swiper-button-prev { border-radius: 50%; height: 80px; width: 80px; background-color: transparent; border: none; margin-top: 0; position: absolute; top: 50%; outline: none; } .cstm-results-new .swiper-button-next:hover, .cstm-results-new .swiper-button-prev:hover { opacity: 0.7; } .cstm-results-new .swiper-button-prev { left: 0; } .cstm-results-new .swiper-button-next { right: 0; } .cstm-results-new .swiper-button-next img { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .cstm-results-new .swiper-pagination .swiper-pagination-bullet { height: auto; width: auto; background: none; opacity: 1; border-radius: 50%; transition: all 0.5s ease; font-family: "Poynter Oldstyle Disp Semi Bd"; font-weight: 600; font-size: 24px; line-height: 28px; display: inline-flex; align-items: center; justify-content: center; color: #212020; } .cstm-results-new .swiper-pagination .swiper-pagination-bullet-active { color: #DD7146; } .cstm-results-new .swiper-pagination .swiper-pagination-bullet:after { content: ''; width: 40px; background: #212020; height: 1px; display: inline-block; margin: 0 17px; } /* .cstm-results-new .swiper-pagination .swiper-pagination-bullet:not(:last-child):after { content: ''; width: 40px; background: #212020; height: 1px; display: inline-block; margin: 0 17px; } */ .cstm-results-new .swiper-pagination .swiper-pagination-bullet span { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 28px; margin-left: 12px; } .cstm-results-new .swiper-pagination .swiper-pagination-bullet-active span { font-weight: 700; } .cstm-results-new .swiper-pagination .swiper-pagination-bullet:after { content: ''; width: 12px; background: #D8D8D8; height: 12px; display: inline-block; margin: 0 7px; border-radius: 50%; opacity: 1; border: #D8D8D8 solid 1px; } /* .cstm-results-new .swiper-pagination .swiper-pagination-bullet:not(:last-child):after { content: ''; width: 12px; background: #D8D8D8; height: 12px; display: inline-block; margin: 0 7px; border-radius: 50%; opacity: 1; border: #D8D8D8 solid 1px; } */ .cstm-results-new .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: #1E1D1D; } .cstm-commit-swiper { margin-bottom: 65px; } @media (max-width: 991px) { .cstm-results-new .swiper-button-prev { left: -25px; } .cstm-results-new .swiper-button-next { right: -25px; } } @media (max-width: 768px) { .cstm-results-new h3 { font-size: 25px; line-height: 28px; } .section-heading-area { margin-bottom: 73px; } .section-heading-area img { width: 58px; } .cstm-results-new { padding: 56px 0 50px; } .cstm-results-new .swiper-wrapper { padding-top: 0; } .cstm-results-new .commit-single p { font-weight: 400; font-size: 14px; line-height: 20px; } .cstm-results-new .commit-single h4 { font-weight: 600; font-size: 25px; line-height: 28px; } .cstm-results-new .swiper-button-next, .cstm-results-new .swiper-button-prev { height: inherit; } .cstm-results-new .swiper-button-next img, .cstm-results-new .swiper-button-prev img { width: 27px; } .cstm-results-new .commit-single { max-width: 80%; margin: 0 auto; } .cstm-results-new .swiper-pagination .swiper-pagination-bullet:after { width: 7px; height: 7px; margin: 0 4px; } /* .cstm-results-new .swiper-pagination .swiper-pagination-bullet:not(:last-child):after { width: 7px; height: 7px; margin: 0 4px; } */ } @media (max-width: 767px) { /* .cstm-results-new{ padding: 90px 0 0; } */ /* .cstm-results-new h3 { font-size: 20px; line-height: 24px; padding: 0 60px; } .cstm-results-new .commit-single{ padding: 0 50px; } .cstm-results-new .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 30px; } .cstm-results-new .swiper-button { overflow-x: scroll; margin: 0 -24px; } .cstm-results-new .swiper-pagination { white-space: nowrap; width: 100%; padding: 0 30px 10px; } .cstm-results-new .commit-single h4 br{ display: none; }*/ .cstm-results-new .commit-single p, .cstm-results-new .commit-single div.content { font-size: 14px; line-height: 20px; } } @media (max-width: 575px) { /* .cstm-results-new .commit-single{ padding: 0 26px; } .cstm-results-new .commit-single h4{ font-size: 42px; line-height: 50px; } .cstm-results-new .commit-single p{ font-size: 14px; line-height: 20px; } .cstm-results-new .commit-single p br { display: none; } .cstm-results-new .swiper-button-next, .cstm-results-new .swiper-button-prev{ height: 60px; width: 60px; } .cstm-results-new .swiper-button-next img, .cstm-results-new .swiper-button-prev img{ /*max-width: 13px;*/ max-height: 21px; } */ }