/*** ============================================= Faq Page One Css ============================================= ***/ .faq-page-one { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; z-index: 10; } .faq-style1__content { position: relative; display: block; padding-top: 60px; } .accordion-box { position: relative; display: block; } .accordion-box .block { position: relative; display: block; margin-bottom: 20px; transition: all 500ms ease; } .accordion-box .block:last-child { margin-bottom: 0px; } .accordion-box .block .acc-content.current { display: block; } .accordion-box .block .acc-btn { position: relative; display: block; cursor: pointer; transition: all 500ms ease; background: #ebf1ed; padding-top: 19px; padding-left: 40px; padding-bottom: 19px; padding-right: 40px; border: 1px solid #ebf1ed; } .accordion-box .block .acc-btn.active { background: #ffffff; } .accordion-box .block .acc-btn h3 { color: var(--thm-black); font-size: 18px; line-height: 30px; font-weight: 700; transition: all 500ms ease; } .accordion-box .block .acc-btn.active h3 { color: var(--thm-base); } .accordion-box .block .acc-btn .icon-outer { position: absolute; top: 50%; right: 40px; width: 15px; height: 15px; color: var(--thm-base); font-size: 12px; text-align: right; line-height: 15px; font-weight: 700; cursor: pointer; transform: translateY(-50%) rotate(0deg); transition: all 500ms ease; z-index: 1; } .accordion-box .block .acc-btn.active .icon-outer { color: var(--thm-primary); transform: translateY(-50%) rotate(360deg); } .accordion-box .block .acc-btn .icon-outer i:before { font-weight: 700; } .accordion-box .block .acc-btn.active .icon-outer i:before { position: relative; font-size: 12px; font-family: 'icomoon' !important; font-weight: 700; margin: 0px; content: "\e928"; } .accordion-box .block .acc-content { position: relative; display: none; padding-top: 31px; padding-left: 40px; padding-bottom: 28px; padding-right: 30px; border: 1px solid #ebf1ed; border-top: none; } .accordion-box .block .acc-content p { margin: 0; } .faq-style1-content { position: relative; display: block; } .faq-form-box { position: relative; display: block; width: 100%; box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%); padding: 56px 40px 58px; z-index: 1; } .faq-form-box .top-title { position: relative; display: block; padding-bottom: 28px; } .faq-form-box .top-title h3 { font-size: 24px; line-height: 30px; font-weight: 700; margin: 0 0 12px; } .faq-form-box .top-title p { margin: 0; } .faq-form-box form { position: relative; display: block; } .faq-form-box form .input-box { position: relative; display: block; margin-bottom: 20px; } .faq-form-box form input[type="text"], .faq-form-box form input[type="email"], .faq-form-box form textarea { position: relative; display: block; background: #ebf1ed; width: 100%; height: 60px; border: 1px solid #ebf1ed; color: #737c76; font-size: 14px; font-weight: 500; font-style: normal; padding-left: 30px; padding-right: 30px; border-radius: 0px; transition: all 500ms ease; font-family: var(--thm-font); } .faq-form-box form textarea { height: 102px; padding-top: 15px; padding-left: 30px; padding-right: 30px; } .faq-form-box form input[type="text"]:focus { color: #737c76; border-color: var(--thm-primary); } .faq-form-box form input[type="email"]:focus { color: #737c76; border-color: var(--thm-primary); } .faq-form-box form textarea:focus { color: #737c76; border-color: var(--thm-primary); } .faq-form-box form input[type="text"]::-webkit-input-placeholder { color: #737c76; } .faq-form-box form input[type="text"]:-moz-placeholder { color: #737c76; } .faq-form-box form input[type="text"]::-moz-placeholder { color: #737c76; } .faq-form-box form input[type="text"]:-ms-input-placeholder { color: #737c76; } .faq-form-box form input[type="email"]::-webkit-input-placeholder { color: #737c76; } .faq-form-box form input[type="email"]:-moz-placeholder { color: #737c76; } .faq-form-box form input[type="email"]::-moz-placeholder { color: #737c76; } .faq-form-box form input[type="email"]:-ms-input-placeholder { color: #737c76; } .faq-form-box form textarea::-webkit-input-placeholder { color: #737c76; } .faq-form-box form textarea:-moz-placeholder { color: #737c76; } .faq-form-box form textarea::-moz-placeholder { color: #737c76; } .faq-form-box form textarea:-ms-input-placeholder { color: #737c76; } .faq-form-box form .button-box { position: relative; display: block; } .faq-form-box form .button-box button { width: 100%; display: flex; align-items: center; justify-content: center; } .faq-form-box .bottom-box { position: relative; display: block; padding-top: 22px; text-align: center; } .faq-form-box .bottom-box p { margin: 0; } .faq-form-box .bottom-box p span { color: var(--thm-base); }