{"id":27,"date":"2021-12-25T15:01:21","date_gmt":"2021-12-25T15:01:21","guid":{"rendered":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/?page_id=27"},"modified":"2021-12-25T15:05:36","modified_gmt":"2021-12-25T15:05:36","slug":"design-1","status":"publish","type":"page","link":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/","title":{"rendered":"Design 1"},"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-1 {\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-1 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-1 {\r\n      left: -100px;\r\n    }\r\n\r\n    .ras-panels:hover .ras-panel:hover .text-block-1: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-1 {\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      left: 30px;\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n\r\n    #responsive-accordion-25 .ras-panels .ras-panel .text-block-1 .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-1 {\r\n        left: 10px;\r\n        bottom: 10px;\r\n      }\r\n      .ras-panels .ras-panel .text-block-1 p,\r\n      .ras-panels .ras-panel .text-block-1 .read-btn{\r\n        font-size: 10px !important;\r\n      }\r\n      .ras-panels .ras-panel .text-block-1 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-1{\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \r\n<\/style>\r\n\r\n<div id=\"responsive-accordion-25\" class=\"design-1 ras-slider ras-slider-25\" 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\/african-asian-blonde-brainstorm-business-businessman-1629588-pxhere.com_-1600x900.jpg\"\/>\r\n                \r\n\r\n                                                  <div class=\"text-block-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-water-sand-sky-sunshine-car-971394-pxhere.com_-1600x900.jpg\"\/>\r\n                \r\n\r\n                                                  <div class=\"text-block-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-25\" 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-25' ).each(function( index ) { \r\n            var slider_id   = $(this).attr('id');  \r\n            var slider_conf = $.parseJSON( $(this).closest('#responsive-accordion-25').find('.wpaas-conf-25').text());\r\n                \r\n            if( typeof(slider_id) != 'undefined' && slider_id != '' ) { \r\n                $('#responsive-accordion-25').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-1 {\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-1 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-1 {\r\n      left: -100px;\r\n    }\r\n\r\n    .ras-panels:hover .ras-panel:hover .text-block-1: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-1 {\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      left: 30px;\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n\r\n    #responsive-accordion-31 .ras-panels .ras-panel .text-block-1 .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-1 {\r\n        left: 10px;\r\n        bottom: 10px;\r\n      }\r\n      .ras-panels .ras-panel .text-block-1 p,\r\n      .ras-panels .ras-panel .text-block-1 .read-btn{\r\n        font-size: 10px !important;\r\n      }\r\n      .ras-panels .ras-panel .text-block-1 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-1{\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \r\n<\/style>\r\n\r\n<div id=\"responsive-accordion-31\" class=\"design-1 ras-slider ras-slider-31\" 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\/african-asian-blonde-brainstorm-business-businessman-1629588-pxhere.com_-1600x900.jpg\"\/>\r\n                \r\n\r\n                                                  <div class=\"text-block-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-water-sand-sky-sunshine-car-971394-pxhere.com_-1600x900.jpg\"\/>\r\n                \r\n\r\n                                                  <div class=\"text-block-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-1\">\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                           \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-31\" style=\"display: none;\">{\"visible_images\":\"6\",\"width\":\"1500px\",\"height\":\"600px\",\"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-31' ).each(function( index ) { \r\n            var slider_id   = $(this).attr('id');  \r\n            var slider_conf = $.parseJSON( $(this).closest('#responsive-accordion-31').find('.wpaas-conf-31').text());\r\n                \r\n            if( typeof(slider_id) != 'undefined' && slider_id != '' ) { \r\n                $('#responsive-accordion-31').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","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\/27"}],"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=27"}],"version-history":[{"count":3,"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/pages\/27\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/demo.techknowprime.com\/responsive-accordion-slider\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}