.kt-sc-faq-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .kt-sc-faq-2 .kt-sc__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 0; padding-left: 70px; overflow: hidden; } .kt-sc-faq-2 .kt-sc__bg .kt-svg-icon { height: 110%; width: auto; -webkit-transform: translateY(50px); transform: translateY(50px); } .kt-sc-faq-2 .kt-sc__bg--layer { top: 0; right: 0; left: 0; bottom: 0; padding-left: 0; } .kt-sc-faq-2 .kt-sc__bg--layer .kt-svg-icon { height: auto; width: 100%; fill: rgba(103, 112, 153, 0.04); -webkit-transform: translateY(0); transform: translateY(0); } .kt-sc-faq-2 .kt-sc__top { position: relative; z-index: 1; } .kt-sc-faq-2 .kt-sc__top .kt-sc__content { margin-left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6rem 3rem; } .kt-sc-faq-2 .kt-sc__top .kt-sc__content .kt-sc__title { color: #48465b; font-size: 2.15rem; font-weight: 600; margin-left: 3.5rem; margin-bottom: 0; } .kt-sc-faq-2 .kt-sc__top .kt-sc__content .kt-sc__form .input-group { width: 380px; -webkit-box-shadow: 0px 0px 27px 0px rgba(160, 160, 191, 0.2); box-shadow: 0px 0px 27px 0px rgba(160, 160, 191, 0.2); } .kt-sc-faq-2 .kt-sc__top .kt-sc__content .kt-sc__form .input-group .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; border: none; padding: 0.65rem 2rem; background-color: #ffffff; } .kt-sc-faq-2 .kt-sc__top .kt-sc__content .kt-sc__form .input-group .form-control { border: none; padding: 2.5rem 0; font-weight: 400; font-size: 1.1rem; } @media (max-width: 1024px) { .kt-sc-2 .kt-sc__bg { opacity: 0.2; } .kt-sc-2 .kt-sc__bg .kt-svg-icon { -webkit-transform: translateY(0); transform: translateY(0); } .kt-sc-2 .kt-sc__top { min-height: auto; } .kt-sc-2 .kt-sc__top .kt-sc__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 4rem 0; margin-left: 0; min-height: auto; } .kt-sc-2 .kt-sc__top .kt-sc__content .kt-sc__title { margin-bottom: 2rem; } .kt-sc-2 .kt-sc__top .kt-sc__content .kt-sc__form .input-group { width: 100%; } }