a.pill:link, a.pill:visited { color: #fff !important; text-transform: uppercase; font-size: 12px; line-height: 14px; font-size: .75rem; line-height: .875rem; padding: 3px 6px; border-radius: 2px; letter-spacing: .5px; } .mgPlaceholder .slick-initialized { display: block; width: 100%; height: 100%; display: flex; } .slick-initialized .slide-inner { display: flex; align-items: center; justify-content: center; position: relative; padding: 0 40px; height: 442px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } /*button.slick-next { right:24px; } .slick-initialized .slick-prev, .slick-initialized .slick-next { z-index: 2; margin-top: 0px; } .slick-initialized .slick-dots { position: absolute; bottom:30px; top:auto; transform:none; left: 50%; transform: translateX(-50%); }*/ .slick-initialized .btn.animated { animation-delay: .5s; } .MGSliderImage > a, .MGSliderImage > a img{ width:100%; } /*.slick-dots { display: inline-block; list-style: none; padding: 0; margin: 0; text-align: center; } .slick-dots li { display: inline-block; width: 14px; height: 14px; margin: 0 6px; } .slick-dots li button { border: 1px solid #fff; border-radius: 50%; display: inline-block; padding: 0; margin: 0; width: 14px; height: 14px; text-indent: -999999px; background: none; } .slick-dots li.slick-active button { background: #fff; } .slick-prev, .slick-next { display: flex; align-items: center; justify-content: center; width: 30px; color: #fff; position: absolute; z-index: 9; top: 50%; transform:translateY(-50%); cursor: pointer; border: none; outline: none; background: transparent; } .slick-prev:before, .slick-next:before { font-size: 42px; line-height: 52px; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { opacity: .75; } .slick-prev { left: 30px; } [dir='rtl'] .slick-prev { right: 5px; left: auto; } */ /* .slick-prev:before { content: 'keyboard_arrow_left'; } [dir='rtl'] .slick-prev:before { content: 'keyboard_arrow_left'; } .slick-prev:before { content: url(../../../Images/left-arrow.png); } [dir='rtl'] .slick-prev:before { content: url(../../../Images/left-arrow.png); } .slick-next { right: 22px; } [dir='rtl'] .slick-next { right: auto; left: 5px; } .slick-next:before { content: url(../../../Images/right-arrow.png); } [dir='rtl'] .slick-next:before { content: 'keyboard_arrow_right'; } */ .row-feature-boxes .btn-outline, .row-feature-boxes .btn-outline:link, .row-feature-boxes .btn-outline:visited { color:#fff !important; } .feature-category-box .inner .footer-more { color:#fff !important; } .mgPlaceholder .btn-outline, .btn-outline:link, .btn-outline:visited { color:#fff; } .slick-slide > div { height: 100%; } .mgPlaceholder { box-shadow: 2px 8px 20px rgb(0 0 0 / 8%); background: #fff; padding: 20px 20px; border-radius: 10px; } .bannerSec .slick-dotted.slick-slider { margin-bottom: 0; } .bannerSec .slick-initialized .slick-slide{ position:relative; } .bannerSec .slick-arrow{ display:none; } .slick-dots { bottom: unset; top: 50%; transform: translateY(-50%); display: inline-flex; flex-direction: column; right: 42px; align-items: end; width: auto; } .slick-dots li { margin-bottom: 8px; } .slick-dots li button { padding: 0; width: 16px; height: 16px; border-radius: 50%; background: rgba(255,255,255,0.6); } .slick-dots li.slick-active button { background: rgba(255,255,255,1); } .slick-prev, .slick-next { width: 26px; height: 26px; z-index: 10; } .slick-prev { left: -50px; } .slick-next { right: -60px; } .slick-prev::before { content: ''; } .slick-next::before { content: ''; } @media(max-width:1536px){ .bannerSec .slickcontent .btn-primary{ margin-top:16px; } } @media(max-width: 1342px){ .slick-prev, .slick-next { width: 22px; } .slick-prev { left: -16px; } .slick-next { right: -20px; } } @media(max-width: 1199px){ .slick-dots { right: 15px; width: auto; } .slick-prev, .slick-next { width: 24px; } .slick-next { right: -24px; } } @media (max-width: 992px){ .slick-prev, .slick-next { width: 18px; } .slick-prev { left: -24px; } .slick-next { right: -24px; } } @media(max-width: 420px){ .slick-dots { right: 5px; } }