@font-face {
    font-family: plusjakartasansregular;
    src: url(../fonts/plusjakartasans-regular.ttf);
}
@font-face {
    font-family: plusjakartasansmedium;
    src: url(../fonts/plusjakartasans-medium.ttf);
}
@font-face {
    font-family: plusjakartasanslight;
    src: url(../fonts/plusjakartasans-light.ttf);
}
@font-face {
    font-family: plusjakartasanssemibold;
    src: url(../fonts/plusjakartasans-semibold.ttf);
}
@font-face {
    font-family: plusjakartasansbold;
    src: url(../fonts/plusjakartasans-bold.ttf);
}
@font-face {
    font-family: plusjakartasansextrabold;
    src: url(../fonts/plusjakartasans-bold.ttf);
}
@font-face {
    font-family: interlight;
    src: url(../fonts/inter-light.ttf);
}
@font-face {
    font-family: interregular;
    src: url(../fonts/inter-regular.ttf);
}
@font-face {
    font-family: intermedium;
    src: url(../fonts/inter-medium.ttf);
}
@font-face {
    font-family: interbold;
    src: url(../fonts/inter-bold.ttf);
}
@font-face {
    font-family: intersemibold;
    src: url(../fonts/inter-semibold.ttf);
}
 body{
    background: #202123;font-family: plusjakartasansregular;
}
*{

    box-sizing: border-box;
} 
 
.search-button.active svg path{
   fill:#3A66FF;
}

.main-nav-toggle-icon #menu-toggle-icon span:nth-child(2){
    left: 0px;
    right: inherit;
}
.open-nav .main-nav-toggle-icon {
    right: 20px;
    left: inherit;
}
.main-nav-toggle-icon #menu-toggle-icon span {
   background: #fff;
  }
.open-nav .feeda-right-seacrh{
    opacity: 0 !important;
}
/*body:after{
        top: -50%;
    left: -50%;
    z-index: -1;
    background-image: url(../images/motif.png);
    height: 200%;
    display: inline-block;
    width: 200%;
     transform: translate(0,0) rotate(-25deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
    opacity: .04;
    position: fixed;
    content: '';
    bottom: 0px;
    left: 0px;
    }*/
    .clear{
        clear: both;
    }
    .container{
        width: 90%;
        margin:0 auto;
    } 
    a {
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        text-decoration: none;
    }

    h1,h2,h3,h4,h5{
        font-weight: normal;
        font-family: manropebold;

    } 

    .no-scrollbar::-webkit-scrollbar {
      display: none; /* Safari and Chrome */
      -ms-overflow-style: none; /* IE and Edge */
  }
  
.kai-manager-header{
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 9;
  /*  */
}

.kai-manager-header.sticky{
/*background: rgba(255,255,255, 0.2);*/
 background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 85%,rgba(0,0,0,0) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    backdrop-filter: blur(10px);
}
.kai-manager-header .kai-manager-header-inner{
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;
    position: relative;    
}
.kai-manager-header .kai-manager-header-inner .kai-manager-logo{
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 1;
}
.kai-manager-header .kai-manager-header-inner .kai-manager-header-right {
    position: relative;
    z-index: 2;

}
.kai-manager-header .kai-manager-header-inner .kai-manager-header-right .login-link{
font-family: plusjakartasansregular;
color:#fff;
margin-right: 15px;
float: right;
margin-top: 8px;
}

.kai-manager-header .kai-manager-header-inner .kai-manager-header-right .get-started{
    border-radius: 36px;
    border:#3A66FF solid 1px;
    padding: 8px 20px;
     background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(58,102,255,1) 100%); 
     float: right;
     color: #fff;
}
.sticky.kai-manager-header .kai-manager-header-inner .kai-manager-header-right .login-link,.sticky.kai-manager-header .kai-manager-header-inner .kai-manager-header-right .get-started{
    color: #fff;
}
 .kai-manager-header .kai-manager-header-inner .kai-manager-header-right .get-started img{
    filter: invert();
}
.sticky .kai-manager-logo{
    display: none;
}


  .errormsg {
  margin: 0px 0px 5px 0px;
  font-size: 15px;
  color: #ff6943;
  display: none;
}
.feeda-wrapper{
    position: relative;
    width: 100%;
    display: inline-block;
}
  .feeda-wrapper .feeda-left-sec{
    width: 260px;
    float: left;
   /* background: rgba(255, 255, 255, 0.10);*/
   background:#000000;
   
    padding: 15px;
    height: 100%;
    text-align: center;
    color: #fff;
    /*overflow: auto;*/transition: left 0.5s;
    position: fixed;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
   
} 
 .feeda-wrapper .feeda-left-sec .feeda-site-list {
    overflow: auto;
height: 48%;
}
 .feeda-wrapper .feeda-left-sec .feeda-site-list ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
text-align: left;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li a{
    color: #fff;
    padding: 5px;
    display: inline-block;
    width: 100%;
    border-radius: 6px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li a:hover{
    background: #484646;
}
 .feeda-wrapper .feeda-left-sec .feeda-site-list ul li img{
    float: left;
    margin-right: 10px;
    width: 25px;

}
 .feeda-wrapper .feeda-left-sec .feed-left-logo {
    margin-bottom: 10px;
    border-bottom: #484646 solid 1px;
    padding-bottom: 15px;
 }
  .feeda-wrapper .feeda-left-sec .feed-left-logo img{
    width: 50px;
  }
.feeda-wrapper .feeda-left-sec.hide-nav{
    left: -100vw;
    position: fixed;
}
.feeda-wrapper .feeda-left-sec .feeda-logo{
    padding: 20px 20px;
}
.feeda-wrapper .feeda-left-sec .feeda-logo img{
    width: 130px;
}

.feeda-wrapper .feeda-left-sec .feeda-chat-btn a{
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    color: #000;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    transition: background 0.5s ease;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.feeda-wrapper .feeda-left-sec .feeda-chat-btn a:hover{


}
.feeda-wrapper .feeda-left-sec .feeda-discover-btn a{
 background: linear-gradient(to right,  rgba(19,50,143,1) 0%,rgba(10,49,135,1) 0%,rgba(147,70,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 color: #fff;

 border-radius: 8px;
 padding: 10px;
 
 font-size: 16px;
 width: 100%;
 display: inline-block;
 transition: background 0.5s ease;
 text-transform: uppercase;
}
.feeda-wrapper .feeda-left-sec .feeda-discover-btn a:hover{

}
.feeda-wrapper .feeda-left-sec .feeda-about{
    padding: 15px 0px;
}
.feeda-wrapper .feeda-left-sec .feeda-about h3{ 
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 10px; 
}
.feeda-wrapper .feeda-left-sec .feeda-about p{
    font-size: 14px;
    
    line-height: 18px;
    margin: 0px;
}

.feeda-wrapper .feeda-left-sec .feeda-boutique-btn a{
    background: none;
    border-radius: 36px;
    padding: 15px;
    color: #000;
    font-size: 19px;
    width: 100%;
    display: inline-block;
    border:#000 solid 2px;
    text-transform: uppercase;
}
.feeda-wrapper .feeda-left-sec .feeda-boutique-btn a:hover{
    background: #000;
    color: #fff;

}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-social{
    display: flex;
    justify-content: space-evenly;
    padding-top: 10px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-social a:hover svg path{
    fill: #fff !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright{
    padding: 10px 0px;
    padding-top: 20px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright{
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    
    font-weight: normal;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright a{
    font-size: 13px;
    line-height: 20px;
    color: #9747ff;
    padding: 0px 10px;
    font-weight: normal;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright a.underline{
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0px;
}

.feeda-wrapper .feeda-left-sec .feeda-footer .text-base{
    color: #575555;
}
.feeda-wrapper .feeda-right-sec{
    width: calc(100% - 260px);
    float: left;
    height:  95vh;
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
    transition: width 0.5s;
    float: right;
        padding-bottom: 40px;
}
 .feeda-wrapper .feeda-right-sec.full{
    width: 100% !important;
}

.feeda-flex{
    display: flex;
    flex-direction: column;
}
.feeda-flex-end{
    justify-content: flex-end;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner{
    position: relative;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .chat-plus-icon{
    position: absolute;
    right: 15px;
    top: 13px;

}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .chat-plus-icon img{

    width: 18px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel-right{
    background: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 8px;
    text-align: center;
    float: left;
    padding: 8px;
    position: absolute;
    right: -52px;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel{
   width: 25px;
  height: 25px;  
  text-align: center;
  float: left; 
  position: absolute;
  left: 3px;
  top: 5px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel img{
    width: 100%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-right-seacrh-form-input{
    float: left;
    width: 100%;
    padding-left: 40px;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input{
   /* padding: 10px 15px;

    -webkit-appearance: none;
    appearance: none;  
    width:  100% ;
    border-radius: 8px;
    color: #000;
    outline: none;
    
    border:#000  solid 1px;
    float: left;
    background: #fff;
    border-radius: 36px; 
    padding: 15px 25px;
     padding-right: 28px;
    font-size: 14px;
    line-height: 22px;
    outline: none !important;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.12);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.12);*/

     padding: 10px 15px;

    -webkit-appearance: none;
    appearance: none;  
    width:  100% ;
    border-radius: 8px;
    color: #fff;
    outline: none;
    
    border:0px;
    float: left;
    background: none;
    border-radius: 0px; 
    padding: 5px 10px;
    border-left:#3A66FF solid 1px;
     padding-right: 28px;
    font-size: 14px;
    line-height: 22px;
    outline: none !important; 
} 
.search-button svg{
    width: 21px !important;
    display: inline-block;
    margin-top: 2px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form button,.search-button{
 /* background: #ffdc4f;*/
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: 0px;
    padding: 0px;
    position: absolute;
    right: 5px;
    top: 0px;
    cursor: pointer;
    text-align: right;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll{
   padding: 10px 120px;
}
.ferdy-welcome-sec.hide{
    display: none !important;
}
.feeda-search-promts{
overflow: auto;
  width: 100%;
  z-index: 2;
  text-align: left;
  padding: 0px 20vw;
  max-height: 60vh;
  position: relative;
}
.feeda-search-promts .feeda-search-promt-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box {
    float: left;
    width: 33.33%;
    padding: 5px;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner{
    text-align: center;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a{
 padding: 15px;
 border-radius: 12px;
   border:#fff solid 1px;
  text-align: center;
  width: 100%;
  color: #fff;
  display: inline-block;
    font-size: 14px;  line-height: 22px;
    min-height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;

    }
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a:hover{
        background: #fff;
        border-color:#fff;
        color: #000;
    }
.ferdy-welcome-sec{
     position: fixed;
    top:40px;
  /*  width: calc(100% - 260px);*/
  width: 100%;
    right: 0px;
    z-index: 2;
    color: #fff;
    text-align: center;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner{
width: 580px;
margin:0px auto;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner .agent_avatar_div {
margin-top:50px;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner .agent_avatar_div img {
width:120px;
border-radius:50%;
border: 2px solid #3A66FF;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner .agent_name {
padding: 0px;
  margin: 0px 0px 20px 0px;
  font-size: 22px;
}

.ferdy-welcome-sec .ferdy-welcome-sec-inner h2{
     font-family: plusjakartasansextrabold;
     text-transform: uppercase;
     font-size: 62px;
     line-height: 72px;
     text-align: center;
     color: #fff;
}

.ferdy-welcome-sec .ferdy-welcome-sec-inner h2 span{

background: -webkit-linear-gradient(#5A92FF, #255AE1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.ferdy-welcome-sec .ferdy-welcome-sec-inner img{
   /* width: 70px;*/
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner p{
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0px;
}

.ferdy-welcome-sec .ferdy-welcome-sec-inner .ferdy-welcome-chat a{
    background: none;
    color: #000;
    border: #ffde59 solid 1px;
    border-radius: 36px;
    padding: 6px 25px;
    display: inline-block;
    margin: 5px;
    font-size: 14px;
    -webkit-box-shadow: 2px 8px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 2px 8px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 2px 8px 10px 0px rgba(0,0,0,0.06);
}

 .welcome-text {
       position: fixed;
    bottom: 11%;
    width: 100%;
    z-index: 1;
    display: none;
 }

 .welcome-text.fadeOutUp.hide{
    display: none;
 }
 .welcome-text  .welcome-text-inner{
width: 57%;
margin:0px auto;
}
.welcome-text p {
width: 100%;
font-size: 16px;
line-height: 20px; 
/*background: #FFEB9B;*/
padding: 5px;
/*-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;*/
margin: 0px;
margin-bottom:8px;
color: #9D9D9D;
position: relative;
}
.welcome-text p:first-child {
    color: #fff;
}
/*.welcome-text p:first-child {
-webkit-border-radius: 100px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-bottomleft: 0;
border-radius: 100px;
border-bottom-left-radius: 0;
} 
.welcome-text p:last-child {
    -webkit-border-radius: 100px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-topleft: 0;
border-radius: 100px;
border-top-left-radius: 0;
    }*/

 .welcome-text  .welcome-text-inner .feeda-search-prompts{
    text-align: left;
}   
 .welcome-text  .welcome-text-inner  .feeda-search-prompts .feeda-search-prompt-inner span{
    margin-right: 5px;
    font-size: 12px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{

    padding: 0px 120px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    position: relative;
    padding: 0px 15vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{
position: fixed;
  width: 100%;
  bottom: 20px;
    padding: 0px 15vw;
}

.feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-scroll, .feeda-wrapper .feeda-right-sec.full .feeda-right-seacrh-form{

    padding: 0px 20vw;
}
.feeda-wrapper .feeda-right-sec{
        position: relative;
}
.feeda-wrapper .feeda-right-sec:after{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2;
    height: 125px;
    content: '';
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);  

}
/*.feeda-wrapper .feeda-right-sec .feeda-right-seacrh{
    height:calc(100vh - 210px); 
}*/
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll{
       overflow: auto;
     max-height:calc(100vh - 110px); 
    position: relative;
}
 
.feeda-wrapper .feeda-right-sec  .feeda-right-seacrh-ferdy-logo{
text-align: center;
    position: absolute;
    top: -11px; 
     display: none; 
    z-index: 9;
    width: 100%;
    left: 0px;
    }
     .feeda-wrapper .feeda-right-sec  .feeda-right-seacrh-ferdy-logo img{
        width: 220px;
    }
    .feeda-wrapper .feeda-right-sec  .feeda-right-seacrh-ferdy-logo.show{
        display: block;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo{
    position: absolute;
    top: 15%;
    width: 100%;
    left: 0px;
    z-index: 2; 
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo .feeda-right-content{
    width: 50vw;
    margin: 0 auto;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo p{
    
    margin: 10px 0px;
    font-size: 18px;
    line-height: 28px;
    
}
.not-found-page h1{
    color: #fff;
 
    font-size:76px;
    font-family: manropebold;
}
.not-found-page p{
color: #fff;
    margin: 5px 0px;
    font-size: 18px;
    
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo.hide{
    opacity: 0;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo img{
    width: 100px;
}
.flex-col{
   flex-direction: column;
}
.flex{ 
    display: flex;
    width: 100%;
}    
.rounded-base, .search-typing div{
    padding: 10px;
    border-radius:16px;
/*background-color: rgba(255, 222, 89, 0.3);
*/    color:#fff;
    margin: 5px 0px;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
    /*display: flex; */ 
width: 100%;
}
.search-typing div p:first-child,.search-typing div h1:first-child,.search-typing div h2:first-child,.search-typing div h3:first-child{
    margin-top: 0px;
}
.search-typing div:empty{
   display: none!important; 
}
.search-typing div{ 
/*background:linear-gradient(to bottom, rgb(255, 243, 197) 0%,rgb(255, 250, 225) 100%)*/
background:none;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
 }

.rounded-base.blue{
    /*color: #fff; 
    position: relative;
    width: 100%;
    max-width: inherit;
    padding: 10px;
    margin-bottom: 10px;*/
    background: #2a2a2a;
    display: flex;
    color: #fff;
    position: relative;
    width: 70%;
    max-width: inherit;
    padding: 15px;
    margin-bottom: 10px;
    float: right;
}
.search-text-show .flex{
    width: 100%;
}
.edit-chat-btn{
    position: absolute;
    top: 25px;
    right: 15px;
}
.user-info-you{
       display: flex;
       align-items: center;
    font-size: 18px;
    line-height: 44px;
    margin-bottom: 10px;
    margin-right: 15px;
    font-family: manropeextrabold;
    /* float: left; */
    color: #fff !important;
}
.feeda-right-seacrh-result .flex  {
    /*flex-direction: row;*/
    width: 100%;
    display: inline-block;
}
.feeda-search-right-text-sec{
float: left;
width: calc(100% - 55px);
}
.rounded-base.blue span#search-text {
 
width: 70%; 
color:#fff;
}
/*.rounded-base.blue   {
   flex-direction: column;
    }*/
.user-info-you img {
   float : left;
    margin-right: 10px;
    width: 25px;
 
}
#content-to-reveal div:first-child{
    max-width: 276px;
}
.feeda-right-seacrh-result .flex .flex-col {

}
.feeda-setting-sec{
    position: absolute;
    right: 35px;
    top: 30px;
    z-index: 9;
}
.feeda-setting-sec.mobile {
display:none;
}
.feeda-setting-sec.desktop {
display:inherit;
}
.feeda-setting-sec .feeda-setting-sec-inner{
    position: relative; 
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-dots-icon{
    width: 5px;
}

.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box{
 display: none;
 border-radius: 8px;
 background: radial-gradient(circle at 100% 100%, #241d52 0, #241d52 7px, transparent 7px) 0% 0%/8px 8px no-repeat,
 radial-gradient(circle at 0 100%, #241d52 0, #241d52 7px, transparent 7px) 100% 0%/8px 8px no-repeat,
 radial-gradient(circle at 100% 0, #241d52 0, #241d52 7px, transparent 7px) 0% 100%/8px 8px no-repeat,
 radial-gradient(circle at 0 0, #241d52 0, #241d52 7px, transparent 7px) 100% 100%/8px 8px no-repeat,
 linear-gradient(#241d52, #241d52) 50% 50%/calc(100% - 2px) calc(100% - 16px) no-repeat,
 linear-gradient(#241d52, #241d52) 50% 50%/calc(100% - 16px) calc(100% - 2px) no-repeat,
 linear-gradient(299deg, #817e96 0%, #241d52 45%, #817e96 100%);

 width: 260px;
 position: absolute;
 top: 0px;
 right: 10px;
 color: #fff;
 
 z-index: 999;
 overflow: hidden;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box.show{
    display: block;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-user-info {
    font-size: 14px;
    padding: 10px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-user-info img{
    float: left;
    margin-right: 10px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-user-info h3{
    margin: 0px;
    font-size: 18px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav{
    display: inline-block;
    width: 100%;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li{
    border-bottom: #37305c solid 1px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li:last-child{
    border-bottom:0px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a{
    padding: 15px 20px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a.signout{
 color: #FF5353;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a img{
    margin-right: 15px;
    float: left;
    width: 22px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-setting-box .feeda-setting-nav ul li a:hover{
    background:#2b2552;
}
.feeda-search-suggition{
    display: inline-block;
    width: 100%;
    padding: 0px 120px;
    padding-top: 15px;
    margin: 0px -5px;
}
.feeda-right-sec .feeda-search-suggition{
    padding: 0px 20vw;
}
.feeda-search-suggition .feeda-search-suggition-box{
  float: left;
  width: 33.33%;
  padding:0px 5px;
  /* padding-top: 10px; */
  padding-bottom: 10px;
  text-align: left; 

}
.feeda-search-suggition .slick-list{padding:0 6% 0 0 !important;}

.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner{
    position: relative;

    border-radius: 8px;
    overflow: hidden;
    line-height: 1px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner:after{
    content: '';
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner span{
  position: absolute;
    width: 76%;
    color: #fff;
    bottom: 10px;
    left: 10px;
    font-size: 13px;
    line-height: 18px;
    z-index: 2;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner .search-suggest{
    position: absolute;

    color: #fff;
    bottom: 16px;
    right: 20px;
    z-index: 2;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner img{
    width: 100%;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    border:0px;
}
.rounded-full {
    border-radius: 9999px;
} 
.feeda-right-seacrh-result{
    position: relative; 
}
.feeda-right-seacrh-result.show{
    position: relative;
        /*background: #F3F3F3;*/
    padding: 10px;
    border-radius: 16px;  
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll .feeda-right-seacrh-result.show{
    visibility: visible !important;
    }
.feeda-right-seacrh-result .speaker-btn{
    position: absolute;
   right: 20px;
  top: 25px;
}
#content-to-reveal2{
    padding-top: 10px;
}
.feeda-product-listing,.home-product-slider{
    display: inline-block;
	width:100%;
    overflow: hidden;
}
.home-product-slider,.home-product-slider .slick-list {
    width: 100%;
}
.product-box{
background: none;
padding:0px;

    width: 32%;
    text-align: center;
    float: left;
    margin-right: 10px;
}
.product-box.show{
    display: inline-block;
}

.product-box .product-yes-no{
   margin-bottom: 10px; 
   display: inline-block;
   width: 100%;
   display: none !important;
}
.product-box .product-yes-no a{
   display: inline-block;
   width: 46%; 
   color: #000;
   background: #fff;
   padding: 6px;
   border-radius: 5px;
   font-size: 14px;
   margin-top: 5px;
}
.product-box .product-yes-no a.no{
    float: right;
}
.product-box .product-yes-no a.yes{
    float: left;
}
.product-box .product-yes-no a.yes.active{
    color: #000;
   /*? background: #3fc135;
    border-color: #3fc135;*/
    background: #ffde59;
}
.product-box .product-yes-no a.no.active{
    color: #fff;
   /* background: #de5a5a;
    border-color: #de5a5a;*/
    background: #de5a5a;
}
.product-box  img {
    height: auto;
    width: 100%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
   /* top: 50%;
    left: 50%;
    position: relative;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);*/border-radius: 16px;
}
.product-box .prduct-img{
   /* height: 160px;
    overflow: hidden;*/
    
    margin-bottom: 10px;
}
.product-box  .product-content h3{
    margin: 2px 0px;
    font-size: 16px;
   
}
.product-box  .product-content p{
    margin: 5px 0px;
    font-size: 14px;
     
}
.product-box  .product-content p.single-line {
   overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}
.product-box  .product-content .pro-price{
    color: #000;
    font-weight: bold; display: none;
}
.product-box  .product-content a.view-product{
background: #1a4dff /*linear-gradient(to bottom, rgba(255,214,50,1) 0%,rgba(255,214,50,1) 29%,rgba(255,243,193,1) 100%)*/;
  width: 100%;
  display: inline-block;
  color: #fff;
  padding: 13px;
  border-radius: 6px;
  font-size: 16px;
  font-family: manropebold;
  margin-top: 5px;
  text-transform: uppercase;

}

.product-box.brand-box{
    background: none !important;
    border: 0px !important;
}
.product-box.brand-box .prduct-img {
    height: 160px;
    overflow: hidden;
    border-radius: 100%;
    margin: 10px auto;
    width: 160px;
    border: 1px solid rgba(0, 0, 0, 0.20);
}
.product-box.brand-box .product-content a.view-product {
  background: none;
  color: #fff;
  padding: 0px;
  text-decoration: underline;
  font-size: 13px;
 
  text-transform: capitalize;
  margin: 0px;
}
.feeda-sug-tags{
    display: none;
}
.feeda-sug-tags.show{
    display: block;

}
.feeda-sug-tags .feeda-sug-tag{
    font-size: 11px; 
    
    background: #080615;
    padding: 6px 15px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 36px;
    border:#9747FF solid 1px;
    color: rgba(255, 255, 255, 0.80);
}
.feeda-sug-tags .feeda-sug-tag span{
    color: #fff; 
}
.feeda-sug-tags .feeda-sug-tag i{
 padding-left: 7px;
 float: right;
 margin-top: 1px;
}
.feeda-app-store-btn{
 width: 36%;
 display: inline-block;
 cursor: pointer;
}
.feeda-qrcode-img img{
    width: 90px;
    margin-bottom: 10px;
    cursor: pointer;
}
.signup-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;z-index: 999;
    display: none;
}
.signup-modal.show{
    display: block;
}
.signup-modal .signup-modal-inner{
    background:transparent;
    color: #fff;
    border-radius: 16px;
    padding:  0px; 
    width: 460px;
    margin: 3vh auto;
    position: relative;
}
.signup-modal .signup-modal-inner .signup-modal-feeda-logo{
    text-align: center;
}
.signup-modal .signup-modal-inner .signup-modal-feeda-logo img{
    width: 120px;
    text-align: center;
}
.signup-modal .signup-modal-inner .signup-modal-feeda-logo  h4{
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin: 10px 0px;

}

#signin-modal.signup-modal .signup-modal-inner{ 
    margin: 10vh auto;
}
.signup-modal .signup-modal-inner h3{ 
    text-align: center;
    font-size: 38px;font-family: gtsuperdisplayregular;
    margin: 0px;
}
.signup-modal .signup-modal-inner .signup-modal-content p{
color: #6c6a83;
text-align: center;
font-size: 16px;
margin-top: 0px;
}
.signup-modal .signup-modal-inner  .form-card {
    padding: 30px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(2.5px);
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 15px;
}
.signup-modal .signup-modal-inner .signup-modal-field{

    padding: 10px 20px; 
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent; 
    border-radius: 0;
    border:#c5c5ca solid  1px;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
    border-radius: 10px;
    outline: none;
    margin-bottom: 15px;
    color: #fff;
}
.signup-modal .signup-modal-inner .signup-modal-btn{
      /*background: linear-gradient(to right, rgba(19,50,143,1) 0%,rgba(10,49,135,1) 0%,rgba(147,70,252,1) 100%);*/
      background-image: linear-gradient(to right, #063083 , #9747FF);
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    
    font-size: 16px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    display: inline-block;
     
    text-transform: uppercase;
}
.signup-modal .signup-modal-inner .signup-modal-close{
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer;
}
.signup-modal .signup-modal-inner .signup-modal-close img{
    width: 15px;
    filter: invert();
}

.signup-modal .signup-modal-inner .have-an-account{
    color: #fff;
    font-size: 14px;
    text-align: center;
   
}
.signup-modal .signup-modal-inner .have-an-account a{
    color: #9747FF;
    }
.signup-modal .signup-modal-inner .orline{
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    
    margin-top: 10px;
}
.signup-modal .signup-modal-inner .orline hr{
    width: 100%;
    border-color: rgba(255, 255, 255, 0.5);
}
.signup-modal .signup-modal-inner .orline>p{
    padding-left: 10px;
    padding-right: 10px;
}
.signup-modal .signup-modal-inner .googlediv{
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px 18px;
    border-radius: 10px;
    
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
}
.signup-modal .signup-modal-inner .googlediv>a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
}
.signup-modal .signup-modal-inner .googlediv>a>img{
    width: 30px;
    margin-right: 15px;
}
 
.signup-modal-overlay{
    /*background: rgba(9, 10, 15, 1);*/
    background: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    backdrop-filter: blur(2px);

}

.signup-modal-overlay:after{
        width: 100%;
    height: 100%;
    flex-shrink: 0;
    border-radius: 1262px;
    background: radial-gradient(50% 50% at 50% 50%, #19114F 0%, rgba(0, 0, 0, 0.00) 100%);
    position: fixed;
    top: -30vh;
    left: 0;
    content: '';
    display: block;
    z-index: 0;
}
.signup-modal-overlay-new{
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    backdrop-filter: blur(2px);
}
.signup-modal-overlay.show,.signup-modal-overlay-new.show{
    display: block;
}

.settings-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;z-index: 999;
    display: none;
}
.settings-modal.show{
    display: block;
}
.settings-modal .settings-modal-inner{
  background: #fff;
  border-radius: 16px;     width: 350px ;
  margin: 1% auto;
  overflow: hidden;
  position: relative; 
}
.settings-modal .settings-modal-inner .settings-modal-header{
    padding: 15px;
    color: #fff;
    background: url(../images/search-modal-head.png) no-repeat;
    font-size: 18px;
}
.settings-modal .settings-modal-inner .settings-modal-header .settings-modal-close{
    float: right;
    cursor: pointer;
}
.settings-modal .settings-modal-inner .settings-modal-header .settings-modal-close img{
    filter: invert();
    width: 15px;
}
.settings-modal .settings-modal-inner .settings-modal-footer{
    padding: 15px;
    font-size: 12px;
    text-align: center;
    color: #9747FF;
    
    font-weight: normal;

}

.settings-modal .settings-modal-inner .settings-modal-footer a {
  font-size: 13px; 
  color: #9747ff;
  padding: 0px 10px;
  font-weight: normal;
}
.settings-modal .settings-modal-inner  h3{
    padding: 10px 15px;
    color: #9747FF;
    
    font-size: 18px;
    margin: 0px;
}
.settings-modal .settings-modal-inner .settings-modal-account,.settings-modal .settings-modal-inner .settings-modal-about{
    border-bottom:#E1E1E1 solid 1px;
    padding-bottom: 10px;
}
.settings-modal .settings-modal-inner ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.settings-modal .settings-modal-inner ul li a{
    padding: 8px 20px;
    color: #000;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.settings-modal .settings-modal-inner ul li a span span{
    font-size: 13px;
    display: block;
}
.settings-modal .settings-modal-inner ul li a img{
    margin-right: 15px;
    float: left;
    width: 23px;
}
.settings-modal .settings-modal-inner ul li a.feeda-app-link img{
    width: 16px;

}
.qrcode-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;z-index: 999;
    display: none;
}
.qrcode-modal.show{
    display: block;
}
.qrcode-modal .qrcode-modal-inner{
       width: 450px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 0px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(2.5px);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* margin: 15px; */
    height: 100vh;
}
.qrcode-modal .qrcode-modal-inner .qrcode-logo img{  width: 140px;}
.qrcode-modal .qrcode-modal-inner .qrcode-content{
    padding: 30px 0px;
}
 
.qrcode-modal .qrcode-modal-inner .qrcode-phone{
    /*margin-bottom: -24px;*/
}
.qrcode-modal .qrcode-modal-inner .feeda-qrcode-btn{
    padding-top: 15px;
}
.qrcode-modal .qrcode-modal-inner .feeda-qrcode-btn img{
     width: 120px; 
     margin: 0px 4px;
}
.qrcode-modal .qrcode-modal-inner .qrcode-img img{
    width: 110px; 
    margin-top: 20px;
    filter: invert();
}
.qrcode-modal .qrcode-modal-inner h4{
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
    margin-bottom: 15px;
}
.qrcode-modal .qrcode-modal-inner h3{
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
} 
.qrcode-modal .qrcode-modal-inner .qrcode-modal-close{
    position: absolute;
    right: 25px;
    top: 45px;
    cursor: pointer;
}
.qrcode-modal .qrcode-modal-inner .qrcode-modal-close img{
    width: 15px;filter: invert();
}
.my-1{
    margin-bottom: 15px;
}
.feeda-thinking{
    font-size: 16px;
    color: #fff;padding-left: 40px;
}
.dot-typing {
  position: relative;
  left: -9975px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
  animation: dot-typing 1.5s infinite linear;
  display: inline-block;
}

@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
16.667% {
    box-shadow: 9984px -10px 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
33.333% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
50% {
    box-shadow: 9984px 0 0 0 #fff, 9999px -10px 0 0 #fff, 10014px 0 0 0 #fff;
}
66.667% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
83.333% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px -10px 0 0 #fff;
}
100% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff, 10014px 0 0 0 #fff;
}
}
.slick-list {
  padding: 0 15% 0 0 !important;
}
.slick-track {
  margin-left: inherit!important;
  margin-right: inherit!important;
}
.search-mobile-dot-icon{
display: none;
}
.feeda-chat-history{
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.chatgpt-response{
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}
.chatgpt-response h3:first-child, .chatgpt-response h2:first-child{
    margin-top: 0px;
}
.chatgpt-response ul,.chatgpt-response ol{
    padding-left: 25px;
}
.chatgpt-response li{
    margin-bottom: 15px;
}

.chatgpt-response a{
    color: #ffffff;
}
.chatgpt-response-links{
    width: 100%;
    display: inline-block;
    border-top: #63666a  solid 1px;
    padding-top: 20px;
    margin-top: 20px;
}
.chatgpt-response-links a{
font-size: 14px;
padding: 8px 15px ;
display: inline-block;
margin: 6px;
background-color: rgb(209, 219, 250);
color: rgb(23, 85, 236);
border-radius: 36px;
max-width: 180px;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
 
/*.references:before,.reference-links:before{
    content: 'Learn more:';
    font-weight: normal;
    font-family: manropebold;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
}*/
.references a,.reference-links a{
font-size: 14px;
padding: 8px 15px ;
display: inline-block;
margin: 6px;
background-color: rgb(209, 219, 250);
color: rgb(23, 85, 236);
border-radius: 36px;
max-width: 180px;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.references br ,.reference-links br {
    display: none !important;
}
.related-questions ul ,.related-questions ul ,.reference-links ul, .reference-links ol{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.reference-links ul li, .reference-links ol li{
    display: inline-block;
}
.related-questions ol li, .related-questions ul li, .related-questions span,.related-questions p,.related-questions li{
   padding: 10px 15px;
   display :block;
 width: 100%;
    background: #3d3d3e;
    border-radius: 6px;
    margin-bottom: 10px;
    cursor: pointer;
   height: 44px;
   overflow: hidden;
}
.related-questions.hauto ol li, .related-questions.hauto ul li, .related-questions.hauto span,.related-questions.hauto p,.related-questions.hauto li{
    height: auto;
    overflow: visible;
    }
.related-questions br {
    display: none !important;
}
/*.related-questions ul li:before, .related-questions span:before{
    content: 'Q.';
    display: inline-block;
    margin-right: 5px;
}
*/
@media only screen and (min-width:1440px)  {
    .feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
  padding: 15px 40px;
   font-size: 16px;
  line-height: 24px;
}
    .welcome-text .welcome-text-inner {
    width: 58%;
}
    .feeda-wrapper .feeda-left-sec .feeda-chat-btn a , .feeda-wrapper .feeda-left-sec .feeda-discover-btn a{
        padding: 14px;
    }
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll{
       padding: 10px 10vw;
   }
   .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{

    padding: 0px 10vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{

    padding: 0px 18vw;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    padding: 0px 18vw;
}
.feeda-search-promts{
       padding:  0px 18vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
 
  padding-right: 17vw;
}

.feeda-search-suggition{ 
    padding: 0px 10vw; 
}
.feeda-right-sec .feeda-search-suggition{
    padding: 0px 20vw;
}
#signin-modal.signup-modal .signup-modal-inner {
  margin: 12vh auto;
}
.signup-modal .signup-modal-inner { 
  margin: 8vh auto; 
}
 
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 27px;
}
}

@media only screen and (min-width:1580px) { 
    .feeda-wrapper .feeda-right-sec {
     height: 93vh;
}
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form{
   bottom: 30px;
}
    .welcome-text {
   bottom: 10%;

}
 
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {
    font-size: 16px;
}
 /*   .ferdy-welcome-sec { 
   width: calc(100% - 360px); 
}*/
    /*.ferdy-welcome-sec .ferdy-welcome-sec-inner img{
        width: 120px;
    }*/
    .ferdy-welcome-sec .ferdy-welcome-sec-inner p {
  font-size: 20px;
  line-height: 32px; 
}
.welcome-text p { 
  font-size: 18px;
  line-height: 22px;
   padding: 10px;
  }
.ferdy-welcome-sec {
   top: 100px;
  }
/*  .ferdy-welcome-sec .ferdy-welcome-sec-inner {
  width: 560px;
}*/
.ferdy-welcome-sec .ferdy-welcome-sec-inner .ferdy-welcome-chat a {
   
  padding: 10px 35px; 
  font-size: 16px;
  }
    .welcome-text .welcome-text-inner {
  width: 58.5%;
}
	.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 30px;
}
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
  overflow: auto;
  max-height: calc(100vh - 120px);
}
 

    .signup-modal .signup-modal-inner .signup-modal-feeda-logo img {
  width: 150px;
}
.signup-modal .signup-modal-inner .signup-modal-field {
  padding: 15px 20px; 
  font-size: 1.2rem;
  }
  .signup-modal .signup-modal-inner .signup-modal-btn {
   padding: 18px;
}
.signup-modal .signup-modal-inner .googlediv {
   padding: 13px 18px;
  }
    .signup-modal .signup-modal-inner{ 
    margin: 12vh auto; 
}
#signin-modal.signup-modal .signup-modal-inner{ 
    margin: 15vh auto;
}
    .settings-modal .settings-modal-inner ul li a img {
      margin-right: 15px; 
      width: 28px;
  }
  .settings-modal .settings-modal-inner ul li a {
      padding: 10px 25px; 
      font-size: 18px;
  }
  .settings-modal .settings-modal-inner {
     width: 390px;margin: 15vh auto;
 }
 .settings-modal .settings-modal-inner ul li a span span {
  font-size: 14px;
  display: block;
}
.feeda-qrcode-img img{
    width: auto;
    margin-bottom: 20px;

}
.not-found-page p {
  color: #fff;
  margin: 5px 0px;
  font-size: 28px;
  
}
.not-found-page h1 {
  color: #fff;
  font-size: 116px;
}
.qrcode-modal .qrcode-modal-inner h3 {
 font-size: 26px;
}
.qrcode-modal .qrcode-modal-inner h4 {
 font-size: 18px;
}

.qrcode-modal .qrcode-modal-inner { 
 
  width: 550px;
}
.feeda-wrapper .feeda-left-sec {
  width: 360px;
}
.feeda-wrapper .feeda-left-sec .feeda-logo img {
    width: 170px;
}
/*.feeda-wrapper .feeda-left-sec .feeda-logo {
    padding: 90px 20px;
}*/
.feeda-wrapper .feeda-right-sec {
  
    padding: 15px 0px;
}

.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form ,.feeda-search-suggition,
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll {
    padding: 10px 20vw;
}

  .welcome-text .welcome-text-inner .feeda-search-prompts .feeda-search-prompt-inner span {
  margin-right: 5px;
  font-size: 14px;
}
.feeda-search-promts{
       padding:  0px 20vw;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
 
  padding-right: 19vw;
}
/*.feeda-wrapper .feeda-right-sec { 
height: calc(100vh - 91px);
  }*/
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
 font-size: 18px; 
    line-height: 23px;
      padding: 20px 40px;
      min-height: 90px;
}
.feeda-wrapper .feeda-left-sec .feed-left-logo img {
  width: 80px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li{
    margin-bottom: 10px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li img {
  float: left;
  margin-right: 10px;
  width: 32px;
}
.feeda-wrapper .feeda-left-sec .feeda-site-list ul li a {
 
  padding: 10px; 
  border-radius: 8px;
  font-size: 22px;
}
.feeda-wrapper .feeda-left-sec .feeda-about p {
    font-size: 16px;
    line-height: 23px;
}
.feeda-wrapper .feeda-left-sec .feeda-about h3 {
   font-size: 28px;
}
.feeda-wrapper .feeda-left-sec .feeda-chat-btn a , .feeda-wrapper .feeda-left-sec .feeda-discover-btn a{

    padding: 15px; 
    font-size: 20px; 
}
.feeda-wrapper .feeda-left-sec .feeda-boutique-btn a { 
    padding: 18px; 
    font-size: 20px;

}
.rounded-base, .search-typing div { 
    font-size: 18px;
    margin-bottom: 12px;
}
#content-to-reveal div:first-child {
    max-width: 312px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner span {
   font-size: 16px;
   line-height: 22px;
}
 
.feeda-sug-tags .feeda-sug-tag {
  font-size: 14px; 
  padding: 8px 15px; 
  letter-spacing: 1px;
}
}
@media only screen and (min-width:1780px) { 
/*      .ferdy-welcome-sec { 
  width: calc(100% - 390px);
}*/
    .feeda-search-promts{
       padding:  0px 20vw;
}
     .ferdy-welcome-sec {
    top: 140px;
}
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 34px;
}
   .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form button, .search-button {
   
    right: 6px;
    top: 0px; 
}
.search-button svg {
  width: 27px !important;
  }
  .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {
    font-size: 20px;
  }
 .welcome-text p {
    font-size: 20px;
    line-height: 22px;
}
/*.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box .feeda-search-promt-box-inner a {
     font-size: 20px;
    text-align: left;
    line-height: 23px;
    padding: 25px;
    border-radius: 16px;
  }*/
  .feeda-wrapper .feeda-left-sec {
      width: 390px;
  } 
  .feeda-wrapper .feeda-right-sec {
    width: calc(100% - 390px); 
    padding: 15px 0px;
}
.feeda-wrapper .feeda-left-sec .feeda-about p {
    font-size: 18px;
    line-height: 25px;
}
.feeda-wrapper .feeda-left-sec .feeda-logo {
  padding: 60px 20px;
}
.feeda-wrapper .feeda-left-sec .feeda-about {
  padding: 40px 0px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright {
  font-size: 16px;
  line-height: 26px; 
  padding: 10px;
}
.feeda-wrapper .feeda-left-sec .feeda-footer .feeda-footer-copyright a{
   font-size: 17px;
   line-height: 26px;
}

}
/*@media only screen and (min-width:1280px) { 
  #search-result .search-typing div { 
  width: 55vw !important;
  }
#search-result .rounded-base.blue{
    width: 55vw !important;
}
 .home-product-slider {
    width: 55vw !important;
  }

}*/
 @media only screen and (min-width: 651px) and (max-width:992px) {


.feeda-wrapper .feeda-left-sec{
    position: fixed;
    left: -100vw;
    top: 0px;
    width: 80vw;
    z-index: 9; transition: left 0.5s; 
}
.feeda-wrapper .feeda-left-sec.show{
    left: 0px;
}
.feeda-wrapper .feeda-right-sec {
    width: 100% ;
    float: left;
    height: calc(100vh - 55px);
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
}

.feeda-search-suggition .feeda-search-suggition-box {
  float: left;
  width: 50%;

  }
  .feeda-search-suggition .feeda-search-suggition-box:last-child{
    display: none;
}
.feeda-mobile-header{
    display: flex;
}
.feeda-full-screen-nav{
    display: none!important;
}
html{
background: rgb(8, 8, 32);
}
 


}
@media only screen and (max-width: 650px) { 
    .related-questions ol li, .related-questions ul li, .related-questions span,.related-questions p,.related-questions li{
    height: 65px;
   overflow: hidden;
}
.related-questions.hauto ol li, .related-questions.hauto ul li, .related-questions.hauto span,.related-questions.hauto p,.related-questions.hauto li{
    height: auto;
    overflow: visible;
    }
    .references a, .reference-links a {
    font-size: 12px;
    padding: 6px 15px;
     margin: 2px;
 }
    .ferdy-welcome-sec .ferdy-welcome-sec-inner h2 {
   font-size: 42px;
  line-height: 56px;
}
    .kai-manager-header-right{
       
    }
	.kai-manager-header .kai-manager-header-inner .kai-manager-header-right .get-started {
  border-radius: 25px;
  padding: 5px 9px;
  font-size: 13px;
}
.kai-manager-header .kai-manager-header-inner .kai-manager-header-right .get-started img {
display:none;
}
.kai-manager-header .kai-manager-header-inner .kai-manager-header-right .login-link {
  margin-right: 10px;
  margin-top: 7px;
  font-size: 13px;
}
    .feeda-search-right-text-sec { 
   width: 96%; 
/*  width: 100%;*/
}
    .ferdy-welcome-sec {
   width:  100%  ;
   }
    .product-box img {
   border-radius: 22px;
}
.feeda-search-promts{
    padding: 0px 15px;
    padding-bottom: 15px;
}
.feeda-search-promts .feeda-search-promt-inner .feeda-search-promt-box {
  float: left;
  width: 80%;
  padding: 5px;
}
.feeda-search-promts .feeda-search-promt-inner {
   width: 900px;
}
    .search-mobile-dot-icon{
        position: absolute;
        left: 0px;
    top: 5px;
    display: block;
    }
    .feeda-thinking { 
  margin-bottom: 10px;
  padding-left: 20px;
/*  position: absolute;
    top: -25px;
    left: 30px;*/
}
      .ferdy-welcome-sec .ferdy-welcome-sec-inner {
  width: 90%;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner img {
  width: 150px;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner p {
  font-size: 14px;
  line-height: 23px;
  margin: 10px auto;
  width: 90%;
}
    .welcome-text .welcome-text-inner {
  width: 90%;
  margin: 0px auto;
}
    .welcome-text .welcome-text-inner p{
font-size: 12px;
    line-height: 15px;
    width: 96%;
  }
  .welcome-text p::after {
   top: 6px;
}
/*.rounded-base, .search-typing div{
min-height: 85px;

}*/
 
.feeda-wrapper .feeda-right-sec {
    overflow-y: scroll!important;
}
.feeda-setting-sec {
  right: 20px;
  top: 20px;
}
.feeda-mobile-newchat {
  position: relative;
  right: 30px;
}
.feeda-setting-sec.mobile {
display:inherit;
}
.feeda-setting-sec.desktop {
display:none;
}
    .signup-modal .signup-modal-inner .signup-modal-feeda-logo h4 {
 
  margin: 10px auto; 
  width: 52%;
}
.signup-modal-overlay::after {
  width: 600px;  
  left: -30vw; 
}
    .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form input {

     font-size: 16px;
    padding-right: 0px;
   
    background: none;
    width: 82%;
      
  }
  .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .chat-plus-icon {
      position: absolute;
      right: 62px;
  }
 .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form button, .search-button {
 
width: 42px;
    height: 42px;
    padding: 0px;
    right: 0px;
    top: 0px;
    text-align: center;
 
}
  .feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel{
   left: 0px;
}
.feeda-setting-sec .feeda-setting-sec-inner .feeda-dots-icon {
  width: 3px;
}
.settings-modal .settings-modal-inner { 
  width: 90%;
  margin: 5% auto;
}
.feeda-full-screen-nav{
    display: none;
}
.signup-modal .signup-modal-inner .form-card {
  padding: 20px;
  border-radius: 16px;
  margin:10px 0px;
  }
  .signup-modal .signup-modal-inner h3 { 
  font-size: 30px;
}
.signup-modal .signup-modal-inner .signup-modal-content p { 
  font-size: 14px; 
}
.welcome-text {
   bottom: 95px;
}
.feeda-wrapper .feeda-left-sec{
    position: fixed;
    left: -100vw;
    top: 0px;
    width: 80vw;
    z-index: 9; transition: left 0.5s; 
}
.feeda-wrapper .feeda-left-sec.show{
    left: 0px;
}
/*.feeda-wrapper .feeda-right-sec {
    width: 100% ;
    float: left;
    height: calc(100vh - 120px);
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0px;
}
@supports (-webkit-touch-callout: none) {
   .feeda-wrapper .feeda-right-sec { 
    height: calc(100vh - 145px);
   }
   @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
 .feeda-wrapper .feeda-right-sec {
            height: calc(100vh - 160px);
        }
}
}*/
.feeda-wrapper .feeda-right-sec {

width: 100%;
    float: left;
    /*height: calc(100vh - 160px);*/
    height: 91%;
    padding: 0px;
    padding-bottom: 0px;
    position: relative;
    overflow: hidden; 
    position: fixed;
    top: 0px;
 
 }
.feeda-search-suggition .feeda-search-suggition-box {
    float: left;
    width: 100%;
    padding: 5px  ;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo {
    position: absolute;
    top: 5%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-logo img {
    width: 60px;
}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner span { 
    font-size: 16px;
}
.feeda-mobile-header{
    display: flex;
	background:none;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form ,.feeda-search-suggition{
    padding: 0px 15px;
}
.feeda-search-suggition img{
    width: 100% !important;
}
.feeda-right-seacrh-form{
    position: fixed;
    width: 100%;
    left: 0px;
    z-index: 99;
 
  padding: 20px 10px 18px 10px  !important; 
  bottom: 0px !important;
  width: 100%;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-seacrh-funnel-right{
    display:none !important;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll ,.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll{
    padding: 10px  15px;
}
.product-box {
    display: none;
    width: 100%;
    text-align: center;
    float: left;
    margin: 0px;
    margin-bottom: 15px;
}
    /*.rounded-base, .search-typing div { 
        max-width: 86%;
    }*/
    .feeda-sug-tags .feeda-sug-tag {
     font-size: 11px;
    padding: 6px 10px;
    margin-right: 3px;
    margin-bottom: 5px; 
    line-height: 10px;
    letter-spacing: 1px;
  }
  .feeda-sug-tags .feeda-sug-tag  i img{
    width: 8px;
}
.signup-modal .signup-modal-inner { 
   width: 86%;
    margin: 10vh auto;
}
#signin-modal.signup-modal .signup-modal-inner {
  margin: 20vh auto;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll.scroll {
  overflow: auto;
  max-height: calc(100vh - 150px);
  padding-bottom: 0px;

}
.feeda-search-suggition .feeda-search-suggition-box .feeda-search-suggition-box-inner {
 height: 120px;
}
.qrcode-modal .qrcode-modal-inner { 
  width: 90%;
 
}
.qrcode-modal .qrcode-modal-inner .qrcode-content{
padding-top: 120px;

}
.qrcode-modal .qrcode-modal-inner h4 {
  width: 90%; 
  font-size: 14px; 
}
.qrcode-modal .qrcode-modal-inner h3 { 
  font-size: 16px;
  margin-top: 5px;
}
.product-box{
    max-width: inherit !important;
    margin-right: 10px;
}
.feeda-product-listing {
    display: inline-block;
    width: 104%;
    overflow: hidden !important;
}
.slick-list {
  padding: 0 45% 0 0 !important;
}
.home-product-slider{
    width: 100%;
}
.flex {
  display: block;
}
.search-text-show.flex, .search-text-show.flex  .flex{
  display: flex;
}
 
.feeda-sug-tags .feeda-sug-tag:last-child{
    display: none !important;
}
.rounded-base.blue span#search-text {
  /*width: 100%;
  display: block;
  float: left;*/
}
.rounded-base, .search-typing div {
  font-size: 14px;
  line-height: 22px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-scroll .welcome-text p {
  font-size: 20px;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-ferdy-logo.show{
    display: none !important;
}
.feeda-wrapper .feeda-right-sec .feeda-right-seacrh-form .feeda-right-seacrh-form-inner .feeda-right-seacrh-form-input {
  float: right;
  width: 90%;
  padding-left: 0px;
}
.feeda-right-seacrh-result.show {
   padding: 10px 0px;
   border-radius: 22px;
  }
  .rounded-base.blue{
     padding: 10px 20px;
    border-radius: 22px;
    width:90%;
   /* display: inline-block;*/
  }
  .feeda-right-seacrh-result .speaker-btn {
  position: absolute;
  right: 15px;
  top: 25px;
}
 .feeda-right-seacrh-result .speaker-btn img,.edit-chat-btn img{
    width: 18px;
}

.feeda-chat-history{
    display: none;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner .agent_avatar_div {
  margin-top: 80px;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner .agent_avatar_div img {
width:80px;
}
.ferdy-welcome-sec .ferdy-welcome-sec-inner .agent_name {
  font-size: 18px;
}
}