.fr-cw-contents { /* overflow: hidden; */ margin-top:100px; } .fr-cw-contents .two-col-wrapper{ display:flex; justify-content:space-between; align-items:center; } .fr-cw-contents .two-col-wrapper .col{ width:calc(100% / 2); max-width:100%; } .fr-cw-contents .two-col-wrapper .col.image-container{ margin-top:-150px; } .fr-cw-contents .text-3 { max-width: 780px; margin-bottom: 60px; } .fr-cw-contents .contents-holder { border-top: solid 0px #212020 !important; padding-bottom: 40px; padding-top: 20px; } /* .fr-cw-contents .page-center { max-width: 1220px !important; padding: 0 20px; margin: 0 auto; } */ .fr-cw-contents .row .col { padding: 0 0 30px; } .fr-cw-contents .row .col .cstm-heading { font-weight: bold; font-size: 24px; line-height: 32px; font-family: 'Roboto', sans-serif; margin-bottom: 15px; margin-top: 0; letter-spacing: 1.68px; } .fr-cw-contents .row .col.image { text-align: center; } .examples-logo .fr-cw-contents .row .col.image { min-width: 340px; } .fr-cw-contents .row .col.image img { display: inline-block; vertical-align: top; max-width: 100%; } .fr-cw-contents h2 { font-weight: 600; font-size: 42px; line-height: 50px; position: relative; padding-left: 0px !important; padding-top:40px !important; margin: 0 0 30px; } .fr-cw-contents h2:after { content:''; position:absolute; top:-50px; right:0; width:450px; height:2px; background:#000; } .fr-cw-contents .counter { position: absolute; left: 0; top: -70px; font-size: 42px; font-weight: 600; } .fr-cw-contents p { margin: 0 0 15px; } .fr-cw-contents ul { margin: 0 0 10px 30px; padding: 0; list-style: none; } .fr-cw-contents ul li { padding-left: 22px; padding-bottom: 15px; position: relative; font-size: 14px; line-height: 18px; font-weight: 400; } .fr-cw-contents ul li strong{ font-weight: 700; } .fr-cw-contents ul li:before { position: absolute; left: 0; top: 9px; content: ""; width: 6px; height: 6px; border-radius: 100%; background-color: #ec9876; } .btn-center { text-align: center; } .back-to-top { text-transform: uppercase; text-decoration: underline; color: #636362; font-size: 14px; line-height: 16px; letter-spacing: 1.5; font-weight: 600; } .ahc .fr-cw-contents .contents-holder{ padding-bottom: 15px; } .fr-cw-contents .contents-holder .col h2 { padding: 0; margin: 0 0 30px; } .fr-cw-contents .contents-holder .col p { line-height: 28px; } .fr-cw-contents p a, .fr-cw-contents ul a { color: #DD7146; } .fr-cw-contents p a:hover, .fr-cw-contents ul a:hover { color: #212020; } @media screen and (max-width:1199px){ .fr-cw-contents .two-col-wrapper .col { width: calc(100% / 2 - 20px); max-width: 100%; } .fr-cw-contents h2:after { width: 430px; } } @media screen and (max-width:1199px){ .fr-cw-contents h2:after { width: 350px; } } @media screen and (max-width:991px){ .fr-cw-contents { /* overflow: hidden; */ margin-top: 30px; } .fr-cw-contents h2 { font-size: 35px; line-height: 45px; } .fr-cw-contents .counter { font-size: 55px; } .fr-cw-contents h2:after { width: 250px; } } @media (min-width: 768px) { .fr-cw-contents ul li { font-size: 18px; line-height: 28px; } .fr-cw-contents .contents-holder { border-top: solid 3px #212020; padding-top: 44px !important; padding-bottom: 50px; } .fr-cw-contents .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } .fr-cw-contents .row.revert { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .fr-cw-contents .row .col { padding: 0 15px 30px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fr-cw-contents .row .col.image { -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; } .fr-cw-contents h2 { font-size: 42px; line-height: 50px; margin: 0 0 50px; padding-left: 128px; } .fr-cw-contents .counter { font-size: 72px; } .fr-cw-contents p { margin: 0 0 22px; } .fr-cw-contents ul li { padding-left: 26px; } .fr-cw-contents ul li:before { width: 8px; height: 8px; } .btn-center { padding-top: 40px; } } @media (min-width: 1024px) { .fr-cw-contents .contents-holder { padding-bottom: 120px; } .no-sb .fr-cw-contents .contents-holder { padding-bottom: 0; margin-bottom: 0 } .examples-logo .fr-cw-contents .contents-holder { padding-bottom: 22px; } .fr-cw-contents .row { margin: 0 -25px; } .fr-cw-contents .row .col { padding: 0 25px 45px; } .examples-logo .fr-cw-contents .row .col{ padding-bottom: 35px; } .fr-cw-contents .row .col.image { max-width: auto; } .fr-cw-contents ul li { padding-bottom: 27px; } .ahc .fr-cw-contents .contents-holder{ padding-bottom: 40px; } } } @media (min-width: 1366px) { .fr-cw-contents h1 { line-height: 86px; font-size: 72px; } } @media (max-width: 1199px) { .fr-cw-contents h1 { line-height: 70px; font-size: 55px; } } @media (max-width: 1023px) { .fr-cw-contents h1 { line-height: 50px; font-size: 42px; } .fr-cw-contents .contents-holder .col h2 br{ display: none; } } @media screen and (max-width:767px){ .fr-cw-contents h2 { font-size: 24px; line-height: 28px; font-weight: 600; position: relative; padding-left: 78px !important; padding-top: 0px !important; margin: 0 0 30px; } .fr-cw-contents .counter { top: 0px; /* font-size: 42px; font-weight: 600; */ } .fr-cw-contents .contents-holder { border-top: solid 2px #212020 !important; padding-bottom: 20px; padding-top: 20px; } .fr-cw-contents h2:after, .fr-cw-contents .two-col-wrapper .col.image-container { display:none; } .fr-cw-contents .two-col-wrapper .col { width: 100%; max-width: 100%; } }