/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 06 2021 | 16:03:39 */
#chatbot p.subtitle{  
  font-family: 'Abril Fatface', cursive;
  text-transform: lowercase !important;
  font-size: 18px; 
  color: #a0abb7;
  letter-spacing: 0.02em;
  font-weight: normal;
}
#chatbot .title.subtitle-top{
  font-family: 'Abril Fatface', cursive;    
  font-size: 56px;
  text-transform: lowercase;
  letter-spacing: 0.02em;
  margin-top: 10px;    
  line-height: 1em;
  width: 75%;
}
#chatbot h5.heading-sm{  
  font-family: 'Poppins' !important;
  font-size: 15px;  
  margin-top: 15px;     
  line-height: 1.4em;  
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
#helloariel p{
  margin: 0 0 -6px 0;
}
#chatbot-desc .btn-link, #chatbot-desc a.btn-link{
  color: #a0abb7 !important;
}



.accordion.outline .accordionItem.active .accordionItem_title, 
.accordion.outline .accordionItem:last-child .accordionItem_title{
  height: auto;
}
.accordionItem_title:hover{
  cursor: pointer;
}
.accordion.outline .accordionItem_control{    
  left: 0;
  top: -8px;    
  padding-right: 3px;
}
.accordion .accordionItem_title{
  height: 30px !important;
  min-height: 30px !important;
  font-weight: 400;  
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.accordion .accordionItem_title h6{
  font-weight: 400;   
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.accordion .accordionItem_title:hover,
.accordion .accordionItem_title h6:hover,
.accordionItem.active .accordionItem_title h6{
  color: #647987;  
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.accordion .btn-round .ion:hover,
.accordion.outline .accordionItem.active .accordionItem_control{  
  color: #647987;  
}
.accordion.outline .accordionItem_content .wrap{
  padding: 0 0 12px 20px;
  font-size: 14px;
  line-height: 1.45em;
  width: 80%;
}



@media only screen and (max-width: 1500px) and (min-width: 1400px){
#chatbot-desc{
  padding-left: 5%;
}  
#helloariel{
  padding-right: 5%;
}  
}

@media only screen and (max-width: 1399px) and (min-width: 1090px){
#chatbot-desc{
  padding-left: 8%;
}  
#helloariel{
  padding-right: 8%;
}  
}

@media only screen and (max-width: 1098px) and (min-width: 990px){
#chatbot-desc{
  padding-left: 10%;
}  
#helloariel{
  padding-right: 10%;
}  
}


@media screen and (min-width: 1390px){
#helloariel img{
  min-width: 650px;
}
}

@media screen and (max-width: 1390px){
#helloariel .vc_hidden-sm{
  display: none;
}
}

@media only screen and (max-width: 1180px) and (min-width: 1081px){
#chatbot .title.subtitle-top,
.accordion.outline .accordionItem_content .wrap{
  width: 90%;
}
}
@media only screen and (max-width: 1180px) and (min-width: 1061px){
#chatbot .title.subtitle-top,
.accordion.outline .accordionItem_content .wrap{
  width: 95%;
}
}
@media only screen and (max-width: 1160px) and (min-width: 100px){
#chatbot .title.subtitle-top,
.accordion.outline .accordionItem_content .wrap{
  width: 100%;
}
#chatbot p.subtitle, #chatbot .title.subtitle-top{  
  text-align: left;
}
}



@media only screen and (max-width: 990px) and (min-width: 100px){
#chatbot-desc{
  width: calc(80% + 20px) !important;
  margin: auto;
}  
#helloariel, #chatbot-desc{
  width: 100%;
} 
#chatbot p.subtitle, #chatbot .title.subtitle-top, #chatbot-desc{  
  text-align: center;
} 
.accordion .accordionItem_title{
  height: 25px !important;
  margin: auto; 
}
.accordion.outline .accordionItem_control{
  display: none;
}  
.accordion .accordionItem_title h6{
  font-weight: 700;
  margin: auto;
  left: 0;
}
.accordion .accordionItem_title h6:before{
  content: '+ ';
  font-size: 18px;
  font-weight: 400;
} 
.accordion .accordionItem.active .accordionItem_title h6:before{
  content: '– ';
  font-size: 18px;
  font-weight: 400;
  margin-right: 2px;
}   
.accordion.outline .accordionItem_content .wrap{
  padding: 0 20px 8px 20px;
}  
#helloariel img{
  width: 80%;
}
#chatbot-desc .clb__section_spacer:last-child{
  height: 50px !important;
}
}



@media only screen and (max-width: 1130px) and (min-width: 1025px){
#chatbot .title.subtitle-top{
  font-size: 54px;  
}
}

@media only screen and (max-width: 1024px) and (min-width: 991px){
#chatbot .title.subtitle-top{
  font-size: 54px;  
}
}

@media only screen and (max-width: 660px) and (min-width: 100px){
#chatbot p.subtitle{ 
  font-size: 17px; 
}
#chatbot .title.subtitle-top{  
  font-size: 34px;   
  margin-top: 6px;      
}
.accordion .accordionItem_title h6{
  font-size: 13px;
  line-height: 1.45em;
}
.accordion.outline .accordionItem_content .wrap{
  padding: 1px 15px 8px 20px;
  font-size: 12px;
  line-height: 1.4em;
}  
}