@import url("banner.css");

/*---------------------------------------------------------------------
Heading Title
-----------------------------------------------------------------------*/
.title { font-family: 'Now', sans-serif; color: #666666; margin-bottom: 30px; position: relative; display: inline-block; }
.owl-carousel .owl-dots { text-align: center; }
/*---------------------------------------------------------------------
Orange menu
-----------------------------------------------------------------------*/
.button.org-btn ,.advance-feature .nav-pills .nav-link.org-btn.active,.iq-pricing-table .button.org-btn ,.woocommerce a.button.org-btn{background:#ff6a5c;}
.plan-img{-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.blue-bg-sec{background-color: #F2FAFF;border: 1px solid #DBECF6;margin-top: 4px;padding-top: 69px;padding-bottom: 40px;width: 100%;float: left;display: inline-block;}
.white-bg-sec{background-color: #FFFFFF;width: 100%;display: inline-block;float: left;margin-top: 4px;padding-top: 69px;padding-bottom: 40px;}
.txt-head{color: #333333;font-size: 24px;font-weight: 600;line-height: 30px;text-align: center;}
.blue-line{background-color: #00A2FF;width: 100px;height: 3px;margin: 5px auto;margin-bottom: 25px;}
.plan-card--benefits {margin-bottom: 15px;padding-left: 20px;list-style: none;padding-top: 10px;margin-bottom: 0px;}
.plan-card--benefits li {color: #666;font-size: 14px;line-height: 1.57;position: relative;font-weight: 400;padding-bottom: 5px;margin-bottom: 0px;}
.plan-card--benefits li i {display: inline-block;width: 35px;height: 35px;background: #6cb76a;border-radius: 45px;
float: left;color: #fff;text-align: center;padding-top: 0px;margin-right: 12px;font-size: 24px;font-style: normal;}    
.hidden-xs{text-align: center;}
.text-center {text-align: center;}
.txt-normal{font-size: 18px;}
/*---------------------------------------------------------------------
 Pricing-plan
-----------------------------------------------------------------------*/
.iq-best-pricing.active{box-shadow: 0 20px 95px 0 rgba(0,0,0,.1);position: relative;z-index: 99;border-bottom: 2px solid #f87e7e;}
.iq-best-pricing{padding: 20px 25px;
background: #ffffff;
margin: 0 5px 30px 5px;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
text-align: left;
border-radius: 10px;border: 1px solid #DBECF6;}

.iq-best-pricing .price-title .month-circle .month-price{margin-bottom: 0px;}
.iq-best-pricing .price-title .month-circle .month-price h2{display: inline; font-weight: bold;font-size: 65px; }
.iq-best-pricing.active .price-title .month-circle .month-price h2{  font-weight: bold;}
.iq-best-pricing .price-title .month-circle .month-price h3{display: none;}
.iq-best-pricing .price-title .month-circle .month-price .duration{margin-top: 10px;width: 100%;display: inline-table;}
.iq-best-pricing .price-title .title{font-size: 21px;font-weight: 600;margin-top: 40px;margin-bottom: 10px;}
.iq-best-pricing .pricing-list{margin-top: 40px; padding: 0px;}
.iq-best-pricing .pricing-list li{list-style-type: none; margin-bottom: 8px;display: inline-table;width: 100%;font-size: 15px;}
.iq-best-pricing .pricing-list li:last-child{ margin-bottom: 0px;}
.iq-best-pricing .price-footer{margin-top: 45px;}

/*----------------------------------------------------------------------
                                Buttons
-----------------------------------------------------------------------*/
.button { color: #ffffff; padding: 10px 30px; border: none; position: relative; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #a37cfc; border-radius: 4px; cursor: pointer;z-index: 4;  }
#account_banner .banner{height: auto;margin-bottom: 0px;}
#account_banner .banner_image_text {width: 100%;text-align: center;}
#allServiceLink {width: 100%;float: left;margin-top: 43px;padding: 15px 0 0 0;box-shadow: 0 -12px 27px rgba(0,0,0,0.3);background: #082f54;position: relative;transition: all linear 200ms;overflow: hidden;}
#allServiceLink .item{text-align: center;}
#allServiceLink ul{list-style: none;margin: 0;padding: 0 5px;display: inline-table;margin-left:0px;}
#allServiceLink ul li a{background: none;padding: 0px 0px;margin-right: 0px;border-radius: 5px;
color: #fff;display: inline-table;}
#allServiceLink ul li a:hover{background: #f79349;outline: none;text-decoration:none}
#account_banner{position: relative;z-index: 999}
#account_banner .sticky{position: fixed;width: 100%;left: 0;margin-top: 12px;box-shadow: 0 1px 14px rgba(0,0,0,0.3);padding: 10px 0 0 0;}
#account_banner .sticky ul li a {margin: 0 0;}
#account_banner .banner_image_text h3{border-right: solid 3px rgba(0,255,0,.75);white-space: nowrap;overflow: hidden;    font-size: 45px;color: #fff;margin: 0 auto;margin-top: 50px;}

#account_banner .banner_image_text h4 {margin-top: 26px;margin-bottom: 16px;}
#account_banner .banner_image_text h5{display: none}

#account_banner .banner_image_text h3 {animation: animated-text 4s steps(29,end) 1s 1 normal both,animated-cursor 600ms steps(29,end) infinite;}
#account_banner .banner_image_text h2{display: none;} 
@keyframes animated-cursor{from{border-right-color: rgba(0,255,0,.75);}to{border-right-color: transparent;}}
#account_banner .banner_image_text p{color: #fff;line-height: 22px;font-size: 15px;}
.facilty_icons{width: 100%;float: left;margin-top: 40px;margin-bottom: 0;}
.facilty_icons ul{padding: 0;float: left;width: 100%}
.facilty_icons ul li{float: left;width: 16%;margin-right:8px;}
.facilty_icons ul li:last-child{margin-right: 0px;}
.facilty_icons ul li svg{width: 60px; fill:#fff;height: 50px;}
.facilty_icons ul li p {width: 100%;float: left;color: #fff;line-height: 19px;font-size: 14px;font-weight: normal;margin-top: 14px;}
@media screen and (max-width: 600px) {
#account_banner .banner {height: auto;padding: 0 0 80px 0;}
#account_banner .banner_image_text h4{margin-top: 10px;font-size: 16px;line-height: 21px;}
#account_banner .banner_image_text h5{display: block;font-size: 19px;margin: 9px 0 0 0;padding: 0;}
#account_banner .banner_image_text {padding: 0 10px;}
.extra_menu{display: none;}
.iq-best-pricing{display: inline-table;    width: 100%;}
.title {margin-top: 0px;}
.logo-img-class {width: 266px;padding: 8px 0 0 0;}
#account_banner .sticky{float: none;white-space: nowrap;display: inline-block;overflow-x: scroll;}
#account_banner .sticky ul li a {margin: 0;}
#allServiceLink ul li a {padding: 6px 12px;margin-right: 10px;border-radius: 3px;font-size: 13px;}
#allServiceLink{float: none;white-space: nowrap;display: inline-block;overflow-x: scroll; position: absolute;
left: 0;bottom: 0;} 
#account_banner .sticky ul {left: unset;transform: unset;}
.iq-best-pricing .price-title .month-circle .month-price h3{  display: block;font-size: 20px;font-weight: 600;color: #6bb569;}
.txt-head{display: none;}
.blue-line{display: none;}
.blue-bg-sec{padding-top: 20px;}
.white-bg-sec {padding-top: 20px;}
.plan-card--benefits {padding-left: 0;}
    
#account_banner .banner_image_text h3{margin-top: 23px;display: none}
#account_banner .banner_image_text h2{
    display: block;    
    border-right: solid 3px rgba(0,255,0,.75);
    white-space: nowrap;
    overflow: hidden;
    font-size: 47px;
    color: #fff;
    margin: 0 auto;margin-top: 23px;
    } 
    
 #account_banner .banner_image_text h2 {
     animation: animated-text 2s steps(29,end) 1s 1 normal both,
         animated-cursor 600ms steps(29,end) infinite;}
.facilty_icons ul li {padding: 0 7px;float: left;width: 33%;margin-right: 0;word-break: break-word;}
.facilty_icons ul li p{margin-top: 7px;height: 69px;line-height: 18px !important;}
}

/* Pop up Form Start*/

.oliAccountForm form input:nth-child(3),
.oliAccountForm form input:nth-child(5){width: 50%;float: left;}

@media (max-width: 480px) and (min-width:320px) {
#account_banner .banner_image_text h2 {font-size: 37px;}
}

.oliAccountForm form input:nth-child(4),
.oliAccountForm form input:nth-child(6){width: 48%;float: right;}
.oliAccountForm form input:nth-child(7) {width: 35%;float: left;}
.oliAccountForm form fieldset:nth-child(8) {width: 63%;float: right;}
.oliAccountForm form input:nth-child(9) {width: 55%;float: left;}
.oliAccountForm form select:nth-child(10) {width: 44%;float: right;}
.oliAccountForm form fieldset #captcha_code {width: 54% !important;float: right !important;padding: 8px;}
.oliAccountForm form fieldset{float: left;width: 100%;}
.oliAccountForm form input[type="text"], 
.oliAccountForm form input[type="email"], 
.oliAccountForm form input[type="tel"], 
.oliAccountForm form input[type="url"], 
.oliAccountForm form fieldset input[type="number"],
.oliAccountForm form input[type="number"],
.oliAccountForm form textarea, 
.oliAccountForm form select {background: #efefef;border-radius: 4px;  border: 1px solid #dcdcdc;box-shadow: none;margin: 0 0 10px;}
.modal-open .modal {z-index: 999999 !important;}
.modal-backdrop {z-index: 99999 !important;}

/*here is the footer sytle css*/

/* Responsive css start */
@media (max-width: 1024px) {
    #account_banner .banner_image_text h3 {font-size: 37px;}
    .facilty_icons ul li {float: left;width: 15%;margin-right: 8px;}
    .iq-best-pricing {padding: 15px 15px;}
    .iq-best-pricing .price-title .month-circle .month-price .duration {display: block;}
    .iq-best-pricing .pricing-list li {display: block;font-size: 13px;}
    img.plan-img {width: 193px;}
}

@media (max-width: 768px) {
    #account_banner .banner_image_text h3 {font-size: 28px;}
    .facilty_icons ul li {float: left;width: 15%;margin-right: 8px;}
    #account_banner .banner_image_text p {font-size: 13px;}
}

@media (max-width: 600px) {
}

@media (max-width: 425px) {
    .facilty_icons ul li svg {width: 30px;}
    .facilty_icons p {font-size: 10px !important;}
    .facilty_icons ul li {float: left;width: 16%;margin-right: 3px;}
    .iq-best-pricing {padding: 15px;}
    .iq-best-pricing .price-title .title {font-size: 24px;font-weight: 600;margin-top: 27px;}
    .iq-best-pricing .pricing-list {margin-top: 24px;}
    .iq-best-pricing .price-footer {margin-top: 33px;}
    .plan-card--benefits li i {display: inline-block;width: 35px;height: 35px;line-height: 35px;font-size: 20px;}
    .iq-best-pricing .price-title .month-circle .month-price h2 {font-size: 50px;}
    .iq-best-pricing {background: #ffffff;}
}
/* Responsive css end */