@import './components/_panel-call-action.css';
@import './components/_panel-resource-download.css';
@import './components/_large-slider.css';

.rd .top-connector-wrap .right-curve-downward { float:right; clear:both; width:32px; margin:0; position: relative; }
.rd .top-connector-wrap .right-curve-downward .tail-end { position: absolute;  right: -9px; bottom: -26px; }
.rd .default-banner-text h1 { font-size: 30px; line-height: 40px; margin: 0 0 38px; }
.rd .connector { padding:20px 0 0; }
.rd .intro { padding: 0 0 38px; }
.rd .video-container { padding:18px 0 14px; }

.rd .connect-img { width:818px; display: inline-block; margin: 0px 10px 0 0;}
.rd .connect-img img { max-width:100%; }

.rd .micro-right .img-wrap { max-width:335px; }
.rd .panel-reset .video-container { padding-bottom:20px; }
.page-controls .btn { min-width: 128px; margin:4px 0 0; }
.page-controls .btn a{color: #002942;}
.page-controls .dark-blue-bg a{color: #fff;}

.rd .large-slider { margin: 32px 0 52px; }

.rd .share-icon-wrap {
    width: 67px; flex-direction: column;  justify-content: center; display: flex;  align-items: center;
    top: 98px; position: absolute;
}
.rd .share-label { font-size: 16px; line-height: 20px; letter-spacing: 0.2em; color: #0061A0; padding: 0 0 16px; font-weight: 800; }
.rd .sc-list { flex-direction:  column; }
.rd .share-icon { display:flex; padding:0 0 16px; }
.rd .share-icon a { display:flex; justify-content: center; align-items: center; background: rgba(99, 181, 216, 0.2); border-radius:32px;  width:40px; height:40px; }

.rd .micro-download { border-color: #115E67; }
.rd .line-break { margin: 62px 0 66px; }
.main-wrap-reset{z-index: 1; position: relative;}

@media only screen and (max-width:1440px) {
    .rd .connect-img { width: 780px; margin: 0px 24px 0 0; }
}

@media only screen and (max-width:1326px) {
    .rd .top-connector-wrap { padding:0 30px; }
}

@media only screen and (max-width:1082px) {
    .rd .inner-wrapper { padding:0 80px; }
    .rd .large-slider { margin-bottom:90px; }
}

@media only screen and (max-width:1023px) { 
    .rd .default-banner-text h1 { margin: 0 0 20px; }
    .rd .line-break { margin: 36px 0 42px; }
}

@media only screen and (max-width:1000px) { 
    .rd .micro-inner { flex-direction: column; justify-content: center;  align-items: center; }
    .rd .micro-right .img-wrap { position:relative; }
    .rd .micro-left { text-align: center; }
}

@media only screen and (max-width:750px) {
    .rd .inner-wrapper { padding:0 20px; }
    .rd .top-connector-wrap { padding:0; }
    .rd .top-connector-wrap .top-connector, .rd .top-connector-wrap .right-curve-downward .tail-end { display: none; }
    .rd .top-connector-wrap .right-curve-downward { border-radius: 0; width:100%; border:none; height:auto; float:left; margin:0; padding: 40px 0 30px; }
    .rd .share-icon-wrap { position:relative; top:auto;flex-direction: row; width:100%; justify-content: flex-start; gap:12px; }
    .rd .sc-list { flex-direction:row; gap:12px; }
    .rd .share-label, .rd .share-icon { padding:0; }
}

@media only screen and (max-width:650px) {
    .rd .feature-grid-wrap { overflow-x:auto; scrollbar-width: none; width:100%; }
    .rd .feature-grid-wrap::-webkit-scrollbar { display: none; }
    .feature-grid { padding: 0; overflow-x: scroll;}
    .rd .fgrid-row div.fgrid-name { min-width:238px; }
    .rd .fgrid-status { min-width:70px; }
}