{"id":37,"date":"2021-12-25T15:15:17","date_gmt":"2021-12-25T15:15:17","guid":{"rendered":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/?page_id=37"},"modified":"2021-12-25T15:15:18","modified_gmt":"2021-12-25T15:15:18","slug":"design-2","status":"publish","type":"page","link":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/design-2\/","title":{"rendered":"Design 2"},"content":{"rendered":"\n<h2 class=\"has-text-align-center wp-block-heading\">Horizontal View<\/h2>\n\n\n\r\n<style type=\"text\/css\">\r\n\r\n    .read-btn{\r\n      text-align: center !important;\r\n      padding: 10px !important;\r\n      cursor: pointer !important;\r\n      margin: 5px 0 !important;\r\n      text-transform: unset !important;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .ras-panels .ras-panel .text-block-2 {\r\n      position: absolute;\r\n      left: 30px;\r\n      bottom: 30px;\r\n      max-width: 400px;\r\n      padding: 20px;\r\n      border-radius: 5px;\r\n      background-color: rgba(0, 0, 0, 0.6);\r\n      color: #fff;\r\n      z-index: 4;\r\n      visibility: hidden;\r\n    }\r\n    .ras-panels .ras-panel .text-block-2 h3 {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n    }\r\n    .ras-panels:hover .ras-panel:hover {\r\n      -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .ras-panels .ras-panel .text-block-2 {\r\n      bottom: -60px;\r\n    }\r\n\r\n    .ras-panels:hover .ras-panel:hover .text-block-2:not(:hover):after {\r\n      -webkit-transition-property: all;\r\n      transition-property: all;\r\n      -webkit-transition-duration: 0.2s;\r\n      transition-duration: 0.2s;\r\n      -webkit-transition-timing-function: linear;\r\n      transition-timing-function: linear;\r\n      -webkit-transition-delay: 0s;\r\n      transition-delay: 0s;\r\n      opacity: 1;\r\n    }\r\n    .ras-panels:hover .ras-panel:hover .text-block-2 {\r\n      -webkit-transition-property: all;\r\n      transition-property: all;\r\n      -webkit-transition-duration: 0.2s;\r\n      transition-duration: 0.2s;\r\n      -webkit-transition-timing-function: linear;\r\n      transition-timing-function: linear;\r\n      -webkit-transition-delay: 1s;\r\n      transition-delay: 1s;\r\n      bottom: 30px;\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n\r\n    #responsive-accordion-34 .ras-panels .ras-panel .text-block-2 .text{\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    @media screen and (max-width: 480px){\r\n      .ras-panels:hover .ras-panel:hover .text-block-2 {\r\n        left: 10px;\r\n        bottom: 10px;\r\n      }\r\n      .ras-panels .ras-panel .text-block-2 p,\r\n      .ras-panels .ras-panel .text-block-2 .read-btn{\r\n        font-size: 10px !important;\r\n      }\r\n      .ras-panels .ras-panel .text-block-2 h3{\r\n        font-size: 14px !important;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 320px){\r\n      .ras-panels .ras-panel .text-block-2{\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \r\n<\/style>\r\n\r\n<div id=\"responsive-accordion-34\" class=\"design-2 ras-slider ras-slider-34\" style=\"margin-bottom: 100px;\">\r\n        <div class=\"ras-panels\">\r\n                                  \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/beach-water-sand-sky-sunshine-car-971394-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/agent-agreement-boss-brainstorming-business-businessman-1442697-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/dentist-dentistry-smile-patient-white-dental-1446755-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/writing-creative-wood-technology-camera-photography-797713-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/track-railway-railroad-vintage-photographer-transport-44186-pxhere.com_-1575x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/light-night-sidewalk-dog-line-reflection-99300-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/beach-sea-coast-sand-ocean-lighthouse-249-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/african-asian-blonde-brainstorm-business-businessman-1629588-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/sea-water-architecture-golden-color-peace-1026014-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/water-architecture-fog-bridge-suspension-bridge-line-103066-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/tree-nature-forest-track-railway-railroad-99262-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/pedestrian-person-woman-road-street-crowd-229-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/sky-galaxy-astronomical-object-night-star-astronomy-28994-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/sea-water-girl-woman-boat-sunlight-25359-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/person-student-professional-room-conversation-education-115778-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/person-group-people-girl-photography-boy-715391-pxhere.com_-1548x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n        <\/div>\r\n        <div class=\"wpaas-conf-34\" style=\"display: none;\">{\"visible_images\":\"6\",\"width\":\"1200px\",\"height\":\"500px\",\"orientation\":\"horizontal\",\"image_distance\":\"1\",\"max_opened_image_size\":\"80%\",\"open_image_on\":\"hover\",\"shadow\":\"true\",\"autoplay\":\"true\",\"mouse_wheel\":\"true\",\"close_panel_on_mouse_out\":\"true\",\"autoplay_direction\":\"normal\",\"autoplay_delay\":\"3000\"}<\/div>\r\n    <\/div>\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n    jQuery(document).ready(function($) {\r\n        $( '.ras-slider-34' ).each(function( index ) { \r\n            var slider_id   = $(this).attr('id');  \r\n            var slider_conf = $.parseJSON( $(this).closest('#responsive-accordion-34').find('.wpaas-conf-34').text());\r\n                \r\n            if( typeof(slider_id) != 'undefined' && slider_id != '' ) { \r\n                $('#responsive-accordion-34').ResponsiveAccordionSlider({\r\n                width:parseInt(slider_conf.width), \r\n                height: parseInt(slider_conf.height),\r\n                responsiveMode: 'custom',\r\n                orientation: slider_conf.orientation,\r\n                maxOpenedPanelSize: slider_conf.max_opened_image_size,\r\n                openPanelOn: slider_conf.open_image_on,\r\n                visiblePanels: parseInt(slider_conf.visible_images),\r\n                autoplayDirection: slider_conf.autoplay_direction,\r\n                autoplayDelay: parseInt(slider_conf.autoplay_delay),\r\n                startPanel: -1,\r\n                panelDistance: parseInt(slider_conf.image_distance),\r\n                shadow     : (slider_conf.shadow)      == \"true\"           ? true          : false,\r\n                autoplay   : (slider_conf.autoplay)    == \"true\"           ? true          : false,\r\n                mouseWheel : (slider_conf.mouse_wheel) == \"true\"           ? true          : false,    \r\n                closePanelsOnMouseOut : (slider_conf.close_panel_on_mouse_out) == \"true\"           ? true          : false,    \r\n                   \r\n                breakpoints: {\r\n                    960: {visiblePanels: (parseInt(slider_conf.visible_images) > 5) ? 5 : parseInt(slider_conf.visible_images)},\r\n                    800: {visiblePanels: (parseInt(slider_conf.visible_images) > 3) ? 3 : parseInt(slider_conf.visible_images)},\r\n                    650: {visiblePanels: 3},\r\n                    500: {visiblePanels: 3}\r\n                }\r\n             });\r\n            }\r\n        });\r\n    });\r\n<\/script>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Vertical View<\/h2>\n\n\n\r\n<style type=\"text\/css\">\r\n\r\n    .read-btn{\r\n      text-align: center !important;\r\n      padding: 10px !important;\r\n      cursor: pointer !important;\r\n      margin: 5px 0 !important;\r\n      text-transform: unset !important;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .ras-panels .ras-panel .text-block-2 {\r\n      position: absolute;\r\n      left: 30px;\r\n      bottom: 30px;\r\n      max-width: 400px;\r\n      padding: 20px;\r\n      border-radius: 5px;\r\n      background-color: rgba(0, 0, 0, 0.6);\r\n      color: #fff;\r\n      z-index: 4;\r\n      visibility: hidden;\r\n    }\r\n    .ras-panels .ras-panel .text-block-2 h3 {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n    }\r\n    .ras-panels:hover .ras-panel:hover {\r\n      -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .ras-panels .ras-panel .text-block-2 {\r\n      bottom: -60px;\r\n    }\r\n\r\n    .ras-panels:hover .ras-panel:hover .text-block-2:not(:hover):after {\r\n      -webkit-transition-property: all;\r\n      transition-property: all;\r\n      -webkit-transition-duration: 0.2s;\r\n      transition-duration: 0.2s;\r\n      -webkit-transition-timing-function: linear;\r\n      transition-timing-function: linear;\r\n      -webkit-transition-delay: 0s;\r\n      transition-delay: 0s;\r\n      opacity: 1;\r\n    }\r\n    .ras-panels:hover .ras-panel:hover .text-block-2 {\r\n      -webkit-transition-property: all;\r\n      transition-property: all;\r\n      -webkit-transition-duration: 0.2s;\r\n      transition-duration: 0.2s;\r\n      -webkit-transition-timing-function: linear;\r\n      transition-timing-function: linear;\r\n      -webkit-transition-delay: 1s;\r\n      transition-delay: 1s;\r\n      bottom: 30px;\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n\r\n    #responsive-accordion-35 .ras-panels .ras-panel .text-block-2 .text{\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    @media screen and (max-width: 480px){\r\n      .ras-panels:hover .ras-panel:hover .text-block-2 {\r\n        left: 10px;\r\n        bottom: 10px;\r\n      }\r\n      .ras-panels .ras-panel .text-block-2 p,\r\n      .ras-panels .ras-panel .text-block-2 .read-btn{\r\n        font-size: 10px !important;\r\n      }\r\n      .ras-panels .ras-panel .text-block-2 h3{\r\n        font-size: 14px !important;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 320px){\r\n      .ras-panels .ras-panel .text-block-2{\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \r\n<\/style>\r\n\r\n<div id=\"responsive-accordion-35\" class=\"design-2 ras-slider ras-slider-35\" style=\"margin-bottom: 100px;\">\r\n        <div class=\"ras-panels\">\r\n                                  \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/beach-water-sand-sky-sunshine-car-971394-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/agent-agreement-boss-brainstorming-business-businessman-1442697-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/dentist-dentistry-smile-patient-white-dental-1446755-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/writing-creative-wood-technology-camera-photography-797713-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/track-railway-railroad-vintage-photographer-transport-44186-pxhere.com_-1575x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/light-night-sidewalk-dog-line-reflection-99300-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/beach-sea-coast-sand-ocean-lighthouse-249-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/african-asian-blonde-brainstorm-business-businessman-1629588-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/sea-water-architecture-golden-color-peace-1026014-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/water-architecture-fog-bridge-suspension-bridge-line-103066-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/tree-nature-forest-track-railway-railroad-99262-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/pedestrian-person-woman-road-street-crowd-229-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/sky-galaxy-astronomical-object-night-star-astronomy-28994-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/sea-water-girl-woman-boat-sunlight-25359-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/person-student-professional-room-conversation-education-115778-pxhere.com_-1600x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n                        <div class=\"ras-panel\">\r\n                            <img decoding=\"async\" class=\"as-background\" src=\"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-content\/uploads\/sites\/2\/2021\/12\/person-group-people-girl-photography-boy-715391-pxhere.com_-1548x900.jpg\"\/>\r\n\r\n\r\n                                                  <div class=\"text-block-2\">\r\n                                                            <h3 style=\"\r\n                                display: block;\r\n                                font-size: 18px;\r\n                                font-family: Arial;\r\n                                color: #ffffff;\r\n                                background-color: ;\r\n                                    margin: 0 0 10px 0;\r\n                                    text-align: justify;\r\n                                \">Lorem ipsum dolor sit amet<\/h3>\r\n                                                        <div class=\"text\">\r\n                                                              <p style=\"\r\n                                font-size: 14px;\r\n                                font-family: Arial;\r\n                                              color: #ffffff;\r\n                                              background-color: ;\r\n                                                  margin: 0 0 8px 0;\r\n                                                  text-align: justify;\r\n                                \">Sed feugiat dolor neque, vestibulum laoreet nisi auctor vel. Ut sit amet orci commodo, dictum mauris quis, placerat mauris. Pellentesque nec mattis ligula. Nullam rhoncus ex sit amet mauris eleifend auctor. <\/p>\r\n                                                          <\/div>\r\n                                                                                         <a href=\"https:\/\/www.google.com\" target=\"_blank\" class=\"read-btn\" style=\"\r\n                             font-size: 14px;\r\n                             font-family: Arial;\r\n                             color: #ffffff;\r\n                             background-color: #f4511e;\r\n                             border-radius: 10px;\">Read More<\/a>\r\n                                                                                   <\/div>\r\n                         \r\n\r\n\r\n                        <\/div>\r\n                                     \r\n        <\/div>\r\n        <div class=\"wpaas-conf-35\" style=\"display: none;\">{\"visible_images\":\"6\",\"width\":\"1200px\",\"height\":\"500px\",\"orientation\":\"vertical\",\"image_distance\":\"1\",\"max_opened_image_size\":\"80%\",\"open_image_on\":\"hover\",\"shadow\":\"true\",\"autoplay\":\"true\",\"mouse_wheel\":\"true\",\"close_panel_on_mouse_out\":\"true\",\"autoplay_direction\":\"normal\",\"autoplay_delay\":\"3000\"}<\/div>\r\n    <\/div>\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n    jQuery(document).ready(function($) {\r\n        $( '.ras-slider-35' ).each(function( index ) { \r\n            var slider_id   = $(this).attr('id');  \r\n            var slider_conf = $.parseJSON( $(this).closest('#responsive-accordion-35').find('.wpaas-conf-35').text());\r\n                \r\n            if( typeof(slider_id) != 'undefined' && slider_id != '' ) { \r\n                $('#responsive-accordion-35').ResponsiveAccordionSlider({\r\n                width:parseInt(slider_conf.width), \r\n                height: parseInt(slider_conf.height),\r\n                responsiveMode: 'custom',\r\n                orientation: slider_conf.orientation,\r\n                maxOpenedPanelSize: slider_conf.max_opened_image_size,\r\n                openPanelOn: slider_conf.open_image_on,\r\n                visiblePanels: parseInt(slider_conf.visible_images),\r\n                autoplayDirection: slider_conf.autoplay_direction,\r\n                autoplayDelay: parseInt(slider_conf.autoplay_delay),\r\n                startPanel: -1,\r\n                panelDistance: parseInt(slider_conf.image_distance),\r\n                shadow     : (slider_conf.shadow)      == \"true\"           ? true          : false,\r\n                autoplay   : (slider_conf.autoplay)    == \"true\"           ? true          : false,\r\n                mouseWheel : (slider_conf.mouse_wheel) == \"true\"           ? true          : false,    \r\n                closePanelsOnMouseOut : (slider_conf.close_panel_on_mouse_out) == \"true\"           ? true          : false,    \r\n                   \r\n                breakpoints: {\r\n                    960: {visiblePanels: (parseInt(slider_conf.visible_images) > 5) ? 5 : parseInt(slider_conf.visible_images)},\r\n                    800: {visiblePanels: (parseInt(slider_conf.visible_images) > 3) ? 3 : parseInt(slider_conf.visible_images)},\r\n                    650: {visiblePanels: 3},\r\n                    500: {visiblePanels: 3}\r\n                }\r\n             });\r\n            }\r\n        });\r\n    });\r\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Horizontal View Vertical View<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-fullwidth.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/pages\/37"}],"collection":[{"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":1,"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/pages\/37\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}