.img-responsive {
   max-width: 100%;
   height: auto;
 }

 img {
   border: medium none;
   vertical-align: middle;
   outline: medium none;
 }

 div {
   display: block;
 }

 .pd {
   display: block;
 }

 .pl {
   padding: 20px 20px 20px 0px;
 }

 .pr {
   padding: 20px 0px 20px 20px;
 }

 .center {
   text-align: center;
 }

 .left {
   text-align: left;
 }

 .Wid2 {
   width: 100%;
   float: left;
 }

 .Wid {
   width: 100%;
 }

 .hero-section h1 {
   width: 100%;
   margin: 50px 0;
 }

 .scrollBlock2 {
   position: absolute;
   top: 227px;
   left: -40px;
 }

 .slider {
   display: flex;
   transition: transform 0.8s ease-in-out;
 }

 .slide {
   flex: 0 0 100%;
   display: flex;
   float: left !important;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   align-content: flex-end;
   margin-top: -20px;
 }

 .line {
   height: 1px;
   opacity: 0.6;
   width: 60px;
   position: relative;
   left: 162px;
   bottom: 42px;
 }

 #slide-image {
   -webkit-animation-name: zoom;
   -webkit-animation-duration: 0.6s;
   animation-name: zoom;
   animation-duration: 0.6s;
 }

 .connectBtn {
   display: flex;
   align-items: center;
   justify-content: space-around;
   padding: 14px;
   font-size: 16px;
   min-width: 190px;
   border-radius: 5px;
   width: fit-content;
   color: #000;
   margin: 20px 0;
   text-decoration: none;
   text-align: left;
 }

 .connectBtn:hover {
   background-color: #fc4f02;
   transition: 0.4s;
   color: #fff;
   border: 1px solid #fc4f02;
 }

 .dyk-left__content,
 .dyk-right__content {
   color: #fff !important;
 }

 .dyk-right__content h5 {
   color: #fff !important;
 }

 .dyk-right__content p {
   color: #fff !important;
 }

 .dyk-left__content {
   align-items: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .blue {
   place-content: center;
 }

 .differentiators-cards {
   display: flex;
   gap: 40px;
 }

 .differentiators-cards .boxhover1 {
   width: 48%;
 }

 .boxhover1 {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
 }

 .left {
   text-align: left;
 }

 .check-item {
   position: relative;
 }

 .check-item::before {
   content: "";
   position: absolute;
   left: 0;
   top: 4px;
   width: 16px;
   height: 16px;
 }

 .stat-item {
   align-items: flex-start;
   margin-bottom: 25px;
 }

 .stat-icon {
   margin-right: 18px;
 }

 .differentiators-cards2 {
   display: flex;
   gap: 40px;
 }

 .differentiators-cards2 .boxhover2 {
   width: 48%;
 }

 .boxhover2 {
   border-radius: 5px;
   box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
   background: #fff;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   padding: 30px;
   border: 2px solid #fff;
   transition: border-color 1s ease;
   height: 100px !important;
 }

 .boxhover2:hover {
   border: 2px solid #fc4f02;
 }

 .left {
   text-align: left;
 }

 .feature-number {
   font-size: 70px;
   font-weight: 700;
   color: rgba(252, 79, 2, 0.3);
   margin-bottom: 10px;
 }

 .feature-title {
   font-weight: 600;
   margin-bottom: 15px;
 }

 .chat-area-1 {
   flex: 1;
   overflow-y: scroll !important;
   padding: 15px 15px 15px 15px;
   display: flex;
   flex-direction: column;
   background-color: #f9f9f9;
   gap: 20px;
 }

 .message-row {
   display: flex;
   align-items: center;
   gap: 10px;
   position: relative;
 }

 .message-row.user {
   flex-direction: row-reverse;
 }

 .message {
   background: #e7ebf1 !important;
   padding: 10px 15px;
   border-radius: 5px;
   max-width: 75%;
   word-wrap: break-word;
   font-size: 12px;
   font-family: "Poppins", sans-serif;
   line-height: 1.4;
 }

 .message.user-2 {
   background: #060042 !important;
   color: #fff;
   border-radius: 0px !important;
 }

 .message.user-4 {
   background: #fc4f02 !important;
   color: #fff;
   border-radius: 0px !important;
 }

 .message.user-4::before {
   content: url(https://rybo.ai/wp-content/themes/Rybo/images/atc/Rybo_Webpage_Insurance_Level_1//tringle-icon-2.png);
   position: absolute;
   left: 0px;
   bottom: -16px;
 }

 .mobile-screen {
   display: flex !important;
   position: relative;
   flex-direction: column;
 }

 .mobile-screen-inner {
   width: 90%;
   background: #fff;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   position: relative;
 }

 .mobile-screen-inner4 {
   overflow: hidden;
   width: 445px;
 }

 .mobils-main {
   display: flex;
 }

 .orange-vector2 {
   place-self: end;
   position: absolute;
   top: 89%;
   left: 401px;
 }

 .gray-vector2 {
   place-self: end;
   position: absolute;
   top: 97%;
   left: 0px;
 }

 .mobile-heading-2 {
   font-size: 60px !important;
   color: rgba(260, 79, 2, 30%);
   font-weight: bold;
 }

 .boticon1 {
   width: 50px;
   height: 50px;
   position: absolute;
   right: 83%;
   top: 33%;
   z-index: 1;
 }

 .angryicon {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 82%;
   top: 20%;
   z-index: 1;
 }

 .mobile-screen-inner-2 {
   border: 18px solid #000000;
   overflow: hidden;
   background: #000;
   border-radius: 50px;
   width: 380px;
   height: 650px;
   align-self: center;
 }

 .message.user-5 {
   background: #e8eff2 !important;
   color: #000000;
   border-radius: 0px !important;
 }

 .message.user-5::before {
   content: url(https://rybo.ai/wp-content/themes/Rybo/images/atc/Rybo_Webpage_Insurance_Level_1//tringle-icon-2.png);
   position: absolute;
   left: 0px;
   bottom: -16px;
 }

 .message.user-3 {
   background: #fc4f02 !important;
   color: #fff;
   border-radius: 0px !important;
 }

 .user-3::after {
   content: url(https://rybo.ai/wp-content/themes/Rybo/images/atc/Rybo_Webpage_Insurance_Level_1//tringle-icon.png);
   position: absolute;
   right: 0px;
   margin-top: 12px;
 }

 .screen-footer {
   background: #f1f1f1;
   border-top: 1px solid #ddd;
   display: flex;
   gap: 10px;
   align-items: center;
 }

 .ai-right-section {
   padding-left: 30px;
 }

 .ai-intro-text {
   font-size: 16px;
   margin-bottom: 25px;
 }

 .ai-feature-box {
   display: flex;
   align-items: flex-start;
   gap: 15px;
   margin-bottom: 20px;
 }

 .ai-feature-icon {
   width: 40px;
   height: 40px;
 }

 .ai-feature-text h5 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 5px;
 }

 .ai-feature-text p {
   margin: 0;
 }

 .ai-bottom-text {
   margin-top: 20px;
 }

 .differentiators-cards .boxhover3 {
   width: 50%;
 }

 .differentiators-cards .boxhover33 {
   width: 50%;
 }

 .boxhover3 {
   border-radius: 5px;
   box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
   background: #fff;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
   padding: 30px;
   border: 2px solid #fff;
   transition: border-color 1s ease;
   /* height: 310px !important; */
 }

 .boxhover3:hover {
   border: 2px solid #fc4f02;
 }

 .boxhover33 {
   border-radius: 5px;
   box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
   background: #fff;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   padding: 30px;
   border: 2px solid #fff;
   transition: border-color 1s ease;
   /* height: 310px !important; */
 }

 .boxhover33:hover {
   border: 2px solid #fc4f02;
 }

 .feature-item {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 18px;
 }

 .feature-item2 {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 18px;
   font-weight: 600;
   padding: 16px 35px;
   border: 2px solid transparent;
   border-radius: 8px;
   transition: all 0.3s ease;
 }

 .feature-item2:hover {
   border: 2px solid #fc4f02;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   background: #fff;
 }

 .feature-icon {
   width: 30px;
   height: 30px;
   object-fit: contain;
 }

 .boxhover4 {
   border-radius: 5px;
   box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 10%);
   display: flex;
   color: #000000;
   background-color: rgba(255, 255, 255, 0.1);
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   padding: 20px;
   border: 2px solid #ffffff00;
   transition: border-color 0.5s ease;
   cursor: pointer;
   width: 100%;
 }

 .boxhover4 ul {
   list-style: none;
   padding-left: 0;
 }

 .boxhover4 ul li {
   display: flex;
   align-items: flex-start;
 }

 .connectBtn2 {
   display: flex;
   align-items: center;
   justify-content: space-around;
   padding: 14px;
   font-size: 16px;
   min-width: 190px;
   border-radius: 5px;
   width: fit-content;
   color: #fc4f04;
   margin: 20px 0;
   text-decoration: none;
   text-align: left;
 }

 .connectBtn2:hover {
   background-color: #fc4f02;
   transition: 0.4s;
   color: #fff;
   border: 1px solid #fc4f02;
 }

 .main-container {
   color: #000000;
   margin: 0;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   margin-bottom: 50px;
 }

 .faq-container {
   width: 100%;
   border-radius: 12px;
 }

 .faq-item {
   padding: 30px;
   border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
   background: #ffffff !important;
   border: #ffffff !important;
 }

 .faq-question {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   cursor: pointer;
   font-size: 1rem;
   font-family: "PTSans-Bold" !important;
 }

 .faq-question h5 {
   font-size: 20px;
   line-height: normal;
 }

 .faq-question .arrow {
   font-size: 1.5rem;
   transition: transform 0.3s ease;
 }

 .faq-item .faq-question .arrow {
   transform: rotate(0deg);
   width: auto;
 }

 .faq-item.active .faq-question .arrow {
   transform: rotate(180deg);
 }

 .faq-answer {
   max-height: 0;
   overflow: hidden;
   transition:
     max-height 0.3s ease-out,
     padding 0.3s ease-out;
 }

 .faq-item.active .faq-answer {
   max-height: 250px !important;
   padding-top: 10px;
   width: 90%;
 }

 .faq-item.active {
   border-radius: 8px;
   padding: 30px;
 }

 .chatbox {
   display: flex;
   flex-direction: column;
   background: url(https://rybo.ai/wp-content/themes/Rybo/images/atc/Rybo_Webpage_Insurance_Level_1//bgchats.png) center center / contain no-repeat !important;
   background-position: center center !important;
   height: 450px;
 }

 .bot-icon {
   width: 35px;
   height: 35px;
   position: absolute;
   right: -2%;
   top: 18%;
 }

 .chatbox2 {
   background: none !important;
   height: 655px;
 }

 .chatbox .chats {
   width: 90%;
   margin: auto;
   margin-bottom: 30%;
 }

 .chatbox .user-chat,
 .chatbox .bot-chat {
   display: flex;
   align-items: flex-start;
   margin-bottom: 10px;
   opacity: 1;
   transform: translateY(30px);
   gap: 30px;
   transition: 0.6s;
 }

 .chatbox .user-chat .nrmltxt,
 .chatbox .bot-chat .nrmltxt {
   font-size: 12px !important;
   line-height: normal;
 }

 .chatbox .bot-chat {
   margin-left: 10%;
 }

 .chatbox .user-text {
   width: fit-content;
   margin-left: auto;
   color: rgb(255, 255, 255) !important;
   padding: 15px;
   background: #fc4f02;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   margin-right: 7%;
 }

 .chatbox2 .user-text {
   background: #060042;
 }

 .chatbox .bot-text {
   color: rgb(0, 0, 0);
   width: fit-content;
   padding: 15px;
   background: #fff0e9;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
 }

 .c-list {
   list-style: none;
   padding: 0;
 }

 .c-list li {
   position: relative;
   padding-left: 20px;
   padding-top: 20px;
 }

 .c-list li::before {
   content: "•";
   color: #fc4f02;
   position: absolute;
   left: 0;
   top: 7px;
   font-size: 32px;
 }

 .icon-card {
   width: 10px;
 }

 @media (min-width: 0px) and (max-width: 768px) {
   .pd {
     padding: 0px;
     display: block;
   }

   .differentiators-cards {
     display: flex;
     gap: 0px;
     flex-direction: column;
   }

   .differentiators-cards .boxhover1 {
     width: 100%;
   }

   .differentiators-cards .boxhover33 {
     width: 100%;
   }

   .boxhover1 {
     display: flex;
   }

   .differentiators-cards2 {
     display: flex;
     gap: 0px;
     flex-direction: column;
   }

   .differentiators-cards2 .boxhover2 {
     width: 100%;
   }

   .boxhover2 {
     display: flex;
   }

   .mobile-screen {
     align-items: center;
   }

   .mobile-screen-inner {
     width: 50%;
     top: 0px;
     position: relative;
     margin-top: 20px;
   }

   .mobile_screen {
     align-items: center;
     width: 60% !important;
   }

   .mobils-main {
     flex-direction: column;
     flex-direction: column;
     display: flex;
     align-items: center;
     padding-right: 0;
   }

   .orange-vector2 {
     top: 91%;
     left: 366px;
   }

   .swip {
     display: flex;
     flex-direction: column;
   }

   .items1 {
     order: 2;
   }

   .items2 {
     order: 1;
   }

   .boticon1 {
     display: none;
   }

   .angryicon {
     display: none;
   }

   .screen-footer img {
     width: 100%;
   }

   .differentiators-cards .boxhover3 {
     width: 100%;
   }

   .boxhover4 {
     height: auto;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     width: 100%;
   }

   .box {
     margin-bottom: 20px;
   }

   .main-box {
     flex-direction: column;
   }

   .mobils-main {
     grid-template-columns: 1fr;
   }

   .mobile-heading {
     flex-direction: column;
     align-items: flex-start;
     margin-bottom: 20px;
   }

   .boxhover2 {
     width: 100%;
   }

   .order {
     display: flex;
     flex-direction: column-reverse;
   }

   .icon3::after,
   .icon3::before,
   .icons1::after,
   .icons1::before,
   .icons2::before,
   .icons4::after,
   .icons4::before {
     display: none;
   }

   .mobile-content {
     padding: 0;
   }

   .chatbox2 {
     height: auto;
   }

   .py-5,
   .p-5 {
     padding: 20px !important;
   }

   body {
     overflow-x: hidden;
   }

   .Title {
     font-size: 26px;
     line-height: 1.4;
   }

   .pd {
     padding: 20px 0;
   }

   .p20 {
     padding: 10px;
   }

   .pl {
     padding: 0px 0px 0px 0px;
   }

   .flex-mob-col {
     flex-direction: column-reverse !important;
   }

   p,
   span,
   li,
   .nrmltxt,
   .acord-nrmltxt {
     font-size: 14px;
     line-height: 1.7;
   }

   .boxhover3,
   .boxhover4 {
     padding: 20px;
     border-radius: 14px;
   }

   .boxhover3>img,
   .boxhover4>img {
     float: none !important;
     margin: 0 auto 20px auto !important;
     width: 70px;
   }

   .boxhover1 {
     align-items: flex-start;
   }

   .boxhover1 img {
     width: 20px;
   }

   .differentiators-cards {
     grid-template-columns: 1fr;
     gap: 10px;
   }

   .faq-question {
     padding: 16px;
   }

   .faq-question h5 {
     font-size: 15px;
     width: 90%;
   }

   .faq-answer p {
     padding: 0 16px 16px;
   }

   .items1,
   .items2 {
     padding: 15px !important;
   }

   .blueBg {
     text-align: center;
   }

   .blueBg img {
     margin: auto;
   }

   .Flexible.Pricing li {
     font-size: 14px;
   }

   .Title {
     font-size: 26px !important;
     line-height: 1.4;
   }

   p,
   span,
   li {
     font-size: 14px !important;
     line-height: 1.7;
   }

   .pd {
     padding: 20px 0 !important;
   }

   .boxhover3,
   .boxhover4 {
     padding: 20px !important;
   }

   .boxhover3>img,
   .boxhover4>img {
     float: none !important;
     width: 70px !important;
     margin: 0 auto 20px auto !important;
   }

   .differentiators-cards {
     grid-template-columns: 1fr !important;
   }

   .faq-question {
     padding: 15px !important;
   }

   .faq-question h5 {
     font-size: 15px !important;
   }

   .faq-answer p {
     padding: 0 15px 15px !important;
   }

   .blueBg {
     text-align: center;
   }

   .blueBg img {
     margin: auto;
   }
 }