#loading {
    background:#ffffff !important;
}
.iq-breadcrumb-one h2.title{
    display:none !important;
}
header.menu-sticky {
    background:#00c292 !important;
    position:fixed;
}
header .request-btn a {
    background:  !important;
}
header .request-btn a:hover {
    background:  !important;
}
header .request-btn a {
    color:  !important;
}
header .request-btn a:hover {
    color:  !important;
}
.iq-over-dark-90::before {
    background : rgba(128,128,128,1) !important;
}
footer .footer-top .footer-title,footer .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name h5,footer .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name .sub-title,footer .footer-top .text-white {
    color :  !important;
}
footer,footer .widget ul li a, footer.footer-one .info-share li a, footer.footer-one ul.iq-contact li i, footer .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info p {
    color :  !important;
}
footer.footer-one .widget ul li a:hover, footer .widget ul.menu li a:hover, footer.footer-one .info-share li a:hover ,footer .wp-video .mejs-overlay-button:before {
    color :  !important;
}
footer .wp-video:before{
    background:rgba(0,0,0,0.6);
}
.copyright-footer .copyright {
    color :  !important;
}
.iq-amazing-tab .nav-tabs .nav-link::before ,.button ,.pricing-tab li .nav-link.active, #iq-talkie-price .tab-content>.active .iq-talkie-price,.iq-talkie-price.active, .iq-talkie-price.active, .iq-talkie-price:hover ,.iq-amazing-tab .nav-tabs li .nav-link.active, .iq-amazing-tab .nav-tabs li .nav-link:hover, .button, [type=submit],.iq-team .share ul li a:hover,.box-effect:before,.box-effect-two:before,.owl-carousel .owl-dots .owl-dot.active,.iq-progress-bar>span,.widget_tag_cloud ul li a, footer ul.wp-tag-cloud li a,.contact-box i{
    background : #00c292 !important;
}
.title-box span ,.iq-team:hover .iq-team-info h5 , .pricing-tab li .nav-link,.iq-blog-box .iq-blog-meta ul.list-inline li a i, .iq-blog-box .iq-blog-meta ul.list-inline li i,.button-link,.iq-faq .iq-faq-title .iq-faq-icon,.iq-talkie-price-3.active .button,.iq-testimonial .iq-testimonial-user .iq-designation,.widget.widget_recent_comments #recentcomments li.recentcomments a,.widget ul li a:before,.widget-area .widget ul li a:hover,.widget_categories ul li, .widget_archive ul li,.iq-blog-box .iq-blog-meta ul.list-inline li a:hover,.iq-blog-box .blog-title a:hover h5, .iq-blog-box .blog-title a:hover{
    color : #00c292 !important;
}
.page-numbers li .page-numbers.current, .page-numbers li .page-numbers:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active,footer.footer-one input[type=email]:hover, footer.footer-one input[type=email]:focus, .contact-form .cfield input:focus, .contact-form .cfield.textarea textarea:focus,.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation=vertical] .nav-link, input:focus, input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus ,blockquote,.iq-talkie-price-2.active ,.widget_tag_cloud ul li a, footer ul.wp-tag-cloud li a{
    border-color : #00c292 !important;
}
.page-numbers li .page-numbers:hover{
    background-color : #00c292 !important;
}#iq-talkie-price .tab-content>.active .iq-talkie-price .button,.iq-talkie-price-3.active .button,.iq-talkie-price.active .button, .iq-talkie-price:hover .button{
    background : #ffffff !important;
}
.pricing-tab li .nav-link.active,.widget_tag_cloud ul li a:hover, footer ul.wp-tag-cloud li a:hover,.widget-area .widget.widget_tag_cloud ul li a, footer ul.wp-tag-cloud li a,footer .widget .footer-title{color:#ffffff !important;}
.woocommerce-info{
    border-top-color : #00c292 !important;
}
.testimonial-circle .circle-bg, .advance-feature .nav-pills .nav-link.active, .button-gradient, ul.our-new-team .team-blog::before, .over-history-blog.swiper-container .project-year::before, .swiper-scrollbar-drag, .isotope-filters button.active, .isotope-filters button:hover {
    background-image: -moz-linear-gradient(to right, #00c292 0%, #00c292 100%) !important;
}
.share-social li:hover{
    background-color : #00c292 !important;
    background-image: linear-gradient(to right, #00c292 0%, #00c292 100%) !important;
}
.iq-pricing.blue-hover, .our-testimonial.owl-carousel .owl-dots .owl-dot, .our-testimonial.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active,.owl-carousel .owl-dots .owl-dot:hover{
    border-color:  #00c292;
}
footer .footer-top .mc4wp-form button[type=submit] {
    background: transparent !important;
}
body,.iq-blog-box .iq-blog-meta ul.list-inline li a,.widget_categories ul li a, .widget_archive ul li a, .widget-area .widget ul li a{
    color: #555555 !important;
}
.title-box .title-design:before, .commentlist .iq-comments-media .reply a{
    background: #555555 !important;
}
body.boxed_layout #page, .container ,  body.boxed_layout header.menu-sticky ,body.boxed_layout .elementor-section.elementor-section-boxed>.elementor-container ,  body.full_width_layout  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1200px !important;
}
body.boxed_layout .elementor-section.elementor-section-full_width ,body.boxed_layout section.elementor-section.elementor-section-boxed{
    width:100% !important;
    left:0 !important;
    right: auto !important;
}
body.boxed_layout header.menu-sticky .main-header
{
    width: 1200px !important;
}
body.boxed_layout .container ,body.boxed_layout .elementor-section.elementor-section-full_width>.elementor-container .elementor-container ,body.boxed_layout .elementor-section.elementor-section-boxed>.elementor-container .elementor-container 
{
    padding:0;
}
body.boxed_layout .elementor-section.elementor-section-boxed>.elementor-container, body.boxed_layout .elementor-section.elementor-section-full_width>.elementor-container, body.boxed_layout header .container, body.boxed_layout footer .container
{
    padding:0 15px;
}
@media (max-width: 1199px) and (min-width: 992px)
{
    body.boxed_layout #page, .container ,  body.boxed_layout header.menu-sticky ,body.boxed_layout .elementor-section.elementor-section-boxed>.elementor-container ,  body.full_width_layout  .elementor-section.elementor-section-boxed>.elementor-container{
        max-width: 960px !important;
    }
}
@media (max-width: 991px)
{
    body.boxed_layout #page, .container ,  body.boxed_layout header.menu-sticky ,body.boxed_layout .elementor-section.elementor-section-boxed>.elementor-container ,  body.full_width_layout  .elementor-section.elementor-section-boxed>.elementor-container
    {
        max-width: 720px !important;
    }
    body.boxed_layout #page 
    {
        max-width: 90% !important;
        max-width: calc(100% - 60px) !important;
    }
}
@media (max-width: 767px)
{
    body.boxed_layout #page, .container ,  body.boxed_layout header.menu-sticky ,body.boxed_layout .elementor-section.elementor-section-boxed>.elementor-container ,  body.full_width_layout  .elementor-section.elementor-section-boxed>.elementor-container
    {
        max-width: 100% !important;
    } 
    body.boxed_layout .elementor-section.elementor-section-boxed>.elementor-container, body.boxed_layout .elementor-section.elementor-section-full_width>.elementor-container 
    {
        padding: 0 15px;
    }
    body.boxed_layout #page
    {
        max-width: 90% !important;
        max-width: calc(100% - 30px) !important;
    }
}
#loading img{
    width:120px!important;
}
#loading img{
    height:92px!important;
}


html {
    --scrollbarBG: #00c292;
    --thumbBG: #00c292
  }
  #msg_card_body::-webkit-scrollbar {
    width: 5px;
  }

  #msg_card_body::-webkit-scrollbar-track {
    background: transparent;
    widows: 5px;
  }
  #msg_card_body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 3px;
    border: 1px solid var(--scrollbarBG);
  }

.user_img_msg{
    height: 40px;
    width: 40px;
    border:1.5px solid #f5f6fa;

}

.img_cont_msg{
    width: 50px;
}

.msg_cotainer{
   	margin-top: auto;
    margin-bottom: auto;
    margin-left: 18px;
    background-color: rgba(0, 0, 0, 0.03);;
    padding: 10px 16px;
    position: relative;
    font-size: 13px;
    max-width: 80%;
    border-radius: 4px;
    color: #666
}
.msg_cotainer_send{
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 18px;
    border-radius: 4px;
    background-color: #00c292;
    padding: 10px 16px;
    position: relative;
    font-size: 13px;
    color:#fff;
    max-width: 80%;
}
.msg_time{
    position: absolute;
    left: 0;
    bottom: -15px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
}
.msg_time_send{
    position: absolute;
    right:0;
    bottom: -15px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
}
.card-footer{
    padding: 0px !important;
    background: transparent !important;
    border: none !important;
    margin-bottom: 5px !important;
}
.send_btn{
    background: transparent;
    border: none;
    color: #00c292;
    cursor: pointer;
    font-size: 22px;
}

.card{
    border: 1px solid #fbfbfb;
    padding: 1px;
    border-radius: 10px;
    box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06)
}

.tiblock {
    align-items: center;
    display: flex;
    height: 25px;
    padding: 10px 17px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.03);
}

.ticontainer .tidot {
    background-color: #90949c;
}

.tidot {
    -webkit-animation: mercuryTypingAnimation 1.5s infinite ease-in-out;
    border-radius: 2px;
    display: inline-block;
    height: 4px;
    margin-right: 5px;
    width: 4px;
}

@-webkit-keyframes mercuryTypingAnimation{
0%{
  -webkit-transform:translateY(0px)
}
28%{
  -webkit-transform:translateY(-5px)
}
44%{
  -webkit-transform:translateY(0px)
}
}

.tidot:nth-child(1){
-webkit-animation-delay:200ms;
}
.tidot:nth-child(2){
-webkit-animation-delay:300ms;
}
.tidot:nth-child(3){
-webkit-animation-delay:400ms;
}
.msg_cotainer_send + .img_cont_msg{
	border-radius: 50%;
	text-align: center;
    line-height: 46px;
    font-size: 26px;
   	background: #00c292;
    color: #fff;
}
.type_msg::-webkit-input-placeholder {
    font-size: 16px;
}


/* plotch app website css */
.plotchAppContainer,.plotchAppRow1{
    margin-top:140px !important;
    margin-bottom:90px !important;
}
.plotchAppContainer{
    margin-right:auto !important;
    margin-left:auto !important;
}
.plotchAppPageTitle{
    color: black !important;
    text-align: center !important;

}
.plotchAppRow1Col1{
    text-align: center !important;
}
.plotchAppSearchBar{
    /* border-radius:0% !important; */
    width:100% !important;
    position: relative !important;
}
.plotchAppSearchIcon{
    position:absolute;
    right:0 !important;
    cursor: pointer;
    outline: none !important;
}
.plotchAppForm{
    margin-top:20px;
    float: inline-end !important;
}
.appborder{
    border:1px solid black;
}
.plotchApptypes{
    font-weight:bold;
    font-size:15px;
}
.plotchAppActive{
    background:#dddee2;
}
/* .plotchAppshowrightIcon{
    display: block !important;
} */
.plotchAppSubtypes,.plotchAppSubchecks{
    margin-bottom:5px !important;
    font-weight:normal;
    font-size:14px;
    list-style: none !important;
    cursor: pointer;
    height:30px;
    padding-left: 10px;
    padding-right:10px;
}
.plotchAppAnchor{
    color:black !important;
    text-decoration:none !important;
}
.plotchApprightIcon{
    transition:0.3s;
    display: block;
}

.AppInfo{position:relative !important;
    color:#777 !important;
    font-size:13px !important;
    padding-right:7px !important;
    text-align: center !important;


}
.plotchAppCard{
    border-radius:0%  !important;
    margin-top:15px !important;
    width:15rem !important;
}
.AppDetails{
    color:#777 !important;
    display:inline-block !important;
    position:absolute !important;
    right:-10px;
    top:25px !important;
}
.AppContent{
    background-color:#0000001a;

}
.AppContent a{
    text-decoration:none !important;
}
.AppContent:hover{background:whitesmoke;}
.plotchAppTopic{
    float: left;
    font-size:18px !important;
}
.plotchAppViewAll a{
    float:right;
    text-decoration: none !important;
    color 
}
#icons{
    visibility:hidden;
}


.testimonial-slider{padding-top:6%;}
.testimonial-slider .rating_card{margin-top:50px;}
.testimonial-slider .rating_card .img_circle{top:0px; left:50%; margin-left:-50px;}
.testimonial-slider .rating_card .img_circle>img{width:100px; height:auto;}
.testimonial-slider .slick-arrow{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; border-radius:50%; font-size:0px; background:#00c292; border:none; outline:none; z-index:1;}
.testimonial-slider .slick-arrow.slick-prev{left:-20px; }
.testimonial-slider .slick-arrow.slick-prev:after{position:absolute; top:0px; left:0px; font-size:30px; content:'<'; color: #fff; text-align:center; line-height:33px; width:100%;}
.testimonial-slider .slick-arrow.slick-next{right:-20px;}
.testimonial-slider .slick-arrow.slick-next:after{position:absolute; top:0px; left:0px; font-size:30px; content:'>'; color: #fff; text-align:center; line-height:33px; width:100%;}
.logo-slider{padding:0px; margin:20px 0px 0px 0px;}
.logo-slider li{margin:0px 10px; display:inline-block;}


@media screen and (max-width:1198.5px){
    .plotchAppCard{
        width:12rem ;
        text-align: center !important;
    }
    .plotchAppSubtypes{
        font-size:12px;
    }
    .plotchApptypes{
        padding-left:0px !important;
    }
}
@media screen and (max-width:991px){
    .plotchAppCard{
        width:17rem !important;
    }
    .plotchAppSidebar{
        padding-left:0px !important;
    }
    .plotchAppSubtypes{
        font-size:11px;
    }
    .plotchAppContainer,.plotchAppRow1{
        margin-top:60px !important;
        margin-bottom:60px !important;
    }
}   
@media screen and (max-width:767.5px){
    #icons{
        visibility:visible;
    }
    .plotchAppCard{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .plotchApptypes{
        display:none;
        padding-left: 20px !important;
    }
    #icons{
        padding-left:20px;
    }
    .plotchAppTopic{
        padding-left:
        40px !important;
    }
    .plotchAppViewAll{
        padding-right: 40px !important;
    }
}
@media screen and (max-width:575.5px){
    .plotchAppSearchIcon{
        top:48px !important;
    }
    .plotchAppTopic{
        position: relative !important;
    }
    .plotchAppViewAll {
        position: absolute;
        padding-right: 0px !important;
    }
    .plotchAppPageTitle{
        font-size:22px;
    }
}
@media screen and (max-width:454.5px){
    .plotchAppSearchIcon{
        top:77px !important;
    }
}
/* plotch app website css ends*/