/*
Template: sofbox - Data Science And Analytics Landing Page
Author: iqonicthemes.in
Version:4
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/

/*================================================
[  Table of contents  ]
================================================

:: General
:: Clearing floats
:: Back to Top
:: Loader
:: WordPress Core
:: Background Overlay Color
:: Buttons
:: Section Title
:: Scrollme Title
:: Header
:: Navigation
:: counter
:: Who is sofbox ?
:: Progress Bar
:: list Style
:: Loved By Our Customers
:: Future Services
:: Team
:: Subscribe Now
:: Footer
:: Clients
:: CONTACT US
:: Breadcrumb
:: Blog - SideBar
:: Latest Blog Post
:: Blog Page Comments
:: OWL Carousel
:: 404 Page
:: Frequently Asked Questions
:: Login Page
:: woocommerce
:: Product
:: woocommerce Pagination
:: Tab products
:: Cart
:: Related products
:: My Account
:: Portfolio

======================================
[ End table content ]
======================================*/
/* 
:root {   
  --primary-color: var(--primary-color);
  --secondary-color: #1e1e1e;
  --text-color: #8e989f;
  --white-color: #ffffff;
  --link-color: #121212;
  --linear-color-1: var(--linear-color-1);
  --linear-color-2: var(--linear-color-2);
  --linear-color-3: var(--linear-color-3);

  --title-font-family: 'Now', sans-serif;
  --body-font-family: 'Poppins', sans-serif;
} */

/* HTML Tags */
a { color: var(--primary-color); outline: none; }
a:focus, a:hover { color: #1e1e1e; outline: none; }
ins { background: #fff9c0; text-decoration: none; }
img { max-width: 100%; height: auto; }
pre { background: #eff1fe; padding: 15px; border: 1px solid #eff1fe; }
hr { margin: 0; padding: 0px; border-bottom: 1px solid #e0e0e0; border-top: 0px; }
blockquote { background: #eff1fe; padding: 15px 30px; border-left: 5px solid var(--primary-color); margin-bottom: 30px;border-radius: 4px; }
blockquote cite { font-family: 'Now', sans-serif;; font-weight: bold; }
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; }
blockquote .blockquote-footer { font-style: italic; color: #6c757d; margin-top: 10px; }
blockquote .blockquote-footer cite { color: var(--primary-color); }
body { overflow-x: hidden !important; }
p { margin-bottom: 30px; }
.blog-content blockquote p{margin-bottom: 0; font-size: 16px;
    color: #1e1e1e;}
.blog-content .wp-block-archives li,.blog-content .wp-block-latest-posts li,.blog-content ul.wp-block-categories li{list-style: none;}
ul.wp-block-categories li.cat-item span,footer.footer-one ul li.cat-item span{float: right;}
footer.footer-one ul li.cat-item span.post_count,footer.footer-one ul li span.archiveCount { float: right; color: #ffffff; background: #1e1e1e; border-radius: 50px; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; padding: 0; }
.blog-content ul.wp-block-archives,.blog-content ul.wp-block-latest-posts,.blog-content ul.wp-block-categories {padding: 0;}
.blog-content .page-links a:hover{background:var(--primary-color); color: #ffffff;}
article.hentry.sticky .consulting-blog .blog-details { background: #eff1fe; padding: 15px; }
/* Lists (Nested) */
ol, ul { padding-left: 25px; margin-bottom: 1em; }
ol li { list-style: decimal; }
ol ol { padding-left: 25px; }
ul li { list-style: inherit; }

/* Definition Lists */
dl dd { margin-bottom: 15px; }
dl dd:last-child { margin-bottom: 0px; }

/* Table */
table { border: 1px solid #eaeaea; width: 100%; margin-bottom: 20px; }
table td, table th { border: 1px solid #eaeaea; padding: 5px 8px; text-align: center; }

/* Form */
label { color: #1e1e1e; margin-bottom: 0; }
input, input[type=text], input[type=email], input[type=search], input[type=password], textarea { width: 100%; float: left; padding: 0 15px; height: 48px; line-height: 48px; background: #ffffff; border: 1px solid #eff1fe; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #8e989f; 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; }
select { border: 1px solid rgba(36, 38, 43, 0.14); background: #ffffff; line-height: 48px; height: 48px; padding: 0 10px; width: 100%; color: #8e989f; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 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; }
textarea { padding: 0 15px; height: 150px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input:focus, input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color: var(--primary-color); box-shadow: none; outline: none; }
input::-webkit-input-placeholder { color: inherit; }
input::-moz-placeholder { color: inherit; }
input:-ms-input-placeholder { color: inherit; }
textarea::-webkit-input-placeholder { color: inherit; }
textarea::-moz-placeholder { color: inherit; }
textarea:-ms-input-placeholder { color: inherit; }
input[type=email]::-webkit-input-placeholder { color: inherit; }
input[type=email]::-moz-placeholder { color: inherit; }
input[type=email]:-ms-input-placeholder { color: inherit; }
input[type=submit], .contact-form .cfield input[type=submit] { color: #ffffff; background: var(--primary-color); cursor: pointer; margin-bottom: 0; height: auto; line-height: 26px !important; padding: 11px 30px; font-size: 1em; line-height: 2; border: none; position: relative; display: inline-block; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 4px; cursor: pointer; 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; }
input[type=submit]:hover, .contact-form .cfield input[type=submit]:hover { color: #ffffff; background: #1e1e1e; outline: none; }
input[type=checkbox] { width: auto; margin-right: 10px; line-height: 2; height: 32px; }
.comments-area blockquote { background: #ffffff; }
.comments-area table td, .comments-area table th { border: 1px solid #1e1e1e; }
.wp-block-button__link { padding: 10px 30px; font-size: 16px; }
.error { color: #ff0000 !important; }
div.wpcf7-response-output { display: none; }
.wpcf7-form .cfield .wpcf7-not-valid { border: 1px solid #f00; }
.site-content { display: inline-block; width: 100%; float: left; }
.vc_parallax { overflow: hidden !important; }
div.wpcf7-mail-sent-ok { display: block; position: absolute; left: 23px; right: 0; bottom: -8px; border: none; color: #398f14; }

/* Audio */
article.hentry.format-audio .consult-detail { text-align: left; }
article.hentry.format-audio .consult-detail p:nth-child(-n+2) { display: inline-block; margin-bottom: 0; padding-top: 30px; }
article.hentry.format-audio .consult-detail p { margin-bottom: 0; }
article.hentry.format-video .consult-detail p { margin-bottom: 0; }

/*---------------------------------------------------------------------
                          Clearing floats
-----------------------------------------------------------------------*/
.home.blog .content-area .site-main { padding: 130px 0; }
.site-padding { padding-left: 45px !important; }
.overview-block-ptb { padding-top: 130px; }
.sf-content:after ,.sf-content:before{ clear: both; content: ""; display: table; }
.slider-overview-block-pt { padding-top: 70px; }
.content-area .site-main { padding: 130px 0; display: inline-block; width: 100%; float: left; overflow: hidden; }
.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid { padding: 130px 0; }
.home .content-area .site-main { padding: 0; }
.no-padding, .no-padding .vc_column-inner { padding: 0px !important; }
.no-margin, .no-margin .wpb_content_element { margin: 0px !important; }
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0 !important; }
.dark-color{color: #1e1e1e;}
.light-color,.job-details span.deatils.light-color{color: #8e989f;}

/*---------------------------------------------------------------------
 404
-----------------------------------------------------------------------*/
.error-bg { float: left; width: 100%; display: block; }
.error-404 .big-text { font-size: 240px; font-family: 'Now', sans-serif;; line-height: 240px; color: #1e1e1e; font-weight: normal; }
.sofbox-gradient-bg-top:before ,.sofbox-gradient:before{content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f2ff), color-stop(60%, #ffffff)); background: -moz-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: -webkit-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: -o-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: -ms-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.sofbox-gradient-bg-dark, .sofbox-gradient-bg-top, .sofbox-gradient-bg-bottom,.sofbox-gradient { position: relative; }
.sofbox-gradient-bg-dark:before {content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 119, 247, 0.08)), color-stop(60%, #ffffff)); background: -moz-linear-gradient(top, rgba(50, 119, 247, 0.08) 80%, #ffffff 100%); background: -webkit-linear-gradient(top, rgba(50, 119, 247, 0.08) 80%, #ffffff 100%); background: -o-linear-gradient(top, rgba(50, 119, 247, 0.08) 80%, #ffffff 100%); background: -ms-linear-gradient(top, rgba(50, 119, 247, 0.08) 80%, #ffffff 100%); background: linear-gradient(top, rgba(50, 119, 247, 0.08) 80%, #ffffff 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.sofbox-gradient-bg-bottom { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 119, 247, 0.08)), color-stop(60%, #ffffff)); background: -moz-linear-gradient(bottom, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: -webkit-linear-gradient(bottom, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: -o-linear-gradient(bottom, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: -ms-linear-gradient(bottom, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); background: linear-gradient(bottom, rgba(50, 119, 247, 0.08) 0, #ffffff 60%); }
ul.iq-list { margin: 0px; }
.resent-post-bg:after{content: ""; width: 100%; background: url('../images/resent-bg.html')no-repeat; position: absolute; top: 0; left: 0;  height: 220px;
    z-index: -1; }
.banner-overlap #rev_slider_5_1_forcefullwidth{z-index: 0 ;}
/*---------------------------------------------------------------------
                          Clearing floats
-----------------------------------------------------------------------*/
.clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; }
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; }

/*---------------------------------------------------------------------
                              Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #ffffff;  background: #1e1e1e; position: fixed; bottom: 30px; right: 25px; z-index: 999; font-size: 26px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 4px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#back-to-top .top:hover {  background: var(--primary-color); color: #ffffff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }

/*---------------------------------------------------------------------
                               Loader
-----------------------------------------------------------------------*/
#loading { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 9999; }
#loading img { width: 100px; }

/*---------------------------------------------------------------------
                           WordPress Core
-----------------------------------------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 15px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #eff1fe; max-width: 96%; padding: 5px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; color: #8e989f;}

/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 0px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #eff1fe; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/*---------------------------------------------------------------------
                            Header
-----------------------------------------------------------------------*/
header.main-header{position: fixed;
    background: transparent;
    display: inline-block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 10px 0;
    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;}
header { position: fixed; background: #ffffff; display: inline-block; width: 100%; top: 0; left: 0; z-index: 9999; 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; }
header .container-fluid { padding: 0 100px; }
header .navbar { padding: 0; }
header .navbar .navbar-brand { padding: 0; }
header .navbar .navbar-brand img { height: 50px; 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; }
header .navbar .sticky-logo{display: none;}
header .navbar .navbar-nav { margin-top: 0; 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; }
header .navbar .navbar-nav>li { margin: 0 40px 0 0; position: relative; }
header .navbar .navbar-nav>li:last-child { margin-right: 0; }
header .navbar .navbar-nav .nav-item a { color: #1e1e1e;  font-family: 'Now', sans-serif;; font-size: 16px; }
header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover { color: var(--primary-color); background: none; box-shadow: none; }
header .navbar .navbar-nav .nav-item a::before { background: var(--primary-color); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 0; transition: all 0.3s ease-out 0s; }
header .navbar .navbar-nav .nav-item a.active::before, header .navbar .navbar-nav .nav-item:hover>a::before, header .navbar .navbar-nav .nav-item>a:hover::before { width: 100%; }
header .button, header .button-line { margin-top: 0; margin-left: 15px; }

header.iq-gradient .navbar .navbar-nav .nav-item a.active{color: #212529; }
header.iq-gradient .navbar-nav .nav-item a {color: #ffffff;}
header.iq-gradient.menu-sticky  {
    background: var(--primary-color);
}
header.iq-gradient li .search-box .search-submit i{color: #ffffff;}
header.iq-gradient ul.shop_list li.cart-btn .cart_count a i{color: #ffffff;}
header.iq-gradient .navbar .sub-main ul.shop_list li .cart_count #mini-cart-count:before {background-color: rgba(109,115,239,1);}
header.iq-gradient .navbar .navbar-nav .nav-item a.dropdown-item {color: #1e1e1e;}
header.iq-gradient .navbar .navbar-nav .nav-item a:hover{color: #212529;}
header.iq-gradient .navbar .navbar-nav .nav-item a::before {background: #212529;;}
/* Header sticky */
header.menu-sticky {position: fixed; padding: 10px 0; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); background:#ffffff; }
header.menu-sticky .navbar .navbar-brand .sticky-logo{display: none;}
header.menu-sticky .navbar .navbar-brand .logo{display: none;}
header.menu-sticky .navbar .navbar-brand .sticky-logo { height: 50px; display: block;}


header .navbar ul li { list-style: none; margin-right: 30px; position: relative; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display: inline-block; vertical-align: middle; }
header li .search-box input[type="search"] { height: 40px; font-size: 18px; display: inline-block; border: none; border-radius: 0; outline: none; padding: 15px 40px 15px 15px; width: 0px; position: absolute; top: -9px; right: 0; background: none; transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); cursor: pointer; z-index: 11; margin: -10px 0 0 0; }
header li .search-box { position: relative; }
header li .search-box input[type="search"]:focus { width: 250px; z-index: 1; cursor: text; background: #ffffff; z-index: 9; color: rgba(102, 102, 102, 0.6); font-size: 14px; }
header li .search-box .search-submit:hover { background: none; }
header ul.shop_list { margin-bottom: 0px; margin-left: 30px; }
header li .search-box .search-submit { z-index: 10; color: #1e1e1e; padding: 0; height: 40px; width: 40px; display: inline-block; float: right; position: absolute; top: -20px; right: 0; background: none; cursor: pointer; transition: opacity 0.4s ease; }
header .navbar ul li i { display: inline-block; font-weight: bold; font-size: 16px; color: #1e1e1e; vertical-align: middle; }
header li .search-box .search-submit i, header ul.shop_list li.cart-btn .cart_count a i { display: inline-block; color: #1e1e1e; }
header .navbar ul li .sub-menu li i { display: block; position: absolute; right: 15px; top: 10px; line-height: 28px; font-size: 12px; z-index: 9; color: #1e1e1e; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
header .navbar ul li .sub-menu li i:before { content: "\f105"; }
header .navbar ul li .sub-menu li:hover>a { background: var(--primary-color); color: #ffffff; }
header .navbar ul li .sub-menu li:hover>i { color: #ffffff; }
header ul.shop_list li:last-child { margin-left: 30px; margin-right: 0;}
header ul.shop_list li.cart-btn .cart_count a:hover { background: transparent; }
header .navbar ul li .sub-menu li:hover, header .navbar ul li a:hover, header .navbar ul li.current-menu-item a, header .navbar ul li.current-menu-parent a, header .navbar ul li.current-menu-parent  i, header .navbar ul li.current-menu-item i { color: var(--primary-color); }
header .navbar .sub-main .blue-btn.button { padding: 8px 20px; }
header .navbar .sub-main ul.shop_list li .cart_count #mini-cart-count:before { content: ""; width: 20px; height: 20px; position: absolute; border-radius: 90px; z-index: -1; right: 0; background: var(--primary-color); }
header .navbar .sub-main ul.shop_list li .cart_count #mini-cart-count { position: absolute; top: 0px; right: -14px; width: 20px; height: 20px; line-height: 20px; color: #ffffff; font-size: 12px; text-align: center; }
header ul.shop_list { margin-bottom: 0px;}
header .navbar .sub-main .blue-btn.button { padding: 8px 20px; }
header .navbar .sub-main .blue-btn.button a { font-size: 14px; line-height: 2; padding: 0; color: #ffffff; }
.red-btn.button{background-color :#FC3C4D !important; margin-bottom: 37px !important;}
.purple-btn.button{background-color :#89868f; margin-bottom: 37px;}
.white-btn.button{background-color :#ffffff; margin-bottom: 37px; color:#313e5b;}
.red-btn.button a{color: white !important;}
.purple-btn.button a{color: white;}
.white-btn.button a{color:#313e5b !important;}
.white-btn.button a:hover{color:#ffffff !important;}
/* dropdown */
header .navbar-expand-lg .navbar-nav .dropdown-menu{padding: 0 ; min-width: 14rem; border:none; box-shadow: -2px 4px 20px 0px rgba(0, 0, 0, 0.09);margin: 0;}
header .navbar .navbar-nav .nav-item a.dropdown-item{  padding: 8px 15px; font-size: 14px;}
header .dropdown>.dropdown-menu {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;  display: none; -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
header .dropdown.menu-show>.dropdown-menu{display: block; top:100%;}
header .dropdown-toggle::after{ content: "\f3d0"; display: inline-block;
    font-family: "Ionicons";
    border: none;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    vertical-align: baseline; }

    /* fade-in-bottom*/
    @-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}



/* Toggler  Button */
header .navbar-toggler { padding: 2px 10px; background: var(--primary-color); }
header button:focus { outline: none; }
header .navbar-toggler .ion-navicon { display: none; }
header .menu-btn .line { width: 25px; height: 2px; background-color: #ffffff; display: block; margin: 7px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
header .menu-btn{vertical-align: middle;}

header .menu-btn:hover { cursor: pointer;}
header .menu-btn:hover { cursor: pointer;}
header .menu-btn:hover { cursor: pointer;}
header #menu-btn.is-active { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
header #menu-btn.is-active .line:nth-child(2) { width: 0px; }
header #menu-btn.is-active .line:nth-child(1), header #menu-btn.is-active .line:nth-child(3) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
header #menu-btn.is-active .line:nth-child(1) { -webkit-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px); }
header #menu-btn.is-active .line:nth-child(3) { -webkit-transform: translateY(-9px) rotate(90deg); -ms-transform: translateY(-9px) rotate(90deg); -o-transform: translateY(-9px) rotate(90deg); transform: translateY(-9px) rotate(90deg); }


.iq-mb-30{margin-bottom: 30px;}
.iq-mt-30{margin-top: 30px;}
.iq-mt-45{margin-top: 45px;}
.iq-mb-45{margin-bottom:45px;}
/*---------------------------------------------------------------------
                          Background Overlay Color
-----------------------------------------------------------------------*/
.iq-bg-over { background: #eff1fe ; }
.breadcrumb-bg { position: relative; }
.breadcrumb-bg:before, .breadcrumb-ui:before ,.breadcrumb-video::before{ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgba(2, 13, 30, 0.9); display: block !important; }
.breadcrumb-video::before{z-index: 1;}
.button-link{color: var(--primary-color); font-weight: bold; }
.button-link:hover{color:var(--primary-color); text-decoration: none; }
.button-link i { margin-left: 5px; }
/*----------------------------------------------------------------------
                                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: var(--primary-color); border-radius: 4px; cursor: pointer;z-index: 4;  }
.button-gradient:hover, .button-gradient:focus{ background-position: right center; color: #ffffff;}
.button-gradient { color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-radius: 4px; padding: 10px 30px; border: none; position: relative; display: inline-block; background-size: 200% auto; background-image: linear-gradient(to right, var(--linear-color-1) 0%, var(--linear-color-2) 51%, var(--linear-color-3) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); cursor: pointer; z-index: 4; 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; }
.button.gradient-btn:hover,.button.gradient-btn:focus{background-position: right center; color: #ffffff;}
.button.gradient-btn{color: #ffffff;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  border-radius: 4px; padding: 10px 30px; border: none; position: relative; display: inline-block;  background-size: 200% auto;z-index: 4; 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; }
.button:hover{background: #1e1e1e; }
.white-btn.button:hover,.blue-btn.button:hover{background: #1e1e1e;color: #ffffff;}
.white-btn.button { color: var(--primary-color); background: #ffffff; }
.white-btn.button:focus { color: var(--primary-color); }
.blue-btn.button { color: #ffffff; }
.blue-btn.button a{color: #ffffff; text-decoration: none;}
.blue-btn.button:before{background: #1e1e1e;}
.blue-btn.button:focus { color: #1e1e1e; }
.button:hover { text-decoration: none; color: #ffffff;  }
.button:focus,.button.blue-btn:focus{ color: #ffffff; }
.button span { z-index: 2; position: relative; }

.sofbox-left-img img { position: relative; left: -47%; max-width: 155% !important; }
.sofbox-bg .iq-objects-03{z-index: 1;}

/*---------------------------------------------------------------------
                        Blog - SideBar
-----------------------------------------------------------------------*/
.iq-widget-menu ul.iq-post li{border: none;}
.iq-post-sidebar { height: 100%; }
.widget { margin-bottom: 45px; padding: 0 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; width: 100%; float: left; position: relative;  }
.widget:last-child { margin-bottom: 0; }
.widget .widget-title { font-size: 25px;  position: relative; margin-bottom: 15px; padding-bottom: 0; }
.testimonail-widget-menu.widget,.iq-widget-menu.widget{background: transparent;}
/*SideBar - Search*/
.search-form { position: relative; }
.search-form label { display: none; }
.search-form input { padding-right: 40px; box-shadow: none; border-radius: 0; color: #1e1e1e; border: 1px solid rgba(36, 38, 43, 0.14); background: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;border-radius: 4px; }
.search-form input:focus, .search-form input[type=text]:focus, .search-form input[type=email]:focus, .search-form input[type=search]:focus, .search-form input[type=password]:focus { border: 1px solid var(--primary-color); }
.search-form .search-submit { position: absolute; right: 0; top: 0; color: #ffffff; cursor: pointer; padding: 6px 15px; font-size: 18px; background: var(--primary-color); border: none; outline: none; box-shadow: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.search-form .search-submit:hover { background: #1e1e1e; }
.search-form .search-submit .screen-reader-text { display: none; }

/*widget-menu*/
.widget ul { padding: 0; margin: 0; }
.widget ul li { padding-bottom: 10px; list-style: none;  }
.widget ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }
.widget ul ul.children { padding-left: 25px; }

.widget ul li a:hover:before { color: var(--primary-color); }
.widget ul li a { color: #8e989f; position: relative; -ms-word-wrap: break-word; word-wrap: break-word; }
.widget ul li a:hover { color: var(--primary-color); text-decoration: none; }
.widget ul li a:hover:before { color: var(--primary-color); }

.iq-widget-menu .iq-post li a:before{display: none;}
.iq-widget-menu .iq-post li a{padding-left:0;}


/* SideBar - widget Recent Entries*/
.widget_recent_entries ul li .post-date { color: #1e1e1e; }

footer ul.wp-tag-cloud li a{background: #eff1fe; display: inline-block; color: #8e989f; padding: 2px 10px; border-radius: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.widget_tag_cloud ul li,footer ul.wp-tag-cloud li { padding: 0; display: inline-block; margin: 3px 5px 3px 0; }
footer ul.wp-tag-cloud li a{color:#ffffff !important;background: var(--primary-color); border-radius: 4px;}
footer ul.wp-tag-cloud li a:hover{color:#ffffff !important;background: #1e1e1e; }
footer ul.wp-tag-cloud li{display: inline-block;}
footer #menu-footer-menu li a:before ,footer .menu-footer-menu-container li a:before{display: none;}
footer #menu-footer-menu li a,footer .menu-footer-menu-container ul.menu li a{padding: 7px 0 7px 0px;}
article.hentry .iq-blog-box .iq-blog-detail .blog-content .widget_tag_cloud ul li a:hover { color: #ffffff; }

/* Assistive text */
.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; display: none; }
.main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, .site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #1e1e1e; display: block; font-size: 12px; height: auto; padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }




.share ul li { display: inline-block;  margin-right: 10px }
.share ul li a { height: 45px; width: 45px; border-radius: 4px; display: inline-block; background: #1e1e1e; color: #fff; text-align: center; line-height: 45px }
.share ul li a:hover { background: var(--primary-color); color: #fff }
.portfolio-meta, .share ul { margin: 0; padding: 0; display: inline-block; width: 100%; margin: 0 0 30px; }
#team-main .share ul { text-align: center; }

/*---------------------------------------------------------------------
                            Latest Blog Post
-----------------------------------------------------------------------*/
.blog-content .wp-audio-shortcode { margin-bottom: 15px; }
.post-password-form input { float: none; }
embed, iframe, object { max-width: 100%; width: 100%; }
.blog  .pagination { margin-top: 30px; }
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment, .wp-block-latest-comments__comment { display: inline-block; width: 100%; }
.wp-block-table.is-style-stripes td { border-color: #eaeaea; }
.wp-block-table td, .wp-block-table th { text-align: left; }
.wp-block-latest-posts.is-grid.has-dates { margin: 0; }

/* Blog Page Link */
.page-links { margin: 15px 0 10px; text-transform: uppercase; clear: both; }
.page-links > span.page-number, .page-links a { border: none; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #eff1fe; margin-left: 5px; padding: 0px; display: inline-block; color: #1e1e1e; }
article.hentry .iq-blog-detail .blog-content .page-links a:hover { color: #fff; }


/*pagination-nav*/
.page-numbers { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; padding: 0; margin: 0; }
.page-numbers li .page-numbers { position: relative; display: block; padding: 5px 17px; margin-left: 5px; color: #1e1e1e; background-color: #fff; border: 1px solid #eff1fe; border-radius: 4px; }
.page-numbers li .page-numbers:hover { z-index: 2; color: #fff; text-decoration: none; background-color: var(--primary-color); border-color: var(--primary-color); }
.page-numbers li .page-numbers:focus { z-index: 2; outline: 0; box-shadow: none; }
.page-numbers li .page-numbers:not(:disabled):not(.disabled) { cursor: pointer }
.page-numbers li .page-numbers.current {width: 45px; height: 45px; z-index: 1; color: #fff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; background: var(--primary-color); border-color: var(--primary-color); }



/*---------------------------------------------------------------------
                           OWL Carousel
-----------------------------------------------------------------------*/
.owl-carousel .owl-nav.disabled { display: none; }
.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; }
.owl-carousel .owl-nav .owl-prev { outline: none; background: none; border: none; display: block; position: absolute; text-align: center; text-indent: inherit; top: -25px; left: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { outline: none; background: none; border: none; display: block; position: absolute; text-align: center; text-indent: inherit; top: -25px; right: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel .owl-nav i { font-size: 24px; border: 1px solid rgba(0, 0, 0, 0.05); width: 45px; height: 45px; line-height: 45px; padding-left: 0px; display: inline-block; color: #ffffff;
  background: #1e1e1e; font-weight: normal; text-align: center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; border-radius: 4px;}
.owl-carousel .owl-nav i:hover { background: var(--primary-color); color: #ffffff; }

/* Dots */
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-dots { margin-top: 15px; position: relative; width: 100%; display: inline-block; text-indent: inherit; text-align: center; cursor: pointer; }
.owl-carousel .owl-dots .owl-dot { box-shadow: none; outline: none; background: #1e1e1e; display: inline-block; border-radius: 4px; padding: 0; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #1e1e1e; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; }
.owl-carousel .owl-dots .owl-dot span { display: none; }
.owl-carousel .owl-dots .owl-dot:hover { background: var(--primary-color); border: 1px solid var(--primary-color); }
.owl-carousel .owl-dots .owl-dot.active, .owl-dots .owl-dot.active:nth-child(n+3) { background: var(--primary-color); border: 1px solid var(--primary-color); }
.owl-dots .owl-dot:nth-child(n+4) { display: none; }
.single-image-shadow .owl-carousel .video-img { box-shadow: 1px 12px 15px -5px rgba(0, 0, 0, 0.1); margin: 30px 15px; }
.owl-carousel .owl-item img.client-img{width: auto; margin:0 auto;}
.consult-video a { display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 4px; background: #ffffff; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

/*---------------------------------------------------------------------
  Banner s
-----------------------------------------------------------------------*/
.bg-video { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; z-index: -1; }
.bg-video #player { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -2; }
.bg-video .overlay { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1; }
.video-wrapper { position: relative; padding-bottom: 56.25%;
 }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*---------------------------------------------------------------------
  Title
-----------------------------------------------------------------------*/
.main-left{margin-bottom: 60px !important;}
.title-box{margin-top: -5px;}
.sofbox-contact .title-box.text-center{margin-bottom: 30px}
.title-box.text-left p{margin-bottom: 0px}
.title-box h2{margin-bottom: 15px;}
.title-box-space,.title-box.text-left.title-box-space{margin-bottom: 30px;}
.title-box .title-design {font-weight: normal; color: #8e989f; display: inline-block;position: relative;  }
.title-box.text-left{margin-bottom:40px;}
.title-box span.title-design.sub-title{color:#ffffff;}
.title-box.text-white h2{color:#ffffff;}
.title-box span.title-design.sub-title:before{background:#ffffff; content:"";}
.title-box.text-center{margin-bottom:80px;}
.title-box.title-shadow{margin-bottom:15px;}
.title-box .subtitle { position: relative; }

/*---------------------------------------------------------------------
 Meet the Team
-----------------------------------------------------------------------*/
.iq-team { position: relative; overflow: hidden; border-radius: 4px;}
.iq-team .iq-team-info .title:hover{color:var(--primary-color)}
.iq-team .iq-team-info { padding: 15px; background:#eff1fe ;  z-index: 2;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; overflow: hidden; position: relative; border-radius: 4px;}
.iq-team .share { background: none; position: absolute; right: -65px; top: 10px; width: 40px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-team:hover .share { right: 26px; }
.iq-team .share ul li { margin-bottom: 1px; display: inline-block; }
.iq-team .share ul li a { width: 40px; height: 40px; line-height: 40px; background: #ffffff; text-align: center; display: inline-block; }
.iq-team .share ul li a i { color:  #8e989f; line-height: 30px; }
.iq-team .share ul li:hover a i { color: #ffffff; }
.iq-team .share { list-style: none; }
.iq-team .share ul li a:hover { background: var(--primary-color); }
.iq-team .iq-team-img { position: relative; z-index: -1; }
.iq-team .iq-team-img img { width: 100%; }
.iq-team:hover .iq-team-img:before { opacity: 1; }
.iq-team .consult-effect:before { content: ""; bottom: 18px; 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; opacity: 1; z-index: 1; height: 90px; width: 100%; position: absolute; bottom: 32px; left: 0; -ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg); background: var(--primary-color); }
.iq-team:hover   .consult-effect:before { opacity: 1; content: ""; z-index: 1; 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; bottom: 10px; }
.iq-team .iq-share { right: -46px; position: absolute; top: 10px; 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; }
.iq-team:hover .iq-share { right: 10px; }
.iq-share:hover .slideouticons .iconswrapper { visibility: visible; }
.iq-share:hover .slideouticons .iconswrapper ul li { opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 4; }
.iq-share:hover .slideouticons  .iconswrapper { -webkit-transition-delay: 0s; transition-delay: 0s; }
.slideouticons { position: relative; -webkit-perspective: 1000px; perspective: 1000px; z-index: 9; }
.slideouticons input { display: none; }
.slideouticons label.mainlabel {border-radius: 4px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 20px; width: 45px; height: 45px; text-align: center; color: white; background: var(--primary-color); outline: none; z-index: 100000; -webkit-transition: all 0.3s; transition: all 0.3s;border-radius: 4px; }
.slideouticons .iconswrapper { position: absolute; margin: 0; top: 50px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.slideouticons .iconswrapper ul { position: relative; list-style: none; margin: 0; padding: 0; z-index: -1; }
.slideouticons .iconswrapper ul li { margin-bottom: 5px; position: relative; opacity: 0; width: 45px; height: 45px; -webkit-transition: all 0.5s; transition: all 0.5s; }
.slideouticons .iconswrapper ul li a {border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #222222; text-decoration: none; text-align: center; font-size: 16px; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: #ffffff; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);border-radius: 4px;}
.slideouticons .iconswrapper ul li a:hover { background: var(--primary-color); color: white; }
.slideouticons input:checked ~ label.mainlabel { background: #ffffff; color: var(--primary-color); }
.slideouticons input:checked ~ .iconswrapper { -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transition-delay: 0s; transition-delay: 0s; }
.slideouticons input:checked ~ .iconswrapper ul li { opacity: 1; -webkit-transform: translateY(0) rotate(360deg); transform: translateY(0) rotate(360deg); -webkit-transition: all 0.3s; transition: all 0.3s; }
.iq-share:hover .slideouticons .iconswrapper ul li:nth-of-type(1) { -webkit-transition-delay: 0; transition-delay: 0; z-index: 4; }
.iq-share:hover .slideouticons .iconswrapper ul li:nth-of-type(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; z-index: 3; }
.iq-share:hover .slideouticons .iconswrapper ul li:nth-of-type(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; z-index: 2; }
.iq-share:hover .slideouticons .iconswrapper ul li:nth-of-type(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; z-index: 1; }



/*---------------------------------------------------------------------
 Blog
-----------------------------------------------------------------------*/
.consulting-blog .blog-categories { position: absolute; top: 20px; left: 20px; line-height: 1; color:  #8e989f; text-decoration: none; z-index: 3; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.consulting-blog .blog-categories li { background: #1e1e1e; padding: 4px 8px; }
.consulting-blog .blog-categories li a { text-decoration: none; color:  #ffffff; }
.consulting-blog .blog-categories li a span { font-size: 14px; }
.consulting-blog .main-blog { position: relative }
.consulting-blog .blog-details { padding: 15px 0 0; z-index: 2; position: relative; background: #ffffff; }
.consulting-blog .blog-details  a { text-decoration: none; }
.consulting-blog .blog-details  a h5 { padding-right: 70px; }
.consulting-blog .blog-details a h5:hover { color: var(--primary-color); }
.consulting-blog .blog-button a i { color: #ffffff; padding: 12px 14px; }
.consulting-blog .blog-details ul.list-inline li a { text-decoration: none; color: #8e989f; }
.consulting-blog .blog-details ul.list-inline li a:hover { text-decoration: none; color: var(--primary-color); }
.consulting-blog .blog-details ul.list-inline li a i, .consulting-blog .blog-details ul.list-inline li i { color: var(--primary-color); }
.consulting-blog .list-inline-item:not(:last-child) { margin-right: 20px; }
.consulting-blog .blog-button:hover { background: var(--primary-color); }
.consulting-blog .blog-button { position: absolute; right: 15px; top: 30%; width: 40px; height: 40px; background:  #1e1e1e; text-align: center; line-height: 40px; color: #ffffff; 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; z-index: 3; }
.consult-detail { overflow: hidden; position: relative; text-align: center;}
.consulting-blog { position: relative; overflow: hidden; z-index: 2; }
.consulting-blog .consult-effect:before { content: ""; bottom: -126px; 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; opacity: 1; z-index: 1; height: 90px; width: 100%; position: absolute; left: 0; -ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-6deg); background: var(--primary-color); }
.consulting-blog:hover  .consult-effect:before { opacity: 1; content: ""; z-index: 1; 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; bottom: -72px; }
.consulting-blog:hover .blog-categories li a { color: #ffffff; }
.consulting-blog .blog-categories li:hover, .consulting-blog:hover .blog-categories li { background: var(--primary-color); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
/*---------------------------------------------------------------------
 Footer
-----------------------------------------------------------------------*/
footer { padding-top:60px; }
footer .iq-subscribe { margin-bottom: 100px; }
footer ul{padding: 0;}
footer .menu li { display: block; border-bottom: 0px; margin-bottom: 15px; line-height: 24px; padding: 0; }
footer .menu li a { color: #8e989f; }
footer .menu li a:hover { color: var(--primary-color); }
footer .iq-contact li { font-size: 14px; color: #8e989f; margin-bottom: 15px; }
footer .iq-contact i { color: #8e989f; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 32px; }
footer .iq-contact p { display: table; color: #8e989f; margin-bottom: 0px; padding-left: 5px; }
footer .contact-bg { padding-left: 50px; }
footer .logo { padding-right: 80px; }
footer .title-fancy .footer-title {
    margin-bottom: 10px}

.bg-img-two{background-image: url(../images/home-2/227.png) ;
    background-position: 0 0 ;
    background-repeat: no-repeat;}
footer.iq-footer .button.sign-btn{ position: absolute;right: 0;}
footer.footer-shap{padding-top: 0;}
footer.footer-shap input{margin-bottom: 0;}

footer.footer-one  .widget .iq-contact li{display: inline-block;}
footer.footer-one ul.iq-contact li{margin:0;}
footer.footer-one ul.iq-contact {margin-top: 30px;}
footer.footer-one ul.iq-contact li:last-child a span{padding-left: 20px;}
footer.footer-one .widget .container{position: relative; z-index: 1}
footer.footer-one.footer-shap .footer-top
footer.footer-one.footer-shap .sofbox-subscribe .col-sm-12 , footer.footer-one.footer-shap .sofbox-subscribe .col-sm-12,footer.footer-one.footer-shap .col-sm-6{z-index: 4;}
footer.footer-one.footer-shap .footer-top{  padding-top: 200px; }
footer.footer-one.footer-shap .container:after{ position: absolute; bottom: 0; height: 238px;left: 0; z-index: 0; width: 100%; content: ""; background: url(../images/home-2/footer.png)no-repeat;}
footer.footer-one.footer-shap .container:before{ position: absolute; bottom: 0; height: 196px;right: 0; z-index: 0; width: 157px; opacity: 0.1; content: ""; background: url(../images/home-2/footer-two.png)no-repeat;}
footer.footer-one.footer-shap:after { position: absolute; top: 0; height: 190px; z-index: 0; width: 100%; content: ""; background: url(../images/home-2/footer-bg.png)no-repeat; }
footer.footer-one .sofbox-subscribe{position: relative;padding: 30px; background: #ffffff; margin-top: -200px;box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, 0.04); border-radius: 4px;}
footer.footer-one .sofbox-subscribe:before { content: ""; position: absolute; bottom: -8px; width: 98%; z-index: 0; border-radius: 4px; height: 100%; background: #ffffff; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.06); margin: 0 auto; left: 0 ;right: 0; opacity: 0.4;}
footer.footer-one .sofbox-subscribe:after { content: ""; position: absolute; bottom: -16px; width: 96%; left: 0; margin: 0 auto; right: 0; z-index: 0; border-radius: 4px; height: 100%; background: #fff; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.06); opacity: 0.4;}
footer.footer-one ul.iq-contact li:last-child a span:before{content: "|" ; position: absolute; left: 0; }

footer.footer-one .widget .textwidget p{margin-bottom: 0;}
footer.footer-one { display: inline-block; width: 100%; float: left; background-repeat: no-repeat !important; background-size: cover !important; }
footer.footer-one .footer-top { padding-top: 45px; padding-bottom: 45px; border-top:1px solid #eff1fe; }
footer.footer-one .widget { background: transparent; }
footer.footer-one .widget .sofbox-subscribe  h4.footer-title{color: #1e1e1e !important; }
footer.footer-one .widget h4.footer-title {  margin-bottom: 15px; color: #ffffff; }

footer.footer-one .sub-btn { position: absolute; right: 0; }
footer.footer-one .sub-btn button { padding: 24px 30px; border: none; cursor: pointer; background-color: var(--primary-color); }
footer.footer-one .sub-btn button:hover, .footer-one .sub-btn button:focus { outline: none; }
footer.footer-one .sub-btn button:before { content: "\f2c3"; position: absolute; font-family: "Ionicons"; z-index: 1; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-size: 24px; color: #ffffff; }
footer.footer-one input[type=submit]
footer.footer-one .info-share li { margin-left: 15px; margin-right: 0px; }
footer.footer-one .menu-footer-menu-container .menu { margin-bottom: 0; padding: 0; }
footer.footer-one .menu-footer-menu-container .menu li { list-style: none; display:block; margin-right: 10px; }
footer.footer-one .copyright a:hover, footer.footer-one .menu-footer-menu-container .menu li a:hover, footer.footer-one .info-share li a:hover { text-decoration: none; color: #1e1e1e; }
footer.footer-one .menu-footer-menu-container .menu li:last-child { margin-right: 0; }
footer.footer-one .copyright-footer { position: relative;}
footer.footer-one .info-share li a { color: #ffffff; }
footer.footer-one input[type=email]:hover, footer.footer-one input[type=email]:focus { border-color: var(--primary-color);padding: 0 125px 0 15px; }
footer.footer-one input[type=email] { background: #ffffff; border-color: #eff1fe; border-radius: 4px; color: #8e989f; }
.mc4wp-form-fields input[type="submit"]{position: absolute; right: 10px;}
footer.footer-one .footer-top .info-share li { margin-right: 15px; }
footer.footer-one .footer-top .info-share li:last-child { margin-right: 0px; }
footer.footer-one ul.iq-contact li a span{padding-left: 25px; display: table-cell; position: relative;}
footer.footer-one ul.iq-contact li i{position: absolute; left: 0;line-height: 30px; font-size: 18px;color: #ffffff;}
footer.footer-one .widget ul.menu li a:before { display: none; }
footer.footer-one .widget ul li a{color: #ffffff; }
footer.footer-one .widget ul li a:hover{color: #1e1e1e;}
footer.footer-one .widget ul.menu li a { padding: 0px 0 10px 0px; color: #ffffff; }
footer.footer-one .copyright{color: #ffffff;}
.iq-bg-dark{position: relative;}
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info { padding: 0; }
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info p { font-size: 14px;  background: rgba(255, 255, 255, 0.2); padding: 15px;position: relative; }
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info p:after { content: ' '; position: absolute; width: 0; height: 0; left: 38px; right: auto; top: auto; bottom: -24px; border: 12px solid; border-color: rgba(255, 255, 255, 0.2) transparent transparent rgba(255, 255, 255, 0.2); }
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name .sub-title{font-size: 14px;}
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name h5{font-size: 18px;}
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-item .testimonial-info img { width: 54px; height: 54px; border-radius: 90px; }
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-dots { display: none; }
footer.footer-one .testimonail-widget-menu .owl-carousel .owl-stage-outer { background: transparent; }


footer.footer-two .footer-box { padding: 40px; margin-bottom: 30px; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; }
footer.footer-two .footer-input { display: flex; }
footer.footer-two .widget.footer-logo { margin-bottom: 15px; }
footer.footer-two  #menu-about-menu li { margin-right: 15px; }
footer.footer-two  #menu-about-menu li:last-child { margin-right: 0px; }
footer.footer-two .widget.footer-logo:nth-child(1) { margin-bottom: 0px; }
footer.footer-two .info-share li { margin-right: 30px; }
footer.footer-two .info-share { display: block !important; margin-bottom: 30px; }
footer.footer-two .info-share li:last-child { margin-right: 0px; }
footer.footer-two .widget ul li { display: inline-block; }
footer.footer-two .footer-input .button.sign-btn{ width: 20%;}
/*---------------------------------------------------------------------
 Footer Video
-----------------------------------------------------------------------*/
footer .copyright-space{margin-top: -30px;display: inherit;}

/*---------------------------------------------------------------------
                         Great screenshots
-----------------------------------------------------------------------*/
.iq-screenshots { overflow: hidden; position: relative; }
@keyframes heartbeat {
0% { transform: scale(0); }
25% { transform: scale(1.2); }
50% { transform: scale(1); }
75% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.screenshots-slider { display: inline-block; width: 100%; min-height: 580px; position: relative; overflow: hidden; }
.slider-container { position: absolute; left: 50%; top: 50%; width: 780px; height: 580px; margin: -300px 0 0 -390px; }
.slider-container .slider-content { position: relative; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.slider-container .slider-content .slider-single { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: z-index 0ms 250ms; }
.slider-container .slider-content .slider-single .slider-single-image { position: relative; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 1px -3px 20px 0px rgba(0, 0, 0, 0.2); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0; }
.slider-container .slider-content .slider-single.preactivede .slider-single-image { transform: translateX(-50%) scale(0); }
.slider-container .slider-content .slider-single.preactive { z-index: 1; }
.slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: .3; transform: translateX(-25%) scale(0.8); }
.slider-container .slider-content .slider-single.proactive { z-index: 1; }
.slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: .3; transform: translateX(25%) scale(0.8); }
.slider-container .slider-content .slider-single.proactivede .slider-single-image { transform: translateX(50%) scale(0); }
.slider-container .slider-content .slider-single.active { z-index: 2; }
.slider-container .slider-content .slider-single.active .slider-single-image { opacity: 1; transform: translateX(0%) scale(1); }
.slider-container .slider-left { position: absolute; z-index: 3; display: block; right: 115%; top: 50%; color: var(--primary-color); transform: translateY(-50%); padding: 20px 15px; font-size: 60px; }
.slider-container .slider-right { position: absolute; z-index: 3; display: block; left: 115%; top: 50%; color: var(--primary-color); transform: translateY(-50%); padding: 20px 15px; font-size: 60px; }

/* Screenshots Slider NO Shadow  */
.no-shadow .slider-container .slider-content .slider-single .slider-single-image { box-shadow: none; }
.no-shadow .slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: 0; }
.no-shadow .slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: 0; }

/*---------------------------------------------------------------------
 Background Gradient
---------------------------------------------------------------------*/
.iq-bg-over { position: relative; }
.iq-over-dark-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(0, 0, 0,0.8); display: block !important; }
.iq-over-dark-10:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.1); display: block !important; }
.iq-over-dark-20:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.2); display: block !important; }
.iq-over-dark-30:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.3); display: block !important; }
.iq-over-dark-40:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.4); display: block !important; }
.iq-over-dark-50:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.5); display: block !important; }
.iq-over-dark-60:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.6); display: block !important; }
.iq-over-dark-70:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.7); display: block !important; }
.iq-over-dark-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(0, 0, 0, 0.8); display: block !important; }
.iq-over-dark-85:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.85); display: block !important; }
.iq-over-dark-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 1px; width: 100%; z-index: 0; background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); display: block !important; }
.iq-over-dark-95:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.95); display: block !important; }
.iq-over-dark-90.gray-bg:before{background: rgba(248,250,255,1);}
.testimonail-widget-menu .owl-carousel.gray-text .owl-item .testimonial-info p,.testimonail-widget-menu .owl-carousel.gray-text .owl-item .testimonial-info .testimonial-name .sub-title{color: #8e989f;}
.testimonail-widget-menu .owl-carousel.gray-text .owl-item .testimonial-info .testimonial-name h5{color: #1e1e1e;}
footer.footer-one .testimonail-widget-menu .owl-carousel.gray-text .owl-item .testimonial-info p{background: #ffffff;}
footer .logo img{height: 50px;}




/*---------------------------------------------------------------------
                          Progress Bar
-----------------------------------------------------------------------*/
.sofbox-services:hover.sofbox-services:after { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; top: 0%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #ffffff)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }
.sofbox-services {margin-bottom: 30px; padding: 30px; background: #ffffff; position: relative; overflow: hidden; 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; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); }
.sofbox-services:before { position: absolute; bottom: 0; content: ""; width: 0; background: var(--primary-color); 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; z-index: 2 }
.sofbox-services:hover:before { width: 100%; height: 4px; left: 0; }
.sofbox-services .services-detail { z-index: 3; position: relative; }
.sofbox-services i { font-size: 40px;  color: var(--primary-color); z-index: 1 ;margin-bottom: 15px; line-height:50px; display:inherit;}
.sofbox-services img { width: 48px; margin-bottom: 15px; }
.sofbox-services img.hover-img { position: absolute; top: 0; 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; opacity: 0; left: 0; right: 0; width: 100%; }
.sofbox-services:hover img.hover-img { z-index: 0; opacity: 1; top: 0; 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; }

/*---------------------------------------------------------------------
 sofbox Tab
-----------------------------------------------------------------------*/
.sofbox-tabs  .video-btn a { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: #ffffff; width: 100px; height: 100px; text-align: center; border-radius: 4px; }
.sofbox-tabs  .video-btn a i { line-height: 100px; font-size: 20px; color: #1e1e1e; }
.sofbox-tabs .video-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-btn .video-btn { background: var(--primary-color); display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #ffffff; float: left; border-radius: 100%; z-index: 9; position: absolute; left: 35px; top: 35px; }
.sofbox-tabs .video-btn .video-btn i { margin-left: 5px; font-family: FontAwesome; }
.sofbox-tabs .video-btn .video-btn:hover i { color: #ffffff; }
.video-btn .btn-waves { width: 250px; height: 250px; z-index: 2; }
.video-btn .btn-waves .waves { position: absolute; width: 250px; height: 250px; border: 1px solid rgba(255, 255, 255, 0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }
.video-btn .btn-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.video-btn .btn-waves .wave-2 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.video-btn .btn-waves .wave-3 { -webkit-animation-delay: 1s; animation-delay: 1s; }
@-webkit-keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
@keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}

.wpcf7-form p:nth-child(n+4) { margin-bottom: 0; }



/*---------------------------------------------------------------------
 Contact form
-----------------------------------------------------------------------*/
.wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-aborted { position: absolute; bottom: -5px; left: 0; color: red; border: none; padding: 0; margin: 5px 0; }
.sofbox-contact { padding:45px; background: #eff1fe; }
.sofbox-contact h2 { text-align: center; }
.sofbox-contact input:hover, .sofbox-contact input[type=text]:hover, .sofbox-contact textarea:hover { border: 1px solid var(--primary-color); }
.sofbox-contact  .button { cursor: pointer; margin-top: 15px; }
.sofbox-contact input, .sofbox-contact input[type=text], .sofbox-contact textarea { border: 1px solid #eff1fe; }
.contact-form .cfield textarea{background: transparent;}
.wpcf7-form p:nth-child(n+6) { margin-bottom: 0; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-not-valid-tip { display: none !important; }
.contact-form .cfield { position: relative; width: 100%; display: inline-block; }
.contact-form .cfield input[type=submit] { margin-top: 15px; }
.contact-form .cfield input { position: relative; width: 100%; margin-bottom: 15px; background: transparent; border-radius: 4px; padding-left: 15px; height: 55px; line-height: 55px; clear: both; border: 1px solid #eff1fe; }
.contact-form .cfield input:focus, .contact-form .cfield.textarea textarea:focus { border: 1px solid var(--primary-color); box-shadow: none; outline: none; }
.contact-form .cfield.textarea textarea { margin-bottom: 15px; width: 100%; float: left;  background: #ffffff; border: 1px solid #eff1fe; border-radius: 4px; padding: 15px 0 0 20px; resize: none; }
.contact-form .cfield .wpcf7-not-valid { border: 1px solid #f00; }
.contact-form .ajax-loader { margin: 32px 0 0 5px; }
/*---------------------------------------------------------------------
overview page
-----------------------------------------------------------------------*/
.overview-bg:before { display: inline-block; width: 387px; background: url(../images/testimonial-bg-2.html)no-repeat; position: absolute; right: 0; height: 810px; bottom: 0; }
.man-img { position: absolute; right: 0; top: -30px;z-index: 3; }

/*---------------------------------------------------------------------
                               Portfolio
-----------------------------------------------------------------------*/
.isotope-filters { border-bottom: 1px solid rgba(30, 30, 30, 0.06); border-top: 1px solid rgba(30, 30, 30, 0.06); display: table; margin: 0 auto 30px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.isotope-filters  button {margin: -3px 3px;
    padding: 8px 20px; position: relative; cursor: pointer;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: transparent; color: #1e1e1e; border: none; font-weight: normal; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.isotope-filters  button.active, .isotope-filters  button:hover {background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);  color: #ffffff; position: relative; }
.isotope-filters button.active:before, .isotope-filters  button:hover:before { width: 15px; }
.isotope-filters  button:focus { outline: none; outline-style: none; outline-offset: 0; }

/* Grid And Masonry */
.isotope.no-padding .iq-grid-item { padding: 0 !important; }
.iq-masonry.no-padding .iq-masonry-item { padding: 0 !important; }
.isotope, .iq-masonry { margin: 0 0 -15px 0; float: left; width: 100%; }
.isotope, .iq-masonry.no-padding { margin-bottom: 30px; }
.isotope .iq-grid-item { padding:15px; }
.isotope .iq-grid-item img, .iq-masonry .iq-masonry-item img { width: 100%; }

/* Grid */
.isotope.iq-columns-1 .iq-grid-item { width: 100%; }
.isotope.iq-columns-2 .iq-grid-item { width: 50%; }
.isotope.iq-columns-3 .iq-grid-item { width: 33.33333333%; }
.isotope.iq-columns-4 .iq-grid-item { width: 25%; }
.isotope.iq-columns-5 .iq-grid-item { width: 20%; }

/* Masonry */
.iq-masonry.iq-columns-2 .iq-masonry-item { width: 50%; padding:15px; }
.iq-masonry.iq-columns-3 .iq-masonry-item { width: 33.333333%; padding:15px; }
.iq-masonry.iq-columns-4 .iq-masonry-item { width: 25%; padding:15px; }
.iq-masonry.iq-columns-5 .iq-masonry-item { width: 20%; padding:15px; }
.iq-masonry-item .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before { bottom: 98px; }
.iq-masonry-item.style-two .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before { bottom: 81px; }

/* Grid Full Screen */
.isotope.full-grid, .iq-masonry.full-grid { margin: 0 -30px 0 0; }
.isotope.full-grid .iq-grid-item { padding: 0 30px 30px 0; }

/* Grid Full Screen No Space*/
.isotope.full-grid.no-padding, .iq-masonry.full-grid.no-padding { margin: 0; }
.isotope.full-grid.no-padding .iq-grid-item { padding: 0 !important; }
@media(max-width:1199px) {
  .isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item { width: 33.3% }
  .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 25%; }
}
@media(max-width:992px) {
  .isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item { width: 50%; }
  .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 50%; }
}
@media(max-width:767px) {
  .isotope.iq-columns-4 .iq-grid-item, .isotope.iq-columns-2 .iq-grid-item, .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-2 .iq-masonry-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-4 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 100% }
}



/*---------------------------------------------------------------------
Testimonial-info side widget
-----------------------------------------------------------------------*/
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info { padding: 30px; background: transparent; }
.testimonail-widget-menu .owl-carousel .owl-stage-outer{background: #1e1e1e; }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info img { width: 65px; height: 65px; border-radius: 4px; margin-right: 15px; }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .post-img { display: flex; }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name { flex: 1; }
.testimonail-widget-menu .owl-carousel .owl-dots .owl-dot { background: #ffffff; }
.testimonail-widget-menu .owl-carousel .owl-dots .owl-dot.active, .testimonail-widget-menu .owl-carousel .owl-dots .owl-dot:hover { background: var(--primary-color); border: 1px solid var(--primary-color); }
.testimonail-widget-menu .owl-carousel .owl-dots { text-align: right; position: absolute; bottom: 20px; right: 30px; }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info p { color: #ffffff; }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name h5 { color: #ffffff; }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name .sub-title { color: #ffffff; }
.sidebar-widget-left { padding-right: 30px; }
.sidebar-left{padding-right: 15px;}
.sidebar-right{padding-left: 15px;}
.sidebar-widget-right { padding-left: 30px; }
.sidebar-service-left { padding-right: 30px; }
.sidebar-service-right { padding-left: 30px; }



/*---------------------------------------------------------------------
Recent News side widget
-----------------------------------------------------------------------*/
.sidebar-service-left .widget_nav_menu ul.menu li.current-menu-item a, .sidebar-service-left .widget_nav_menu ul.menu li:hover a { color: #ffffff; background: var(--primary-color); }
.sidebar-service-left .widget_nav_menu ul.menu li { margin-bottom: 2px; border: none;padding: 0;}
.sidebar-service-left .widget_nav_menu ul.menu li:last-child { margin-bottom: 0; }
.sidebar-service-left .widget_nav_menu ul.menu li a, .sidebar-service-left .widget.get-file a { background: #eff1fe; color: #1e1e1e;   text-transform: capitalize; }

/*---------------------------------------------------------------------
Categories side widget
-----------------------------------------------------------------------*/
.widget_categories ul li span,.widget.widget_archive ul li span.archiveCount{border-radius: 50px;  float: right; color: #ffffff; background: #1e1e1e; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; }
.download-item li { display: block; background: #eff1fe; padding-bottom: 0 !important; }
.download-item li i { background: var(--primary-color); padding: 15px; color: #ffffff; font-size: 24px; }
.widget.get-file { margin-bottom: 15px; padding: 0;background: transparent;}
.widget.get-file a:hover { color: var(--primary-color); }
.widget.get-file a { text-decoration: none; }

/*---------------------------------------------------------------------
Service-box
-----------------------------------------------------------------------*/
.Service-box{box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); border:1px solid rgba(0, 0, 0, 0.03);margin-bottom: 30px;}
.Service-box .content{padding:30px 0;}
.Service-box .blue-btn.button{font-size: 14px;padding: 6px 20px;}

/*---------------------------------------------------------------------
Portfolio style-one
-----------------------------------------------------------------------*/
.iq-blog-box .iq-blog-image img,.iq-blog-image img{width: 100%;}
.single-portfolio-border .iq-portfolio { border: 2px solid #ffffff; }
.iq-portfolio:hover a.portfolio-img{position: relative;}
.iq-portfolio:hover .portfolio-img .portfolio-link{opacity: 1;}
.iq-portfolio .portfolio-img .portfolio-link{opacity: 0;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;}
.portfolio-link .icon { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 4px; background: #ffffff; color: var(--primary-color); }
.iq-portfolio .portfolio-link { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.iq-portfolio:hover a.portfolio-img:before { width: 100%; opacity: 1; left: 0; }
.iq-portfolio a.portfolio-img:before { content: ""; background: var(--linear-color-3); width: 0%; height: 100%; opacity: 0; position: absolute; top: 0; 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;z-index: 1;right: 0; }
.iq-portfolio a { display: inherit; overflow: hidden; position: relative;}
.iq-blog-box{margin-bottom: 30px;}
.iq-portfolio,.iq-blog-box { border: 1px solid #eff1fe; 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;padding: 10px 10px 0; }
.iq-portfolio:hover{ box-shadow: 0.557px 3.961px 40px 0px rgba(0, 0, 0, 0.08);}
.iq-portfolio:hover:before { opacity: 1; }
.iq-portfolio:hover .iq-portfolio-content { z-index: 9; }
.iq-portfolio { position: relative; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;background: #ffffff; }
.iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before { bottom: 80px; }
.iq-portfolio img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.iq-portfolio:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.iq-portfolio-content .details-box { overflow: hidden; padding: 15px; }
.iq-portfolio:hover .iq-portfolio-content { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.iq-portfolio-content  .consult-details .consult-effect:before { content: ""; transition: all 5s ease-in-out; transition: all 5s ease-in-out; -moz-transition: all 5s ease-in-out; -ms-transition: all 5s ease-in-out; -o-transition: all 5s ease-in-out; -webkit-transition: all 5s ease-in-out; opacity: 1; opacity: 1; z-index: 1; height: 100px; width: 100%; position: absolute; bottom: 110px; left: 0; -ms-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); transform: skewY(-2deg); background: var(--primary-color); content: ""; z-index: 1; 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; }
.iq-portfolio .iq-portfolio-content  .consult-details p { color: #525f81; }
.isotope-filters button .post_no { display: none; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.iq-columns-4 .iq-portfolio .iq-portfolio-content .details-box, .iq-columns-5 .iq-portfolio .iq-portfolio-content .details-box, .iq-columns-3 .iq-portfolio .iq-portfolio-content .details-box { padding: 15px; z-index: 2; }
.iq-columns-4 .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-5 .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-3 .iq-portfolio-content .consult-details .consult-effect:before { bottom: 90px; }
.iq-columns-4 .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-3 .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-5 .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before { bottom: 81px; }
.iq-portfolio-content .details-box a { text-decoration: none; }
.iq-portfolio-content .details-box a:hover .text-hover { color: var(--primary-color); }
.iq-columns-2 .iq-portfolio .iq-portfolio-content .consult-details .consult-effect:before { top: -86px }
.iq-columns-4 .iq-portfolio-content .details-box a, .iq-columns-5 .iq-portfolio-content .details-box a { line-height: 60px; z-index: 3; position: relative; }
.iq-columns-4 .iq-portfolio-content .details-box a i, .iq-columns-5 .iq-portfolio-content .details-box a i { width: 30px; height: 30px; line-height: 30px; }

/*---------------------------------------------------------------------
Portfolio style-two
-----------------------------------------------------------------------*/
.iq-portfolio.style-two img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; }
.iq-portfolio.style-two:hover img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.iq-portfolio.style-two .iq-portfolio-content .details-box { background: transparent; padding: 0; }
.iq-portfolio.style-two .iq-portfolio-content .details-box h5, .iq-portfolio.style-two .iq-portfolio-content .consult-details p { color: #ffffff; }
.iq-portfolio.style-two .iq-portfolio-content .details-box a i { background: var(--primary-color); }
.iq-portfolio.style-two .iq-portfolio-content { position: absolute; top: 0; left: 0; padding: 15px; background: #1e1e1e; color: #ffffff; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; }
.iq-portfolio.style-two:hover .iq-portfolio-content { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }


/*---------------------------------------------------------------------
Sofbox tab
-----------------------------------------------------------------------*/
.Sofbox-tab .nav-pills .nav-link.active,.Sofbox-tab .nav-pills .show>.nav-link,.Sofbox-tab .nav-pills .nav-link{background: transparent; color: #8e989f; }
.Sofbox-tab .nav-pills .nav-link{padding: 0; }
.Sofbox-tab .nav-pills .nav-link:last-child{margin-bottom: 0px;}
.Sofbox-tab .nav-pills .nav-link:hover .active-title ,.Sofbox-tab .nav-pills .nav-link.active .active-title{color: var(--primary-color);}
.Sofbox-tab .nav-pills .nav-link .saas-works-box,.analysis-box{padding:30px 15px;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; border:1px solid transparent;}
.Sofbox-tab .nav-pills .nav-link.active .saas-works-box,.Sofbox-tab .nav-pills .saas-works-box:hover,.analysis-box:hover{box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); border:1px solid rgba(0, 0, 0, 0.03); }
.Sofbox-tab .tab-pane.fade.active.show{display: block;}
.Sofbox-tab .tab-pane.fade{display: none;}

/*---------------------------------------------------------------------
Blog
-----------------------------------------------------------------------*/
.iq-blog-box{position: relative;}
.owl-carousel .iq-blog-box .iq-blog-detail {display: inline-block; float: left; width: 100%; padding:15px 15px;}
 .iq-blog-box .iq-blog-detail{padding:15px 15px;}
.owl-carousel .iq-blog-box { margin: 0px 15px 50px;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; background: #ffffff;border-radius: 4px; }
.owl-carousel .iq-blog-box:hover{box-shadow: -6px 17px 30px 0px rgba(0, 0, 0, 0.06);}
.iq-blog-detail .iq-blog-meta li a{color: #8e989f;}
.iq-blog-detail .iq-blog-meta li a:hover{color: var(--primary-color);}
.iq-blog-detail .iq-blog-meta li { position: absolute; top: 20px; left: 20px; background: #fff; border-radius: 4px; font-size: 14px; padding: 2px 10px; }
.our-map .wpb_map_wraper:hover { -webkit-filter: none; filter: none; }
.our-map .wpb_map_wraper iframe{border-radius: 4px;}
.our-map .wpb_map_wraper { webkit-filter: grayscale(100%); filter: grayscale(100%); }
.social-team .info-share li a { width: 45px; height: 45px; line-height: 45px; background: var(--primary-color); display: block; color: #ffffff; text-align: center; border-radius: 90px; }
.social-team.color ul li a { position: relative; background: transparent; color: var(--primary-color); }
.social-team.color ul li a:hover { color: #ffffff; }
.social-team.color .info-share li a:hover:before { color: #ffffff; background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
.social-team.color .info-share li a:before { content: ""; width: 45px; background: #ebecf9; height: 45px; z-index: -1; line-height: 45px; color: var(--primary-color); position: absolute; left: 0; display: inline-block; border-radius: 90px; 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; }
.sofbox-blog .share-box .share-tag  a:first-child{margin-left: 15px;}
.share-box .share-tag  a { text-decoration: none; padding: 5px; background: rgba(0, 0, 0, 0.05); margin-right: 10px; border-radius: 4px; font-size: 12px;  }
.share-box {padding-top: 35px; border-top: 1px solid rgba(0, 0, 0, 0.05); clear: both; }
.sofbox-blog .share-box .share-tag  a:last-child { margin-right: 0px; }
/*---------------------------------------------------------------------
list
-----------------------------------------------------------------------*/
.iq-list { list-style: none; padding: 0; }
.iq-list li { margin-bottom: 10px; position: relative; }
.iq-list li i { color: var(--primary-color); margin-right: 10px; position: absolute; top: 8px; }
.iq-list li span { display: table-cell; padding-left: 30px; color:#1e1e1e;}
.iq-list li:last-child { margin-bottom: 0px; }
.Social-btn { width: 45px !important; text-align: center !important; height: 45px !important; }

/*---------------------------------------------------------------------
color pallet Style-1
-----------------------------------------------------------------------*/
.color-palette:hover{background: transparent;}
.color-palette .circle-icon i{font-size: 40px;}
.color-palette { padding: 30px; border-radius: 4px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 30px; background: #ffffff;}
.color-palette .circle-icon,.color-palette .color-text,.color-palette p{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; }
.color-palette:before ,.sox-services:before{ border-radius: 4px; content: "";  width: 100%; height: 100%; 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; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; }
.color-palette:hover:before,.sox-services:hover:before { opacity: 1; z-index: -1; }
.color-palette:hover .circle-icon:before{opacity: 0.4;}
.color-palette .circle-icon:before{border-radius: 90px; line-height: 80px; width: 80px; height: 80px;text-align: center; content: "";position: absolute; left: 0; top: 0; z-index: -1 ;opacity: 0.2;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;}
.color-palette .media:after { content: ""; background: url('../images/home-4/01.png'); display: inline-block; position: absolute; right: 10px; width: 95px; height: 95px; bottom: 10px; }
.color-palette .circle-icon { z-index: 0;width: 80px; height: 80px;  margin-right: 30px; color: #ffffff; position: relative; line-height: 80px;text-align: center;}
.color-palette:hover .color-text{color: #ffffff;}
.color-palette:hover p { color: #ffffff; }

/*color pallet box-1*/
.main-bg{background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); }
.color-palette.purple-hover:before ,.sox-services.purple-hover:before{background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);}
.color-palette.purple-hover.purple-arrow:after { content: ""; background: url('../images/home-4/arrow-1.png'); display: inline-block; position: absolute; left: -6%; width: 58px; height: 87px; bottom: -62%; }
.color-palette.purple-hover .circle-icon{color: #6e73ef ;}
.color-palette.purple-hover:hover .circle-icon{color: #ffffff;}
.color-palette.purple-hover .circle-icon:before{ background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(23, 51, 195) 100%); background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(23, 51, 195) 100%); background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(23, 51, 195) 100%);  }

/*color pallet box-2*/

.color-palette.org-hover:before ,.sox-services.org-hover:before{  background-image: -moz-linear-gradient( 0deg, rgb(255,121,109) 0%, rgb(255,175,167) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(255,121,109) 0%, rgb(255,175,167) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(255,121,109) 0%, rgb(255,175,167) 100%);
box-shadow: 0px 10px 20px 0px rgba(255, 121, 109, 0.4);}
.color-palette.org-hover.org-arrow:after { content: ""; background: url('../images/home-4/arrow-2.png'); display: inline-block; position: absolute; right: -6%; width: 58px; height: 87px; bottom: -62%; }
.color-palette.org-hover .circle-icon{color: #ff6a5c}
.color-palette.org-hover:hover .circle-icon{color: #ffffff}
.color-palette.org-hover .circle-icon:before{ background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,106,92) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,106,92) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,106,92) 100%);}

/*color pallet box-3*/

.color-palette.green-hover:before,.sox-services.green-hover:before{  background-image: -moz-linear-gradient( 0deg, rgb(108,218,193) 0%, rgb(144,227,209) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(108,218,193) 0%, rgb(144,227,209) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(108,218,193) 0%, rgb(144,227,209) 100%);box-shadow: 0px 10px 20px 0px rgba(100,218,193, 0.6);}
.color-palette.green-hover .circle-icon{color: #64d8be}
.color-palette.green-hover:hover .circle-icon{color: #ffffff;}
.color-palette.green-hover .circle-icon:before{background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(100,216,190) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(100,216,190) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(100,216,190) 100%);}

  /*color pallet box-4*/
.color-palette.yellow-hover:before,.sox-services.yellow-hover:before{  background-image: -moz-linear-gradient( 0deg, rgb(253, 184, 75) 0%, rgb(252, 211, 147) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(253, 184, 75) 0%, rgb(252, 211, 147) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(253, 184, 75) 0%, rgb(252, 211, 147) 100%);box-shadow: 0px 10px 20px 0px rgba(252,211,147, 0.6);}
.color-palette.yellow-hover .circle-icon{color: #fcd393}
.color-palette.yellow-hover:hover .circle-icon{color: #ffffff;}
.color-palette.yellow-hover .circle-icon:before{background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%,  rgb(248, 186, 89) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%,  rgb(248, 186, 89) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%,  rgb(248, 186, 89) 100%);}

/*---------------------------------------------------------------------
color pallet Style-2
-----------------------------------------------------------------------*/
.color-palette.style-three .media { display: block; padding: 30px; position: relative; z-index: 0 }
.color-palette.style-three.purple-hover:after, .color-palette.style-three.org-hover:after { display: none }
.color-palette.style-three .circle-style { position: absolute; left: 0; top: 0; }
.color-palette.style-three .media-body { margin-top: 120px; }
.color-palette.style-three .circle-icon { width: 120px; height: 120px; line-height: 120px; }
.color-palette.style-three  .circle-icon { position: inherit; }
.color-palette.style-three { padding: 0; }
.contact-box .color-palette.style-three { padding: 0; min-height: 282px;}
.color-palette.style-three:before{z-index: 0;}
.color-palette.style-three .circle-icon:before { border-top-left-radius: 6px; width: 120px; height: 120px; left: 0px; top: 0px; }

/*---------------------------------------------------------------------
Service-box process Style-2
-----------------------------------------------------------------------*/
.sox-services {border-radius: 4px;min-height: 160px; margin: 0px 0 30px; padding: 20px; z-index: 0; text-align: center;  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); position: relative; }
.sox-services .service-number{position: absolute; right: -15px ;top: -15px; width: 35px ;height: 35px ;line-height: 35px; background: rgba(111, 115, 240, 0.20); color: rgba(111, 115, 240, 1); border-radius: 90px; }
.sox-services .sox-icon h5{font-size: 18px;}
.sox-services .sox-icon i{font-size: 45px; }
.sox-services .sox-icon i,.sox-services .text-hover,.sox-services .service-number{ 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;}
.sox-services.org-hover .service-number{background: rgba(255, 121, 109, 0.4);}
.sox-services.purple-hover .service-number{background: rgba(111, 115, 240, 0.20); }
.sox-services.purple-hover:hover .service-number{box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);}
.sox-services.org-hover:hover .service-number{box-shadow: 0px 10px 20px 0px rgba(255, 121, 109, 0.4);}
.sox-services.green-hover:hover .service-number{box-shadow: 0px 10px 20px 0px rgba(100,218,193, 0.6);}
.sox-services.green-hover .service-number{background: rgba(108, 218, 193, 0.20);}
.sox-services.purple-hover .service-number,.sox-services.purple-hover .sox-icon i{color: #6f73f0;}
.sox-services.org-hover .service-number,.sox-services.org-hover .sox-icon i{color: #ff796d;}
.sox-services.green-hover .service-number,.sox-services.green-hover .sox-icon i{color: #6cdac1;}
.sox-services:hover i ,.sox-services:hover .text-hover{ color: #ffffff!important; }
.sox-services:hover .service-number{background: #ffffff;}

/*---------------------------------------------------------------------
Service-box Style-3
-----------------------------------------------------------------------*/
.sox-services.service-pattern { position: relative;background: #ffffff; }
.sox-services.service-pattern i{font-size: 45px;}
.sox-services.service-pattern{min-height: 160px;}
.sox-services.service-pattern:hover:after { z-index: -2; }
.sox-services.service-pattern:after { content: ""; width: 70px; height: 70px; background-image: radial-gradient(#6f73f0 1px, transparent 1px); background-size: 10px 10px; z-index: -2; content: ""; position: absolute; right: -20px; bottom: -20px; opacity: 0; transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }
.sox-services.service-pattern:hover:after { opacity: 1; }
.sox-services.service-pattern.purple-hover:after { background-image: radial-gradient(#6f73f0 1px, transparent 1px); }
.sox-services.service-pattern.org-hover:after { background-image: radial-gradient(#ff796d 1px, transparent 1px); }
.sox-services.service-pattern.green-hover:after { background-image: radial-gradient(#6cdac1 1px, transparent 1px); }
.sox-services.service-pattern.blue-hover:after { background-image: radial-gradient(var(--primary-color) 1px, transparent 1px); }
.color-palette.blue-hover:before,.sox-services.blue-hover:before{ background: var(--primary-color) ;}
.color-palette.blue-hover .circle-icon,.sox-services.blue-hover .sox-icon i{color:var(--primary-color) ;}
.color-palette.blue-hover:hover .circle-icon{color: #ffffff;}
.color-palette.blue-hover .circle-icon:before{background: var(--primary-color) ;}

/*---------------------------------------------------------------------
Testimonial Circle
-----------------------------------------------------------------------*/
.testimonial-circle { position: relative; display: inline-block; width: 550px; height: 550px; }
.testimonial-circle .testimonial-img:before { content: ""; border: 1px solid rgba(30, 30, 30, 0.1); -webkit-animation: anti-clockwise 25s linear 100000; animation: anti-clockwise 25s linear 100000; width: 500px; height: 500px; border-radius: 900px; display: inline-block; }
.testimonial-circle .testimonial-img {margin: 0 auto;display: block; width: 500px; height: 500px; position: relative;/*  animation-name: circle; */ animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; transition: all .4s ease; transform-origin: center center }
.testimonial-circle .circle-bg { width: 140px; text-align: center; position: relative; height: 140px; line-height: 140px; border-radius: 900px; background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
.testimonial-circle .dot-circle { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.testimonial-circle .effect-circle:before { background: url('../images/circle.html'); width: 210px; height: 210px; display: inline-block; content: ""; }
.testimonial-circle .effect-circle { width: 210px; height: 210px; border-radius: 900px; border: 1px solid rgba(255, 106, 92, 1); -webkit-animation: rotate-center 25s linear 100000; animation: rotate-center 25s linear 100000; }
.testimonial-circle .main-circle { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; margin-right: -50%; }
.testimonial-circle .testimonial-img ul li img { position: absolute; width: 75px; height: 75px; margin: 0 auto; border-radius: 90px; border: 2px solid #fff; }
.testimonial-circle .testimonial-img ul li:nth-child(1) img { top: -38px; left: -16px; right: 0; }
.testimonial-circle .testimonial-img ul li:nth-child(2) img { top: 10%; left: 4%; }
.testimonial-circle .testimonial-img ul li:nth-child(3) img { top: 10%; right: 4%; }
.testimonial-circle .testimonial-img ul li:nth-child(4) img { top: 44%; right: -6%; }
.testimonial-circle .testimonial-img ul li:nth-child(5) img { top: 44%; left: -6%; }
.testimonial-circle .testimonial-img ul li:nth-child(6) img { top: 78%; left: 8%; }
.testimonial-circle .testimonial-img ul li:nth-child(7) img { top: 78%; right: 8%; }
.testimonial-circle .testimonial-img ul li:nth-child(8) img { bottom: -6%; left: 43%; }
@keyframes circle {
  0% { transform: rotate(0deg) }
  15% { transform: rotate(2deg) }
  33% { transform: rotate(4deg) }
  66% { transform: rotate(2deg) }
  100% { transform: rotate(0deg) }
}

/*
 ----------------------------------------
    animation rotate-center
  ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate-center {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes anti-clockwise {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@keyframes anti-clockwise{
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

/*
 ----------------------------------------
   PopUp Images Effect left
  ----------------------------------------
 */
 .popup-images{position: relative;}
.popup-images.align-left .img-one img{ position: relative; left: -27%; max-width: none !important; }
.popup-images.align-left .img-two { left: 306px;  top: 0px ; }
.popup-images.align-left .img-three{left: -158px;
   top: 195px;  }


   /*---------------------------------------------------------------------
PopUp Images Effect  Right
-----------------------------------------------------------------------*/
.sofbox-fullrside-img .iq-objects.style-one.right-top .iq-objects-01 img { right: -318px; top: 0px; max-width: 140%; z-index: -2; }
.sofbox-fullrside-img .iq-objects.style-two .iq-objects-03 img { left: inherit; bottom: -18%; right: -10%; }
.popup-images.align-right { text-align: right; }
.popup-images.align-right .img-one img { position: relative;  right: 0; }
.popup-images.align-right .img-two { left: 22% ; bottom: -6% ; }
.popup-images.align-right .img-three { top: -10%; right: -17%; }
.popup-images.align-right .img-four { bottom: -8%; right: -4%; }

/*
 ----------------------------------------
   Flting layer
  ----------------------------------------
 */
@keyframes bounces {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}
@-webkit-keyframes bounces {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}
.iq-objects.style-two .iq-objects-03 img,.iq-objects.style-two .iq-objects-02 img{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;-webkit-animation: bounces 2s infinite alternate;}
.iq-objects.style-two .iq-objects-03 img {    position: absolute;
    z-index: -1;
    left: -15%;
    right: 0;
    bottom: 0;}
.iq-objects.style-one.left-top .iq-objects-01 img{position: absolute; left: -700px; top: 0; z-index: -2;}
.iq-objects.style-two.left-top .iq-objects-02 img { position: absolute; left: -300px; top: 0; z-index: -2;  -webkit-animation: bounces 2s infinite alternate; max-width: 130%;}
.iq-objects.style-two.right-top .iq-objects-02 img{position: absolute; right: -300px; top: 0; z-index: -2; -webkit-animation: bounces 2s infinite alternate;}
.iq-objects.style-one .iq-objects-01 img{ -webkit-animation: bounces 2s infinite alternate;z-index: -1;}
.iq-objects.style-one.right-top .iq-objects-01 img { position: absolute; right: -700px; top: 0; z-index: -2; }
.iq-objects.style-one.left .iq-objects-01 img{position: absolute; left: -45%; bottom: 0;}

.uniq-round .iq-objects.style-one.right-top .iq-objects-01 img{right: -500px;top: 25%;}

/*---------------------------------------------------------------------
 Testimonial style 1
-----------------------------------------------------------------------*/
.testimonial-style.owl-carousel .testimonial-info:before { content: ""; display: inline-block; position: absolute; font-size: 84px; width: 205px; background: url(../images/qu.png)no-repeat; height: 140px; opacity: 1; top: 111%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 1; }
.testimonial-style.owl-carousel .owl-item .testimonial-info img { width: 65px; height: 65px; display: inline-block; margin-bottom: 45px; box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.1); border: 2px solid #ffffff; }
.testimonial-style.owl-carousel .testimonial-name { text-align: center; position: relative; z-index: 1; display: block; }
.testimonial-style.owl-carousel .testimonial-name .content { display: inline-block; }
.testimonial-style.owl-carousel .iq-testimonial p { margin-bottom: 0; z-index: 1; position: relative; }
.testimonial-style.owl-carousel .owl-dots { position: absolute; bottom: 0px; }
.testimonial-style.owl-carousel .iq-testimonial { padding: 45px 30px; margin: 52px 30px 70px 30px; box-shadow: -6px 15px 30px 0px rgba(0, 0, 0, 0.08); background: #ffffff; border-radius: 4px; display: block; position: relative; }
.testimonial-style.owl-carousel  .iq-testimonial:before { content: ""; position: absolute; bottom: -12px; width: 90%; z-index: -1;  border-radius: 4px; height: 100%; background: #fff; box-shadow: -6px 15px 30px 0px rgba(0, 0, 0, 0.08); }
.testimonial-style.owl-carousel  .iq-testimonial:after { content: ""; position: absolute; bottom: -24px; width: 82%; left: 0; margin: 0 auto; right: 0; z-index: -2; border-radius: 4px;  height: 100%; background: #fff; box-shadow: -6px 15px 30px 0px rgba(0, 0, 0, 0.08); }
.testimonial-style  .testimonial-info { position: relative; text-align: center; display: block; margin-bottom: 25px; }
.test-shadow .testimonial-style.owl-carousel .iq-testimonial{margin: 15px 36px 66px 36px;}
.test-shadow .testimonial-style.owl-carousel .owl-dots { position: absolute; top: 68%; left: -106%; width: auto; }
/*---------------------------------------------------------------------
 Testimonial style 2
-----------------------------------------------------------------------*/
.our-testimonial .iq-testimonial { padding: 30px; margin-bottom: 25px; }
.our-testimonial.owl-carousel .owl-dots .owl-dot.active { background: var(--primary-color); border: 1px solid var(--primary-color); }
.our-testimonial.owl-carousel .owl-dots { position: absolute; width: auto; left: 30px; bottom: 0; }
.our-testimonial.owl-carousel .owl-dots .owl-dot { background: transparent; border: 1px solid var(--primary-color); }
.our-testimonial .iq-testimonial p { font-style: italic; }
.our-testimonial.owl-carousel .owl-item .testimonial-info img { width: 65px; height: 65px; margin-right: 25px; }
.our-testimonial .testimonial-info { position: relative; text-align: left; display: flex; }
.our-testimonial .testimonial-name span { color: #8e989f; }
.our-testimonial .owl-stage-outer{position: relative;}
.our-testimonial .owl-stage-outer:before { content: ""; display: inline-block; position: absolute; font-size: 84px; width: 205px; font-family: "Font Awesome 5 Free"; background: url(../images/quotes.html)no-repeat; height: 140px; opacity: 1; left: 10px; top: 0px; z-index: -1; }
.our-testimonial .testimonial-name { flex: 1; }

/*---------------------------------------------------------------------
 Testimonial style 3
-----------------------------------------------------------------------*/
.our-testimonial.style-three{ padding: 0; }
.our-testimonial.style-three{position: relative;}
.our-testimonial .owl-stage-outer:before{display: none;}
.our-testimonial.style-three:before{content: "";
    display: inline-block;
    position: absolute;
    background: url(../images/qu.png)no-repeat;
    height: 130px;
    opacity: 1;
    width: 205px;
    top: 62px;
    left: 29%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: -1;}


.fancy-icon{margin-bottom: 45px;}
.fancy-icon .media img{position: relative; width:70px ; height: 70px;}
.fancy-icon .media img:before{content: "";position: absolute; top: 0;left: 0; width: 80px;font-size: 30px; height: 80px; line-height: 80px;background: #f5f2ff;text-align: center; margin-right: 15px; border-radius: 90px;}
.fancy-icon .media .media-body{ padding-left: 130px;}
.fancy-icon .media .fancy-img img{    width: 100px;
    height: 100px;
    max-width: initial;}
.fancy-icon .media .fancy-img i{font-size: 40px;line-height: 80px;color:var(--primary-color)}
.fancy-icon .media .fancy-img{width: 80px;height: 80px; line-height: 80px; content: ""; text-align: center; border-radius: 90px; position: absolute;}

.shap-one{padding-top: 250px !important;}
.over-view-pt{padding-top: 200px !important;}


/* ----------------------------------------------
 * Generated by Animista on 2019-11-13 15:46:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/*---------------------------------------------------------------------
 animation rotate-effect-two
-----------------------------------------------------------------------*/
/* .card-img-effect .main-img img{transform: rotate(-25deg); } */
.card-img-effect .main-img{z-index: 2 ;position: relative;}
.card-img-effect .sub-img img{position: absolute; bottom: 105px;
    right: 21%; z-index: 0; }

 .rotate-effect-two { -webkit-animation: rotate-effect-two 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: rotate-effect-two 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
@-webkit-keyframes rotate-effect-two {
  0% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; }
}
@keyframes rotate-effect-two {
  0% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; }
}

.rotate-effect-one { -webkit-animation: rotate-effect-one 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: rotate-effect-one 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }

@-webkit-keyframes rotate-effect-one {
  0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; }
}
@keyframes rotate-effect-one {
  0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; }
  100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; }
}

/*---------------------------------------------------------------------
 Box-effect style one( Feature box one)
-----------------------------------------------------------------------*/
.box-effect .icon-box span.country{margin-bottom: 30px; display: inline-block;}
.box-effect .blue-btn.link-button{display: inline-block; margin-top: 15px !important; position: relative;}
.box-effect .blue-btn.link-button:after{    content: "\f363";
    position: absolute;
    right: -12px;
    top: -2px;
    font-family: "Ionicons";
    font-size: 18px;}
   .box-effect .blue-btn.link-button:hover:after {right: -15px;}
.box-effect.text-center .img-effect{margin: 0 auto;}
.box-effect.shadow-effect.selected{box-shadow: 0 44px 98px 0 rgba(0,0,0,.12);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;}
.box-effect.shadow-effect{background: #f7fafd;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;}
.box-effect{padding:30px; 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; margin-bottom: 30px; border-radius: 4px;}
.box-effect.selected{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;}
.box-effect .img-effect i { font-size: 40px; margin-top: 45px; }
.box-effect .img-effect img { width: auto;   }
.box-effect .img-effect {  content: "";   border-radius: 90px; position: relative;}
.box-effect .img-effect.shadow-effect img{  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08); }
.box-effect .img-effect.circle-image img{border-radius: 900px;}
.box-effect.box-shadow{box-shadow: 0 44px 98px 0 rgba(0,0,0,.12); padding: 50px 30px !important;}
.box-effect.box-shadow .img-effect.mb-4{margin-bottom: 0 !important;}
.box-effect.box-shadow img{margin-bottom: 40px !important;}
.box-effect.box-shadow i{margin-bottom: 30px !important;}
.box-effect.box-shadow i:before{font-size: 60px; line-height: 60px;}

.box-effect .img-effect .pattern-one:before,.box-effect .img-effect .pattern-two:before,.box-effect .img-effect .pattern-three:before{position: absolute; content: ""; top: 0; width: 22px; height: 22px; opacity: 0; 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;}
.box-effect.selected .img-effect .pattern-one:before,.box-effect.selected .img-effect .pattern-two:before,.box-effect.selected .img-effect .pattern-three:before{opacity: 1;}
.box-effect .img-effect .pattern-one:before{background: url('../images/one.html')no-repeat;top: 24px; right: 14px;-webkit-animation: rotate-center 10s linear 100000; animation: rotate-center 10s linear 100000;}
.box-effect .img-effect .pattern-two:before{background: url('../images/two.html')no-repeat;top: 20px; left: -5px; -webkit-animation: bounces 2s infinite alternate; }
.box-effect .img-effect .pattern-three:before{background: url('../images/three.html')no-repeat; top: -10px; }
.box-effect-transparent .box-effect{background: transparent;}
.box-effect-transparent .box-effect.selected{background: #f7fafd;}







/*---------------------------------------------------------------------
 Box-effect style one( Feature box Two)
-----------------------------------------------------------------------*/
.box-effect-two { padding: 30px; position: relative; overflow: hidden; border-radius: 12px; top: 0;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;}
.box-effect-two .img-effect img { width: auto;  }
.box-effect-two.selected:before { -webkit-transform: scaleX(1); -khtml-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.box-effect-two:before { content: ''; position: absolute; bottom: 0; background: #6f73f0; left: 0;height: 4px;  width: 100%; -webkit-transform: scaleX(0); -khtml-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); z-index: 0; -webkit-transition: all .3s linear 0ms; -khtml-transition: all .3s linear 0ms; -moz-transition: all .3s linear 0ms; -ms-transition: all .3s linear 0ms; -o-transition: all .3s linear 0ms; transition: all .3s linear 0ms; }
.box-effect-two.selected { box-shadow: 0 44px 98px 0 rgba(0,0,0,.12); 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; background: #ffffff; top: -4px;}

/*---------------------------------------------------------------------
 Box-effect ( Feature box four with background effect)
-----------------------------------------------------------------------*/
.box-effect-two.bg-img.selected .icon-box img.fancy-list-img {  opacity: 1; z-index: 0;}
.box-effect-two.bg-img { padding:50px 30px;}
.box-effect-two.bg-img:before {display: none;}
.box-effect-two.bg-img.selected {z-index: 0;}
.box-effect-two.bg-img .feature-details{position: relative; z-index: 1;}
.box-effect-two.bg-img .icon-box img.fancy-list-img { position: absolute; left: 0;top: 0; z-index: -1; 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; opacity: 0 }

/*---------------------------------------------------------------------
Counter
-----------------------------------------------------------------------*/
.iq-timer.counter-vertical .timer-details .timer ,.iq-timer.counter-vertical .timer-details .total-cust ,.timer-details .price{font-size:35px;color: #ffffff;}
.iq-timer.counter-vertical .timer-details i{font-size:30px;color: #ffffff;}
.iq-timer.counter-vertical .timer-details p{margin-top: 50px;}
.iq-timer.counter-vertical .timer-details{color: #ffffff; text-align: center;}


/*---------------------------------------------------------------------
border effect
-----------------------------------------------------------------------*/
.border-effect{    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;}
.title-saas {position: relative;background:  #ffffff;height: 30px;width: 2px;overflow: hidden;}
.title-saas::after, .title-saas::before { content: ""; position: absolute; background: var(--primary-color); width:2px; height:3px; left: 0; z-index: 1; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: MOVE-BG; animation-name: MOVE-BG; }
@-webkit-keyframes MOVE-BG {
  from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(60px); transform: translateY(60px); }
}
@keyframes MOVE-BG {
  from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(60px); transform: translateY(60px); }
}

/*---------------------------------------------------------------------
Mobile image effect
-----------------------------------------------------------------------*/
.mobile-effect{position: relative;}
.mobile-effect .img-one img{position: absolute; top: -193px ;left: -22px;}
.mobile-effect .img-two img{position: absolute; top: 211px ;left: 46%;}
.mobile-effect .img-three img{position: absolute; top: -88px;left: 66%;}
.mobile-effect .img-four img{position: absolute; top: 312px;left: 114%;}
.mobile-effect .img-five img{position: absolute; top: -124px;right: -100%;}

/*---------------------------------------------------------------------
Our Team
-----------------------------------------------------------------------*/
ul.our-new-team {width: 100%; float: left;padding: 0;}
ul.our-new-team li:first-child{width: 40%;}
ul.our-new-team li img{width: 100%;}
ul.our-new-team li{display: inline-block; padding: 5px; float: left; width: 20%;}

ul.our-new-team .team-blog { position: relative; text-align: center; overflow: hidden; }
ul.our-new-team .team-blog:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);  opacity: 0; }
ul.our-new-team .team-blog .team-description { position: absolute; width: 100%; bottom: 0%; left: 0; color: #ffffff; margin-top: -20px; padding: 0; opacity: 0; font-size: 16px; display: inline-block;}
ul.our-new-team .team-blog .team-description a:hover { color: #222222; }
ul.our-new-team .team-blog:hover:before { opacity: 0.9; }
ul.our-new-team .team-blog .team-social { position: absolute; left: 0; bottom: 0%; width: 100%; opacity: 0; display: inline-block;}
ul.our-new-team .team-blog .team-social ul { width: 100%; display: inline-block; padding: 0px 10px; }
ul.our-new-team .team-blog .team-social ul li { display: inline-block; width: auto;float: inherit}
ul.our-new-team .team-blog .team-social ul li a { color: #ffffff; padding: 4px; }
ul.our-new-team .team-blog .team-social ul li a:hover { color: #1e1e1e; }
ul.our-new-team .team-blog .team-social ul li a i { font-size: 18px; display: inline-block; float: none; text-align: center; background: transparent; }
ul.our-new-team .team-blog:before, ul.our-new-team .team-blog:hover:before, ul.our-new-team .team-blog:hover .team-description, ul.our-new-team .team-blog:hover .team-social, ul.our-new-team .team-blog .team-social { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
ul.our-new-team .team-blog:hover .team-description { bottom: 30%; opacity: 1; }
ul.our-new-team .team-blog:hover .team-social { bottom: 6%; opacity: 1; }
ul.our-new-team li:first-child .team-blog:hover  .team-description{bottom: 20%;}
ul.our-new-team p { margin-bottom: 0; font-size: 14px; }
ul.our-new-team .team-blog .team-images img { width: 100%; webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
ul.our-new-team .team-blog:hover .team-images img {-webkit-filter: none;
    filter: none;}
.iq-team7.team-top{margin-top: -110px;}
ul.our-new-team .iq-link{color: #ffffff; position: relative;}
ul.our-new-team .iq-link:before{position: absolute; bottom: 6px; left: 0; height:4px; width:0; content: ""; background:rgba(255, 255, 255, 0.8);-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
ul.our-new-team .iq-link:hover:before{width:100%;}

/*---------------------------------------------------------------------
Our Team style  two
-----------------------------------------------------------------------*/
 ul.our-new-team.style-two li:first-child { width: 20%; }


/*---------------------------------------------------------------------
About us style box
-----------------------------------------------------------------------*/
.about-style { position: relative; }
.about-style .circle-bg { width: 80px;  text-align: center; position: relative; height: 80px; border-radius: 900px;  }
.about-style .circle-bg i { font-size: 40px; line-height: 80px; }
.about-style .circle-bg img{width: 50px; margin-top: 15px;}
.about-style .main-circle { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
@-webkit-keyframes iq-circle-effect {
  0% { -webkit-transform: rotate(30deg); transform: rotate(30deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-moz-keyframes iq-circle-effect {
  0% { -moz-transform: rotate(30deg); transform: rotate(30deg) }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg) }
}
@-o-keyframes iq-circle-effect {
  0% { -o-transform: rotate(30deg); transform: rotate(30deg) }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes iq-circle-effect {
  0% { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg) }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
.about-style:hover .effect-circle { webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; }
.about-style .effect-circle { width: 180px; height: 180px; border-radius: 900px; border: 1px solid rgba(255, 106, 92, 1); position: absolute; -webkit-animation: iq-circle-effect 10s infinite linear; -moz-animation: iq-circle-effect 10s infinite linear; -o-animation: iq-circle-effect 10s infinite linear; animation: iq-circle-effect 10s infinite linear; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }
.about-style .dot-circle { position: relative; width: 180px; height: 180px; display: inline-block;margin-bottom: 30px; }
.about-style .effect-circle:before { width: 10px; height: 10px; top: -5px; background: #ffffff; border: 1px solid #6f73f0; border-radius: 90px; display: inline-block; position: absolute; content: "";opacity: 1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.about-style:hover .effect-circle:before {opacity: 1;}

.about-style.purple-hover .effect-circle{border: 1px solid rgba(139, 118, 246, 0.6);}
.about-style.purple-hover .circle-bg {background: rgba(139, 118, 246, 0.2);}
.about-style.purple-hover .main-circle i{color:#6f73f0; }
.about-style.purple-hover .effect-circle:before {border-color:#6f73f0; }

.about-style.org-hover .effect-circle{border: 1px solid rgba(255, 106, 92, 0.6);}
.about-style.org-hover .circle-bg {background: rgba(255, 106, 92, 0.2);}
.about-style.org-hover .main-circle i{color:#ff796d; }
.about-style.org-hover .effect-circle:before {border-color:#ff796d; }

.about-style.green-hover .effect-circle{border: 1px solid rgba(100,218,193, 0.6);}
.about-style.green-hover .circle-bg {background: rgba(100,218,193, 0.2);}
.about-style.green-hover .main-circle i{color:#6cdac1; }
.about-style.green-hover .effect-circle:before {border-color:#6cdac1; }


/*---------------------------------------------------------------------
Swiper Slider(about-us page-2)
-----------------------------------------------------------------------*/
.over-history-blog.swiper-container .consulting-project .project-details { text-align: left; }
.over-history-blog.swiper-container .project-year { position: relative; margin-bottom: 15px; }
.over-history-blog.swiper-container .swiper-slide { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 30px; margin-top: 30px; }
.over-history-blog.swiper-container .project-year:before { position: absolute; content: ""; left: 0; top: -40px; right: 0; width: 20px; height: 20px; background-image: -moz-linear-gradient( 0deg, rgb(109,115,239) 0%, rgb(163,120,252) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(109,115,239) 0%, rgb(163,120,252) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(109,115,239) 0%, rgb(163,120,252) 100%); margin: 0 auto; border-radius: 90px; }
.swiper-container.over-history-blog .swiper-scrollbar{background: rgba(30, 30, 30, 0.04);}
/*---------------------------------------------------------------------
Consulting Project
-----------------------------------------------------------------------*/
.consulting-project { position: relative; margin: 30px 15px; padding: 10px; background: #ffffff; 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;display: inline-block;  -webkit-box-shadow:  0px 15px 15px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:  0px 15px 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.05); border-radius: 4px;}
.swiper-scrollbar { background: #f7f7f9; }
.consulting-project .project-details { text-align: center; padding: 15px; }
.consulting-project .project-details span { font-weight: normal; color: #6f73f0; font-family: var(--body-font-family); margin-bottom: 10px; }
.consulting-project .project-button span { color: #ffffff; }
.consulting-project .consult-effect:before { content: ""; transition: all 5s ease-in-out; transition: all 5s ease-in-out; -moz-transition: all 5s ease-in-out; -ms-transition: all 5s ease-in-out; -o-transition: all 5s ease-in-out; -webkit-transition: all 5s ease-in-out; opacity: 1; z-index: 1; height: 100px; width: 100%; position: absolute; bottom: -120px; left: 0; -ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-3deg);background-image: -moz-linear-gradient( 0deg, rgb(109,115,239) 0%, rgb(163,120,252) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(109,115,239) 0%, rgb(163,120,252) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(109,115,239) 0%, rgb(163,120,252) 100%);content: ""; z-index: 1; 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; }
.consulting-project:hover .consult-effect:before { bottom: -93px; content: ""; }


/*---------------------------------------------------------------------
Dot Pulse
-----------------------------------------------------------------------*/
.loader-dot { position: absolute; width: 30%; height: 0px; padding-top: 28%;    right: -40%; top: 32%; transform: translateX(-50%) translateY(-50%); }
.loader-dot div:nth-child(1) { position: absolute; left: 15%; top: 38%; width: 8px; height: 8px; background-color: #e7eaf3; border-radius: 100%; transform: translateX(-50%) translateY(-50%); animation: wobble 1s linear 0.2s infinite; }
.loader-dot div:nth-child(2) { position: absolute; left: 30%; top: 38%; width: 8px; height: 8px; background-color: #e7eaf3; border-radius: 100%; transform: translateX(-50%) translateY(-50%); animation: wobble 1s linear 0.4s infinite; }
.loader-dot div:nth-child(3) { position: absolute; left: 45%; top: 38%; width: 8px; height: 8px; background-color: #e7eaf3; border-radius: 100%; transform: translateX(-50%) translateY(-50%); animation: wobble 1s linear 0.6s infinite; }
@keyframes wobble {
  0%, 50%, 75% { transform: translateX(-50%) translateY(-50%) scale(1); }
  25% { transform: translateX(-50%) translateY(-50%) scale(1.4); }
}
.testimonial-style.owl-carousel .testimonial-info:before { content: ""; display: inline-block; position: absolute; background: url(../images/home-1/qu.png)no-repeat; height: 140px; opacity: 1; top: 111%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 1; }

/*---------------------------------------------------------------------
Images jump effect
-----------------------------------------------------------------------*/
.bg-img-jump.left, .bg-img-jump.right { position: relative; }
.bg-img-jump img { position: absolute; border-radius: 90px; width: 60px;}
.bg-img-jump.left  .img-two { position: absolute; left: -26%; top: -26%; }
.bg-img-jump.left  .img-one { position: absolute; left: 18%; top: -100px; }
.bg-img-jump.left  .img-three { position: absolute; left: -15%; top: 132px; }
.bg-img-jump.left  .img-four { position: absolute; top: 200px; left: -32%; }
.bg-img-jump.right .img-two { position: absolute; right: -26%; top: -26%; }
.bg-img-jump.right .img-one { position: absolute; right: 18%; top: -100px; }
.bg-img-jump.right .img-three { position: absolute; right: -15%; top: 132px; }
.bg-img-jump.right .img-four { position: absolute; top: 200px; right: -32%; }

/*---------------------------------------------------------------------
Advance-Feature
-----------------------------------------------------------------------*/
.lightbluegradient-bg:before { background-image: -moz-linear-gradient(90deg, rgba(30, 187, 240, 0) 0%, rgba(55, 125, 254, 0.10196) 100%); background-image: -webkit-linear-gradient(90deg, rgba(30, 187, 240, 0) 0%, rgba(55, 125, 254, 0.10196) 100%); background-image: -ms-linear-gradient(90deg, rgba(30, 187, 240, 0) 0%, rgba(55, 125, 254, 0.10196) 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; content: "" !important; }
.advance-feature .user-count, .advance-feature .month-count, .advance-feature .total-count { display: inline-block; width: 25%; margin-bottom: 45px; }
.advance-feature .pricing-table{ position: absolute; top: 10%; left: 14%; }
.advance-feature .pricing-table ul{padding:10px; border:1px solid rgb(118, 124, 240,0.2); }
.advance-feature .col-lg-6.border-right-0  { padding: 45px; border: 1px solid #eff1fe;  border-bottom-left-radius: 4px;  border-top-left-radius: 4px;}
.advance-feature .col-lg-6 { padding: 45px; border: 1px solid #eff1fe;  border-bottom-right-radius: 4px;  border-top-right-radius: 4px;}
.advance-feature .col-lg-6.btn-top { padding-top: 180px; }
.advance-feature .user-count, .advance-feature .month-count { margin-right: 30px; }
.advance-feature .user-count, .advance-feature .month-count { position: relative; }
.advance-feature .month-count:before { content: "="; position: absolute; right: -23px; top: 48%; color: #1e1e1e; font-family: "Ionicons"; }
.advance-feature .service-price ul li { list-style: none; margin-bottom: 15px;color: #1e1e1e; }
.advance-feature .service-price ul { position: relative;
    padding-left: 110px;}
.advance-feature  input[type="range"] { width: 100%; height: 28px; outline: none; border: 0; padding: 0 8px; margin: 25px 0; }
.advance-feature .user-count:before { content: "\f2c7"; position: absolute; right: -23px; top: 48%; color: #1e1e1e; font-family: "Ionicons"; }
.advance-feature .service-price input[type=checkbox]{width:20px;}
.advance-feature .nav-pills .nav-item{margin-right: 15px;}
.advance-feature .nav-pills .nav-item:last-child{margin-right: 0px;}
.advance-feature .nav-pills .nav-link{color: #1e1e1e;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  border-radius: 4px; padding: 10px 30px; border: none; position: relative; display: inline-block;  background-size: 200% auto;cursor: pointer;z-index: 4;background-color: rgb(118, 124, 240,0.4); }
.advance-feature .nav-pills .nav-link.active{color: #ffffff;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  border-radius: 4px; padding: 10px 30px; border: none; position: relative; display: inline-block;  background-size: 200% auto; background-image: linear-gradient(to right, var(--linear-color-1) 0%, var(--linear-color-2) 51%, var(--linear-color-3) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);cursor: pointer;z-index: 4; }
.advance-feature input[type=range].input-range { -webkit-appearance: none;box-shadow: none; width: 100%; height: 5px; border-radius: 5px; background: rgba(30, 30, 30, 0.48); outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; }
.advance-feature input[type=range].input-range:hover { opacity: 1; }
.advance-feature input[type=range].input-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background:  var(--linear-color-2); cursor: pointer;  box-shadow: 0px 10px 20px 0px rgb(109,115,239,0.4);}

.advance-feature [type="checkbox"]:checked,.advance-feature [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }
.advance-feature [type="checkbox"]:checked + label,.advance-feature [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.advance-feature [type="checkbox"]:checked + label:before,.advance-feature [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid var(--primary-color); background: #fff; border-radius: 90px; }
.advance-feature [type="checkbox"]:checked + label:after,.advance-feature [type="checkbox"]:not(:checked) + label:after { content: ''; width: 4px; height: 4px; background: var(--primary-color); position: absolute; top: 8px; left: 8px; border-radius: 90px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.advance-feature .form-control:disabled, .advance-feature .form-control[readonly] { background: #ffffff; border-radius: 4px; }
.advance-feature [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.advance-feature [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }


.ui.range { width: 100%; height: 20px; }
.ui.range .inner { height: 20px; position: relative; }
.ui.range .inner:hover { cursor: pointer; }
.ui.range .inner .track { position: absolute; width: 100%; height: 5px; border-radius: 4px; top: 9px; left: 0; background-color: rgba(0, 0, 0, .05); }
.ui.inverted.range .inner .track { background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
.ui.range .inner .track-fill { position: absolute; width: 0; height: 5px; border-radius: 4px; top: 9px; left: 0; background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
.ui.inverted.range .inner .track-fill { background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
.ui.range .inner .thumb { position: absolute; top: 0; left: 0; height: 20px; width: 20px;border-radius: 90px; background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);}


/*---------------------------------------------------------------------
Banner-shap
-----------------------------------------------------------------------*/
.banner-one-shap .iq-objects.style-two.left-top .iq-objects-02 img { left: inherit; z-index: -1; right: -62%; width: 800px; }
.banner-one-shap .iq-objects.style-two .iq-objects-03 img { width: 400px; left: -400px; bottom: 0; }
.banner-overlap{position: relative; z-index: 0;}
/*---------------------------------------------------------------------
Pricing Table
-----------------------------------------------------------------------*/
.iq-pricing .month-price h2 ,.iq-pricing .month-price h6{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; color: #1e1e1e;}
.iq-pricing:hover .month-price h2 ,.iq-pricing:hover .month-price h6{color: #ffffff;     z-index: 1;
    position: relative;}
.iq-pricing1{
  box-shadow: 0px 8px 57.4px 12.6px rgb(0 0 0 / 4%);
}



.iq-pricing:hover{
  transform: translateY(-10px);
}
.iq-pricing3{
  box-shadow: none;
}


.iq-pricing.iq-pricingbg{background-color: #FC3C4D !important; color: #ffffff;
}
.iq-pricing ul { margin-bottom: 0; padding: 0; margin-top: 30px;  }
.iq-pricing ul li { margin-bottom: 30px; list-style: none; }
.iq-pricing .month-circle { position: absolute;
    top: 0;
    left: 0; }
.iq-pricing .main-title { text-align: right; }
.iq-pricing .main-title .title { padding: 45px; }
.iq-pricing .month-price { padding-top: 15px; width: 120px; height: 120px; background-color: #ffffff; border-radius: 50%; border-top-left-radius: 0;  }
.iq-pricing { padding: 10px 10px 0; background: #ffffff; border: 1px solid transparent;  border-radius: 10px; 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; margin-bottom: 30px; }
.iq-pricing:hover{box-shadow: 0px 8px 57.4px 12.6px rgba(0, 0, 0, 0.08); border: solid 1px transparent;}
.iq-pricing .price-title {  min-height: 150px;position: relative; }
.iq-pricing .price-footer .button {margin-bottom: 45px;}

.iq-pricing.green-hover {border: 1px solid rgba(100, 218, 193, 0.4);}
.iq-pricing.green-hover:hover{border: solid 1px transparent;}
.iq-pricing.green-hover .price-footer .button { margin-bottom: 45px; background: rgba(100, 218, 193, 0.2) !important; color: #6cdac1; position: relative;}
.iq-pricing.green-hover .price-footer .button:hover { margin-bottom: 45px; background: rgba(100, 218, 193, 1) !important; color: #ffffff;}
.iq-pricing.green-hover:hover .month-price{background: rgba(100, 218, 193, 1);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; }
.iq-pricing.green-hover .price-title { background: rgba(100, 218, 193, 0.2); min-height: 150px; position: relative;}

.iq-pricing.org-hover {border: 1px solid rgba(255, 121, 109, 0.4);}
.iq-pricing.org-hover:hover {border: solid 1px transparent;}
.iq-pricing.org-hover .price-footer .button { margin-bottom: 45px; background: rgba(255, 121, 109, 0.2) !important; color: #ff796d;}
.iq-pricing.org-hover .price-footer .button:hover { margin-bottom: 45px; background: rgba(255, 121, 109, 1) !important; color: #ffffff;}
.iq-pricing.org-hover:hover .month-price{background: rgba(255, 121, 109, 1);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; }
.iq-pricing.org-hover .price-title { background: rgba(255, 121, 109, 0.2); min-height: 150px; }

.iq-pricing.purple-hover {border: 1px solid rgba(139, 118, 246, 0.4);}
.iq-pricing.purple-hover:hover {border: 1px solid transparent;}
.iq-pricing.purple-hover .price-footer .button { margin-bottom: 45px; background: rgba(139, 118, 246, 0.2) !important; color: #6f73f0;}
.iq-pricing.purple-hover .price-footer .button:hover { margin-bottom: 45px; background: rgba(139, 118, 246, 1) !important; color: #ffffff;}
.iq-pricing.purple-hover:hover .month-price{background: rgba(139, 118, 246, 1);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; }
.iq-pricing.purple-hover .price-title { background: rgba(139, 118, 246, 0.2); min-height: 150px; }

.iq-pricing.blue-hover {border: 1px solid rgba(55, 125, 255, 0.4);}
.iq-pricing.blue-hover:hover{border: solid 1px transparent;}
.iq-pricing.blue-hover .price-footer .button { margin-bottom: 45px; background: rgba(55, 125, 255, 0.2)!important;  position: relative;}
.iq-pricing.blue-hover .price-footer .button:hover { margin-bottom: 45px; background: rgba(55, 125, 255, 1)!important; color: #ffffff;}
.iq-pricing.blue-hover:hover .month-price{background: rgba(55, 125, 255, 1);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; }
.iq-pricing.blue-hover .price-title { background: rgba(55, 125, 255, 0.4); min-height: 150px; position: relative;}

.month-price:before { border-radius: 6px; content: ""; width: 100%; height: 100%; 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; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; border-top-left-radius: 0; width: 120px; height: 120px; background-color: #ffffff; border-radius: 50%; border-top-left-radius: 0; }
.iq-pricing.purple-hover:hover  .month-price:before { opacity: 1; background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); z-index: 0; }
.iq-pricing.org-hover:hover  .month-price:before { opacity: 1;   background-image: -moz-linear-gradient( -60deg, rgb(254,86,5) 0%, rgb(255,145,92) 100%);
  background-image: -webkit-linear-gradient( -60deg, rgb(254,86,5) 0%, rgb(255,145,92) 100%);
  background-image: -ms-linear-gradient( -60deg, rgb(254,86,5) 0%, rgb(255,145,92) 100%); box-shadow: 0px 10px 20px 0px rgba(255, 121, 109, 0.4); z-index: 0; }
.iq-pricing.green-hover:hover  .month-price:before { opacity: 1; background-image: -moz-linear-gradient(0deg, rgb(108, 218, 193) 0%, rgb(144, 227, 209) 100%); background-image: -webkit-linear-gradient(0deg, rgb(108, 218, 193) 0%, rgb(144, 227, 209) 100%); background-image: -ms-linear-gradient(0deg, rgb(108, 218, 193) 0%, rgb(144, 227, 209) 100%); box-shadow: 0px 10px 20px 0px rgba(100, 218, 193, 0.6); z-index: 0; }
.platform-position{        position: absolute;
    bottom: 0px;
    width: 100%;
    left: -2%;}
.bg-img-platform  img{border-radius: 90px;width: 80px;}


/*---------------------------------------------------------------------
                         Pricing Table
-----------------------------------------------------------------------*/
.iq-pricing-table { text-align: center; padding: 50px 20px; background: none; float: left; width: 100%; -webkit-animation: rotate 0.5s; -moz-animation: rotate 0.5s; animation: rotate 0.5s; -webkit-animation: rotate-inverse 0.5s; -moz-animation: rotate-inverse 0.5s; animation: rotate-inverse 0.5s; 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;  background: #ffffff; box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.1); border-radius: 4px;}
.iq-pricing-table h2 { font-size: 40px;
    margin-bottom: 20px;
    line-height: normal; }
.iq-pricing-table h2 span { font-size: 16px; font-weight: normal; }
.iq-pricing-table ul li { list-style: none; color: #1e1e1e; margin-bottom: 10px; 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;}
.iq-pricing-table ul li i { margin-right: 15px; }
.iq-pricing-table .button { background: #16171d; }
.iq-pricing-table .button.blue-btn{background: #3277f8;}
.iq-pricing-table .button.blue-btn:hover{background: #1e1e1e;}
.iq-pricing-table .iq-mtb-30{background: #f7f7f7; padding: 30px; border-radius: 4px;}
ul.our-new-team.blue-color .team-blog:before ,.fancy-service-list.blue-tick .fancy-service-detail .iq-img i{background: #3277f8;}
header.blue-menu .navbar .navbar-nav .nav-item a:hover, header.blue-menu .navbar .navbar-nav .nav-item a:focus, header.blue-menu .navbar .navbar-nav .nav-item a.active, header.blue-menu .navbar .navbar-nav .nav-item a.active:focus, header.blue-menu .navbar .navbar-nav .nav-item a.active:hover{ color:#3277f8; }
header.blue-menu .navbar .navbar-nav .nav-item a::before ,header.blue-menu .navbar .sub-main ul.shop_list li .cart_count #mini-cart-count:before{background: #3277f8;}
#back-to-top .top.blue-color:hover{background: #3277f8;}
/*---------------------------------------------------------------------
Blog
-----------------------------------------------------------------------*/
.iq-blog-box.sofbox-blog{margin-bottom: 45px;}
.iq-blog-box.sofbox-blog .blog-title .entry-title a:hover{color:var(--primary-color); }
.iq-widget-menu .iq-post li a.date-widget{font-size: 14px;}

/*---------------------------------------------------------------------
Job details
-----------------------------------------------------------------------*/
.job-details span.dot-postion { position: relative; }
.job-details span.deatils { color: #1e1e1e;font-family: 'Now'; }
.job-details li { margin-bottom: 15px; list-style: none; }
.job-details .dot-postion:before { content: ":"; position: absolute; right: 0; }
.job-details .dot-postion { width: 25%; float: left; }
.deatils-social { display: flex; }
.deatils-social .share-tags { display: inline-block; flex: 1; }
.deatils-social .share-tags li { margin-right: 5px; }
.deatils-social .share-tags li:last-child { margin-right: 0px; }
.deatils-social .share-tags li a { text-decoration: none; padding: 5px; background: rgba(0, 0, 0, 0.05); border-radius: 4px; font-size: 12px; }
.border-bottom{border-bottom: 1px solid rgba(30, 30, 30, 0.08);}

/*---------------------------------------------------------------------
                    Social
-----------------------------------------------------------------------*/
.share-social li a {width: 40px;
    height: 40px;
    line-height: 40px; display: inline-block; color: var(--primary-color); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.share-social li:hover a { color: #ffffff; }
.share-social li { display: inline-block !important; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; text-align: center; margin-right: 10px; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); }
.deatils-social span { color: #1e1e1e ;font-family: 'Now'; }
.share-social li:hover { background-size: 200% auto; background-image: linear-gradient(to right, var(--linear-color-1) 0%, var(--linear-color-2) 51%, var(--linear-color-3) 100%); box-shadow: var(--primary-box-shadow); }

/*---------------------------------------------------------------------
Careers
-----------------------------------------------------------------------*/
.iq-accordion.career-style .active-faq .row { background: #eff1fe; padding: 10px; border-radius: 4px; }
.iq-accordion.career-style .active-faq a.accordion-title { color: #1e1e1e; padding-left: 0px; text-decoration: none; }
.iq-accordion.career-style .iq-accordion-block { margin-bottom: 30px; }
.iq-accordion.career-style .iq-accordion-block .accordion-title span { font-size: 20px;  font-family: 'Now'; display: table-cell; }
.iq-accordion.career-style .iq-accordion-block:last-child { margin-bottom: 0px; }
.iq-accordion.career-style .iq-accordion-block.accordion-active .accordion-title:before { content: "\f209";display: none; }
.iq-accordion.career-style .accordion-title:before {display: none;  cursor: pointer; content: "\f218"; font-family: "Ionicons"; position: absolute; top: 0; left: 15px;  color: #1e1e1e; font-size: 16px; line-height: 16px; font-weight: normal; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; border-radius: 4px; width: 45px; height: 45px; line-height: 40px; text-align: center; }
.iq-accordion.career-style .active-faq .button { float: right; border-radius: 90px; overflow: hidden; }

/*---------------------------------------------------------------------
FAQ
-----------------------------------------------------------------------*/
.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span{padding-left: 60px; }
.iq-accordion.career-style.faq-style .accordion-title:before {display: inline-block;  cursor: pointer; content: "\f218"; font-family: "Ionicons"; position: absolute; top: 0; left: 15px;  color: #1e1e1e; font-size: 16px; line-height: 16px; font-weight: normal; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; border-radius: 4px; width: 45px; height: 45px; line-height: 40px; text-align: center; }
.iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before { content: "\f209";display: inline-block; }
.iq-accordion.career-style.faq-style .active-faq .row { background: transparent; padding: 10px 0px; }
.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details p { padding: 15px 25px; }
.iq-accordion.career-style.faq-style .iq-accordion-block { padding: 10px 5px; border: 1px solid rgba(30, 30, 30, 0.07); }
.iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before, .iq-accordion.career-style.faq-style .accordion-title:before { background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); color: #fff; line-height: 22px; top: 0px; width: 40px; height: 40px; padding: 0; line-height: 40px; text-align: center; box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }

/*---------------------------------------------------------------------
contact us social
-----------------------------------------------------------------------*/
.team-social { opacity: 1; display: inline-block;}
.team-social ul { width: 100%; display: inline-block; padding: 0px 10px; }
.team-social ul li { display: inline-block; width: auto;float: inherit}
.team-social ul li a { color: #ffffff; padding: 10px; }
.team-social ul li a:hover { color: var(--primary-color); }
.team-social ul li a i { font-size: 18px; display: inline-block; float: none; text-align: center; background: transparent; }
.contact-basic-details .contact-box  ul li:hover { background: #ffffff; }
.contact-basic-details .contact-box  ul li:hover a { color: #6f73f0; }
.contact-basic-details .contact-box  ul li a { color: #ffffff }
.our-map .wpb_gmaps_widget .wpb_wrapper { padding: 0; }
.contact-basic-details .contact-box  ul li { display: inline-block !important; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; color: #ffffff; background: transparent; text-align: center; margin-right: 10px; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.contact-basic-details .contact-box { position: absolute; bottom: 10%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) }
.contact-basic-details .contact-box ul { padding: 0; }
.contact-basic-details { position: relative; }
.contact-basic-details .contact-basic { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) }


/*---------------------------------------------------------------------
 Breadcrumb style 1 2 and 3 4 5
-----------------------------------------------------------------------*/
.breadcrumb li { display: inline-block; word-break: break-all; }
.iq-breadcrumb { padding: 100px 0; background: #eff1fe; }
.iq-breadcrumb-two { padding: 45px 0; position: relative; z-index: 2; }
.iq-breadcrumb-one { display: block; padding: 150px 0 80px; z-index: 9; position: relative; }
.iq-breadcrumb-one ol li a { color: var(--primary-color); text-decoration: none; }
.iq-breadcrumb-one ol li { list-style: none; display: inline-block; }
.iq-breadcrumb-one .breadcrumb-item+.breadcrumb-item::before { content: ">"; color: var(--primary-color); }
.iq-breadcrumb-one .breadcrumb { position: relative; display: inline-block; }
.iq-breadcrumb-one .breadcrumb-item.active { color: var(--primary-color); position: relative; }
.iq-breadcrumb-one ol { background: transparent; padding: 0; margin-bottom: 0; margin-top: 15px; }
.iq-breadcrumb-two .breadcrumb { display: inline-block; }
.iq-breadcrumb-two ol li { display: inline-block; }
.iq-breadcrumb-three .breadcrumb { margin-top: 0; }
.iq-breadcrumb-three .iq-breadcrumb-one { padding: 0; }
.iq-breadcrumb-three { padding: 45px 0; }
.breadcrumb-bg, .breadcrumb-video, .video-iq-bg-over { position: relative; overflow: hidden; }
.breadcrumb-bg video, .breadcrumb-bg #video-background, .breadcrumb-video video, .video-iq-bg-over video, .video-breadcrumb-bg #video-background, .video-iq-bg-over  #video-background { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; }
.breadcrumb-bg.iq-over-dark-80:before, .breadcrumb-ui:before { z-index: 0; }

.sofbox-gradient-bg-top { background-image: url(../images/home-1/15.png); background-position: 0 0 !important; background-repeat: no-repeat !important; }


/*---------------------------------------------------------------------
                     CIRCLE PROGRESS BAR
-----------------------------------------------------------------------*/
.progressbar-circle { display: inline-block; width:100%; }
.progressbar-circle .circle { width: 100%; margin: 0 auto; margin-top: 10px; display: inline-block; position: relative; text-align: center; }
.progressbar-circle .circle canvas { vertical-align: middle;height: 160px !important; width: 160px !important; }
.progressbar-circle .circle div { position: absolute; top: 45px; left: 5px; width: 100%; text-align: center; line-height: 80px; font-size: 32px; color: #8e989f; }
.progressbar-circle .circle strong i { font-style: normal; font-size: 0.6em; font-weight: normal; }
.progressbar-circle .circle span { display: block; color: #aaa; margin-top: 12px; }
.progressbar-circle .circle p{color: #1e1e1e; }

/*---------------------------------------------------------------------
                          Progress Bar
-----------------------------------------------------------------------*/
.iq-services-box .services-content { margin-bottom: 25px; }
.iq-services-box .services-content h6 { font-size: 15px; }
.iq-services-box .services-content:last-child { margin-bottom: 0 }
.progress-value { float: right; border-radius: 0; color: #142c4b; line-height: 30px; font-weight: 600; position: relative; bottom: 27px; right: 0; }
.iq-progress-bar { background: rgba(36, 38, 43, .09); box-shadow: 0 0 0; height: 4px; margin: 0; position: relative; width: 100%; margin: 15px 0 0; }
.iq-progress-bar>span {  background-image: linear-gradient(to right, var(--linear-color-1) 0%, var(--linear-color-2) 51%, var(--linear-color-3) 100%); display: block; height: 100%; width: 0; }
.slide-in-top { -webkit-animation: slide-in-top 1.6s linear infinite alternate backwards; animation: slide-in-top 1.6s linear infinite alternate backwards; }
.iq-progress-bar>span:before { width: 15px; content: ""; height: 15px; position: absolute; top: -6px; background: #ffffff; right: 0; border-radius: 90px; display: inline-block; z-index: 9; box-shadow: 0px 3px 12.48px 0.52px rgba(0, 0, 0, 0.15); }

/*---------------------------------------------------------------------
  Social icone
-----------------------------------------------------------------------*/
.share-box ul li:hover {  background-size: 200% auto; background-image: linear-gradient(to right, var(--linear-color-1) 0%, var(--linear-color-2) 51%, var(--linear-color-3) 100%); box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
.share-box ul li:hover a { color: #ffffff; }
.share-box ul li a { color:  #6f73f0; }
.share-box ul li { display: inline-block !important; width: 40px; height: 40px; line-height: 40px; border-radius: 4px;  text-align: center; margin-right: 10px; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background: #ffffff;border: 1px solid rgba(0, 0, 0, 0.05);}


/*---------------------------------------------------------------------
 Owl slider arrow
-----------------------------------------------------------------------*/
.owl-carousel.arrow .owl-nav button.owl-next{    right: 4%;}
.owl-carousel.arrow .owl-nav button.owl-prev{left: 4%;}
.owl-carousel.arrow .owl-nav i{background:transparent; color: #ffffff; border: 1px solid #ffffff;}

/*---------------------------------------------------------------------
                               woocommerce
-----------------------------------------------------------------------*/
.woocommerce .loader::before, .woocommerce-products-header { display: none; }
.woocommerce .woocommerce-ordering { margin: 0 0 30px; }
.woocommerce .woocommerce-result-count { margin: 7px 0 15px; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--primary-color); line-height: 2.8em; background: #f5f7fb; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--primary-color); }
.woocommerce .woocommerce-message .button { background: var(--primary-color); color: #ffffff; font-weight: 500; }
.woocommerce .woocommerce-message .button:hover { background: #333333; color: #ffffff; }

/* inject:scss */
.woocommerce .products ul, .woocommerce ul.products { margin: 0; }
.woocommerce .products.columns-4 li.product {margin: 15px; margin-bottom: 45px; width: 22%; list-style: none;display: inline-block;}
.woocommerce .products li.product.last, .woocommerce-page .products li.last { margin-right: 0; }

/*---------------------------------------------------------------------
                               Product
-----------------------------------------------------------------------*/
.iq-product-block {position: relative; }
.woocommerce ul.products li.product a img { margin: 0; }
.woocommerce ul.products li.product .woocommerce-loop-category__title { margin: 0; text-align: center; }
.iq-product-image img { width: 100%; }

/* onsale */
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale { color: #fff; background:var(--primary-color); text-transform: uppercase; padding: 5px 10px; text-align: center; display: block; position: absolute; top: 10px; left: 10px; right: auto; margin: 0; min-height: auto; line-height: 18px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* woocommerce Product */
.iq-product-image{ border-radius: 8px; overflow: hidden;}
.iq-product-img-wrap { position: relative; overflow: hidden; margin-bottom: 15px; }
.iq-product-block .woocommerce-loop-product__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.woocommerce ul.products li.product .iq-product-block .hover_image { position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.woocommerce ul.products li.product:hover .hover_image { opacity: 1; }

/* woocommerce Product button */
.woocommerce ul.products li.product .iq-product-block .button { position: absolute; left: 30px;  margin: 0 auto; right: 30px; padding: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center;  transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; bottom: -50px ; border-radius: 4px;}
 .woocommerce a.added_to_cart { margin: 0; position: absolute; bottom: -50px; left: 0; width: 100%; display: inline-block; padding: 10px 15px; font-weight: 500; font-size: 15px; line-height: 28px; background: #ffffff;   font-family: 'Now'; z-index: 9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; color: #1e1e1e; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.woocommerce ul.products li.product:hover .iq-product-block .button, .woocommerce ul.products li.product:hover  .iq-product-block a.added_to_cart { bottom:10px; }
.yith-wcwl-add-to-wishlist { position: absolute; top: 8px; right: 15px; margin: 0; z-index: 9; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { font-size: 0; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before { content: "\f08a "; font-family: FontAwesome; color: #1e1e1e; font-size: 16px; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide { display: block !important; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide a:before, .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover:before { color: var(--primary-color); text-decoration: none; }
.yith-wcwl-add-to-wishlist .ajax-loading, .yith-wcwl-wishlistexistsbrowse.show, .yith-wcwl-wishlistaddedbrowse.show, #yith-wcwl-popup-message, .yith-wcwl-wishlistexistsbrowse.show { display: none !important; }


/* woocommerce Product detail */
.woocommerce ul li.product .iq-product-block .product-caption h3 { margin: 0; padding: 0; color: #1e1e1e; line-height: 1.5; font-size: 18px;}
.woocommerce ul li.product .iq-product-block .product-caption h3 a:hover { color: var(--primary-color); text-decoration: none; }
.woocommerce ul.products li.product .iq-product-block .product-caption .price { margin: 0; padding: 0; color: var(--primary-color); font-size: 16px; }
.woocommerce ul.products li.product .iq-product-block .product-caption .price ins { font-weight: 400; background: transparent;}
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--primary-color); font-weight: 400; margin: 15px 0;}
.woocommerce .quantity .qty { padding-right: 0; text-align: left; }
.product_meta .sku_wrapper, .product_meta .posted_in { display: block; }
.woocommerce ul.products li.product .price del{color: #8e989f;}
.woocommerce ul.products li.product .product-caption .star-rating { font-size: 12px; margin: 0; display: inline-block; position: absolute;
    right: 0;
    bottom: 10px; }
.woocommerce ul.products li.product .product-caption .star-rating span, .woocommerce .star-rating span { color: #ff8d39; padding-top: 1em; }

/*---------------------------------------------------------------------
                           woocommerce Pagination
-----------------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul { margin: 0; border: none; }
.woocommerce nav.woocommerce-pagination ul li { border: none; margin-right: 5px; }
.woocommerce nav.woocommerce-pagination ul li:last-child { margin-right: 0; }
.woocommerce nav.woocommerce-pagination ul li .page-numbers { position: relative; display: block; padding: 5px 15px; margin: 0; color: #666666; background-color: #fff; border: 1px solid #ededed; border-radius: 4px; font-size: 16px; line-height: 2; }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 400; }

/*---------------------------------------------------------------------
                           Tab products
-----------------------------------------------------------------------*/
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #e9e9e9; }
.woocommerce div.product .woocommerce-tabs ul.tabs { text-align: center; padding: 0; margin: 0 0; border: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0 30px; margin: 0; background: none; border-color: #e9e9e9; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none !important; }
.woocommerce-tabs { margin-bottom: 80px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--primary-color); color: #ffffff; border-color: var(--primary-color); }
.woocommerce-Tabs-panel h2 { margin-bottom: 15px; }
.woocommerce .comment-respond .comment-reply-title:before { display: none; }
.woocommerce-Tabs-panel .comment-respond .comment-form-author, .woocommerce-Tabs-panel .comment-respond .comment-form-email, .woocommerce-Tabs-panel .comment-respond .comment-form-url { width: 48%; }
.woocommerce-Tabs-panel .comment-respond .comment-form-email { float: right; }
.woocommerce .woocommerce-Tabs-panel #review_form .comment-respond .form-submit { margin: 0; }
.woocommerce div.product .woocommerce-tabs .panel { margin: 0; padding: 30px 30px 15px; border: 1px solid #e9e9e9; border-top: none; }

/*---------------------------------------------------------------------
                           Cart
-----------------------------------------------------------------------*/
.woocommerce-cart-form { margin-bottom: 80px; }
.woocommerce-additional-fields h3 { margin-top: 30px; }
.cross-sells h2, .cart_totals h2 { margin-bottom: 30px; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; padding-left: 10px;border-radius: 4px; }
.woocommerce .cart_totals .wc-proceed-to-checkout .button { width: 100%; padding: 15px 30px; }
.woocommerce-billing-fields h3, #order_review_heading, .woocommerce-order-details__title { margin-bottom: 15px; }
.woocommerce table.shop_table { border: 1px solid #eaeaea; }
.woocommerce table.shop_table td{border-top: 1px solid rgba(0,0,0,.1);border-left: 1px solid #eaeaea; border-bottom: none; border-right: none;}
.woocommerce-billing-fields__field-wrapper label, .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper { display: inline-block; width: 100%; }
.woocommerce form .form-row .select2-container { border: 1px solid #ededed; background: #f5f7fb; line-height: 45px; height: 45px; padding: 0 10px; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.select2-search--dropdown { display: inline-block; padding: 10px; width: 100%; }
.select2-container--default .select2-selection--single { background-color: transparent; border: none; border-radius: 0; outline: none; }
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background: #f5f7fb; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--primary-color); }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #666666; line-height: inherit; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }
.select2-dropdown { border: 1px solid #ededed; }
.order-total { color: var(--primary-color); }
.woocommerce-input-wrapper { display: inline-block; width: 100%; }
.woocommerce form .form-row textarea { padding: 15px; height: 6em; }
.woocommerce-checkout #payment ul.payment_methods li input { width: inherit; float: left; height: auto; margin: 10px 5px 0 0; }
.woocommerce ul.order_details { margin: 15px 0; padding: 15px; border: 1px solid #ededed; background: #f5f7fb; }

/*---------------------------------------------------------------------
                           Related products
-----------------------------------------------------------------------*/
.related.products h2, .upsells.products h2 { margin-bottom: 30px; text-align: center; }
.woocommerce .related.products .products.columns-4 li.product { margin-bottom: 0; }

/* woocommerce Button */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt.disabled { color: #fff; cursor: pointer; padding: 10px 30px; font-weight: 500; font-size: 15px; line-height: 28px; border: none; position: relative; background: var(--primary-color);   font-family: 'Now'; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .cart_totals .wc-proceed-to-checkout .button:hover, .woocommerce button.button.alt:hover { color: #ffffff; background: #333333; text-decoration: none; }
.woocommerce #respond input#submit { margin-top: 30px; float: right; padding: 10px 30px; }

/*---------------------------------------------------------------------
                           My Account
-----------------------------------------------------------------------*/
.woocommerce form.login { border-color: #e0e0e0; }
input[type=checkbox] { height: 34px; width: 13px; width: auto; margin-right: 5px; }
.woocommerce-form__label-for-checkbox { margin-top: 5px; margin-left: 30px; }
.woocommerce form .form-row { padding: 0; margin: 0 0 15px; }
.woocommerce-MyAccount-navigation ul { margin: 0 15px 0 0; padding: 0; border: 1px solid #e0e0e0; }
.woocommerce-MyAccount-navigation li { list-style: none; display: inline-block; width: 100%; border-bottom: 1px solid #e0e0e0; }
.woocommerce-MyAccount-navigation li a { padding: 10px 15px; color: var(--primary-color); display: inline-block; width: 100%; }
.woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li.is-active  a { color: #ffffff; text-decoration: none; background: var(--primary-color); }
.woocommerce-MyAccount-navigation li a:before { float: right; font-family: FontAwesome; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f0e4"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { content: "\f291"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { content: "\f1c6"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { content: "\f015"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { content: "\f09d"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f007"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { content: "\f08b"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before { content: "\f021"; }

/*---------------------------------------------------------------------
                           Swiper style one
-----------------------------------------------------------------------*/
.swiper-style-two { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-style-two { width: 100%; height: 100%; }
.swiper-style-two .swiper-slide img{border-radius: 4px;}
.swiper-style-two .swiper-slide { text-align: center; width: 80%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-style-two .video-btn a i { line-height: 100px; font-size: 20px; color: #ffffff; }
.swiper-style-two .video-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.swiper-style-two .video-btn a { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, var(--linear-color-2) 100%); width: 100px; height: 100px; text-align: center; border-radius: 90px; }

/*---------------------------------------------------------------------
                    Portfolio page
-----------------------------------------------------------------------*/
.main-portfolio .nav-links .nav-previous, .main-portfolio .nav-links .nav-next { display: inline-block; }
.main-portfolio .nav-links .nav-next { float: right; }
.main-portfolio .nav-links { padding-top: 45px; border-top: 1px solid rgba(30, 30, 30, 0.08); }

/*---------------------------------------------------------------------
                    Maintenance & comingsoon
-----------------------------------------------------------------------*/
.maintenance { text-align: center; padding-top: 80px; }
.iq-coming { padding: 143px 0; text-align: center; }
.iq-coming ul { list-style: none; }
.iq-coming .countdown { list-style: none; margin: 20px 0 30px 0; padding: 0; text-align: center; display: inline-block; }
.iq-coming .countdown li { display: inline-block; margin: 0; border: 1px solid rgba(0, 0, 0, 0.13); width: 140px; height: 150px; padding: 14px; }
.iq-coming .countdown li span { font-size: 50px; font-weight: 800; line-height: 80px; color: #1e1e1e; position: relative; }
.iq-coming .countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin: 16px 0px; color: #1e1e1e; }
.iq-coming .countdown li h6 { color: #1e1e1e; font-size: 20px; padding-right: 30px; }
.iq-coming .countdown li p { font-size: 16px; font-weight: 600; line-height: 24px; color: #1e1e1e; }
.iq-coming .countdown li:last-child  span:after { content: none; }

@media(max-width:1024px) {
  .popup-absolute-images .img-one,.popup-absolute-images .img-two{display: none;}
   .color-palette .color-text{font-size: 16px;}
}
@media(max-width:992px) {
  .maintenance { padding: 150px 0; }
  .iq-coming .countdown li { width: 114px; height: 130px; }
  .iq-coming { padding: 100px 0; }
}
@media(max-width:767px) {
  .maintenance h2 { font-size: 40px; }
  .iq-coming h1 { font-size: 64px; }
  .iq-coming .countdown li { width: 63px; height: 120px; margin: 0 10px; }
  .sofbox-feature-circle ul{text-align: center;}
  .sofbox-feature-circle .sofbox-img ul li .feature-info{height: 126px !important; width: 126px  !important;}
  .sofbox-feature-circle .sofbox-img ul li .feature-info h6{font-size: 14px;}
  .sofbox-feature-circle .sofbox-img ul li{height: 115px; width: 115px;}
}
@media(max-width:479px) {
  .iq-coming h1 { font-size: 44px; }
  .maintenance h2 { font-size: 32px; }
  .iq-coming .countdown li { margin: 10px; width: auto; height: auto; padding: 10px; margin: 0; border: none; }
  .iq-coming .countdown li span { font-size: 24px; line-height: 24px; }
  .iq-coming .countdown li p { font-size: 14px; line-height: 20px; font-weight: inherit; }
}
/*---------------------------------------------------------------------
                   Career details
-----------------------------------------------------------------------*/
.career-details-box{background: #ffffff;
    border: 1px solid rgba(30, 30, 30, 0.07);
    padding: 30px 15px !important;
    border-radius: 4px;}
.apply-box{ padding: 30px 15px !important; border: 1px solid rgba(30, 30, 30, 0.07); border-top: none;}

.cfield.upload-file input{padding: 0;}

/*fancy list style 3*/
.fancy-service-list .fancy-service-detail{margin:15px 0;}
.fancy-service-list { box-shadow: 0px 20px 90px 0px rgba(0, 0, 0, 0.15); padding: 45px 30px; }
.fancy-service-list .fancy-service-detail .iq-img { border-radius: 100%; position: relative; border: 20px solid #f3f7fd; background: #e7effa; text-align: center; height: 200px; width: 200px; margin: 0 auto 30px; line-height: 160px; }
.fancy-service-list .fancy-service-detail .iq-img i {color: #ffffff; position: absolute; height: 37px; width: 37px; border-radius: 90px; right: 0; top: -20px; font-size: 16px; line-height: 37px; background: linear-gradient(to right, var(--linear-color-1) 0%, var(--linear-color-2) 51%, var(--linear-color-3) 100%); }
.fancy-service-list .fancy-service-detail .iq-img img { width: auto; margin: 0 auto; }
.fancy-list-box { display: flex; }
.fancy-list-box img.fancy-list-img { margin-right: 30px; }

/*feature circle*/
.sofbox-feature-circle { position: relative; overflow: hidden; }
.sofbox-feature-circle .main-circle { margin: 0 auto; text-align: center; }
.sofbox-feature-circle .main-circle img.fancy-list-img { margin-top: 25%; }
.sofbox-feature-circle .dot-circle { border-radius: 100%; height: 950px; width: 950px; margin: 0 auto; text-align: center; position: absolute; top: 10%; left: 0; right: 0; border: 1px solid #fff; opacity: 0.3; }
.sofbox-feature-circle  .effect-circle { border-radius: 100%; height: 600px; width: 600px; margin: 0 auto; text-align: center; position: absolute; top: 20%; left: 0; right: 0; border: 1px solid #fff; opacity: 0.3; }
.sofbox-feature-circle  .sofbox-img ul li .feature-info { text-align: center; height: 136px; border-radius: 100%; background: #ffffff; width: 136px; padding: 20px; }
.sofbox-feature-circle  .sofbox-img ul li { position: absolute; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(1) { left: 3%; top: 50%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(2) { left: 20%; top: 15%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(3) { right: 20%; top: 15%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(4) { right: 3%; top: 58%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(5) { left: 20%; bottom: 15%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(6) { left: 24%; top: 40%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(7) { right: 40%; top: 25%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(8) { right: 20%; top: 45%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(9) { right: 20%; bottom: 10%; }
.sofbox-feature-circle  .sofbox-img ul li:nth-child(1)  .feature-info, .sofbox-feature-circle  .sofbox-img ul li:nth-child(2)  .feature-info, .sofbox-feature-circle  .sofbox-img ul li:nth-child(3)  .feature-info, .sofbox-feature-circle  .sofbox-img ul li:nth-child(4) .feature-info { height: 120px; width: 120px; }
.sofbox-feature-circle  .sofbox-img ul li .feature-info .feature-img { margin-bottom: 10px; display: inline-block; vertical-align: middle; line-height: initial; }

/*verticle tab*/
.custom-tab.verticaltab3 .nav.nav-pills .nav-link{position: relative;}
.custom-tab.verticaltab3 .nav.nav-pills .nav-link:after{ position: absolute; content: ""; width: 4px; height: 10px; left:-4px;bottom: 0; background: #ffffff; }
.custom-tab.verticaltab3 .nav.nav-pills .nav-link:before{ position: absolute; content: ""; width: 4px; height: 10px; left:-4px;top: 0; background: #ffffff; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] { box-shadow: none; border-radius: 0; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] li.nav-item { padding: 0 30px 20px; width: 100%; vertical-align: middle; float: left; margin-bottom: 0px; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child { margin-bottom: 0; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link { border-left: 4px solid var(--primary-color); padding: 15px 25px; border-radius: 0px; text-align: left; box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);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;  }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link img { margin-right: 15px; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link p { display: none; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link h4 { font-size: 18px; margin-top: 10px; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:last-child, .custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child { margin-bottom: 0; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h4 { color: var(--primary-color); }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active { background: #ffffff; padding-top: 30px;padding-bottom: 30px; box-shadow: 0px 29px 60px 0px rgba(19, 160, 251, 0.15); }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h4 { margin-top: -10px; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover { background: #ffffff; }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active p { display: block; color: #8e989f; }
/* .custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active:before, .custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover:before { display: none; } */
.custom-tab.verticaltab3 .tab-pane.fade.active.show { display: block; }
.custom-tab.verticaltab3 .tab-pane.fade { display: none; }

/*counter horizontal*/
.iq-timer.counter-horizontal .timer-details .timer, .iq-timer.counter-horizontal .timer-details .total-cust, .iq-timer.counter-horizontal .timer-details .price { font-size: 35px; color: #ffffff; display: inline-block; vertical-align: middle; }
.iq-timer.counter-horizontal .timer-details i { font-size: 30px; color: #ffffff; display: inline-block; vertical-align: middle; }
.iq-timer.counter-horizontal .timer-details p { margin: 0; display: inline-block; vertical-align: middle; }
.iq-timer.counter-horizontal .timer-details { color: #ffffff; padding: 10px; }
.iq-timer.counter-horizontal .border-effect { width: 30px; height: 2px; display: inline-block; vertical-align: middle; position: relative; left: auto; top: auto; transform: none; margin: 0 15px; }
.iq-timer.counter-horizontal .border-effect .title-saas { position: relative; background: #000000; height: 2px; width: 30px; overflow: hidden; }
.iq-timer.counter-horizontal { text-align: center; margin: 0 auto 30px; border-radius: 4px;}
.iq-timer.counter-horizontal .border-effect .title-saas::after, .iq-timer.counter-horizontal .border-effect .title-saas::before { content: ""; position: absolute; background: #ffffff; width: 3px; height: 2px; left: 0; z-index: 1; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: H-MOVE-BG; animation-name: H-MOVE-BG; }
@-webkit-keyframes H-MOVE-BG {
  from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(60px); transform: translateX(60px); }
}
@keyframes H-MOVE-BG {
  from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(60px); transform: translateX(60px); }
}
.tab-img-shadow img{box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.1);}
.popup-absolute-images { position: absolute; bottom: 50%; width: 100%; -webkit-animation: bounces 5s infinite alternate; }
.popup-absolute-images .img-two { right: 0; left: auto; bottom: 0; z-index: 2;}
.popup-absolute-images .img-one { left: 0; z-index: 2;}
.popup-absolute-images .img-three { right: 0; left: 0; margin: 0 auto; text-align: center; bottom: -250px; }
.popup-absolute-images .img-four { right: 20%; text-align: center; top: -250px; z-index: -1; }
.popup-absolute-images.align-left, .popup-absolute-images.align-right { top: 50%; }
.popup-absolute-images.align-left .img-one { left: 0; top: 0; }
.popup-absolute-images.align-left .img-two { left: 10%; top: 15%; }
.popup-absolute-images.align-left .img-three { left: 0%; top: 45%; }
.popup-absolute-images.align-left .img-four { left: -10%; top: 80%; }
.popup-absolute-images.align-right .img-one { right: 0; top: 0; }
.popup-absolute-images.align-right .img-two { right: 10%; top: 15%; }
.popup-absolute-images.align-right .img-three { right: 0%; top: 45%; }
.popup-absolute-images.align-right .img-four { right: -10%; top: 80%; }
.custom-tab.horizontaltab .tab-pane.fade.active.show { display: block; }
.custom-tab.horizontaltab .tab-pane.fade { display: none; }
a.nav-link.active.show{background: transparent;}
.custom-tab.horizontaltab .nav.nav-pills { display: block; width: 100%; overflow: hidden; }
.custom-tab.horizontaltab .nav.nav-pills li { display: inline-block; width: auto; }
.custom-tab.horizontaltab .nav-pills .nav-link .tab-title { display: inline-block; }
.custom-tab.horizontaltab .show_content { width: 100%; text-align: left; }
.custom-tab.horizontaltab .nav-pills .nav-link.active,.custom-tab.horizontaltab .nav-pills .show>.nav-link,.custom-tab.horizontaltab .nav-pills .nav-link:hover {  background-image: linear-gradient(to right, var(--linear-color-1) 0%, var(--linear-color-2)  100%); }
.custom-tab.horizontaltab .nav-pills .nav-link.active  .tab-title, .custom-tab.horizontaltab .nav-pills .show>.nav-link .tab-title, .custom-tab.horizontaltab .nav-pills .nav-link:hover .tab-title { color: #ffffff; }
.page-id-1790 .content-area .site-main, .page-id-1584 .content-area .site-main { padding: 0; }
.page-id-1790 .iq-breadcrumb-one, .page-id-1584 .iq-breadcrumb-one { display: none; }
.fancy-list-box .fancy-list-img { margin-right: 30px; width: 80px; height: 80px; line-height: 80px; color: #ffffff; position: relative; display: inline-block; vertical-align: middle; text-align: center; font-size: 30px; }
.fancy-list-box  .service-detail { flex: 1; display: inline-block; vertical-align: middle; }
.fancy-list-box .fancy-list-img:before { border-radius: 90px; line-height: 80px; width: 80px; height: 80px; text-align: center; content: ""; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.8; 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; border-top-left-radius: 0px; }
.fancy-list-box .fancy-list-img.purple-hover:before { background-image: -moz-linear-gradient(90deg, rgb(135, 154, 251) 0%, rgb(23, 51, 195) 100%); background-image: -webkit-linear-gradient(90deg, rgb(135, 154, 251) 0%, rgb(23, 51, 195) 100%); background-image: -ms-linear-gradient(90deg, rgb(135, 154, 251) 0%, rgb(23, 51, 195) 100%); }
.fancy-list-box .fancy-list-img.org-hover:before { background-image: -moz-linear-gradient(90deg, rgb(230, 166, 160) 0%, rgb(255, 106, 92) 100%); background-image: -webkit-linear-gradient(90deg, rgb(230, 166, 160) 0%, rgb(255, 106, 92) 100%); background-image: -ms-linear-gradient(90deg, rgb(230, 166, 160) 0%, rgb(255, 106, 92) 100%); }
.fancy-list-box .fancy-list-img.green-hover:before { background-image: -moz-linear-gradient(90deg, rgb(149, 239, 218) 0%, rgb(100, 216, 190) 100%); background-image: -webkit-linear-gradient(90deg, rgb(149, 239, 218) 0%, rgb(100, 216, 190) 100%); background-image: -ms-linear-gradient(90deg, rgb(149, 239, 218) 0%, rgb(100, 216, 190) 100%); }


.full-img-left img{max-width: none !important;left: -60%;
    position: relative;}
 .full-img-left-two img{max-width: none !important;left: -40%;
    position: relative;}
.full-img-effect img {
    max-width: none !important;
    left: -39%;
    position: relative;
}
.full-img-right img{max-width: none !important;right: 0;
    position: relative;}
@media (max-width:1024px){
  .full-img-right img{max-width: 100% !important;}
}
.job-potal-img img{max-width: none !important;
    position: absolute;
    top: -150px;}

/*---------------------------------------------------------------------
                  Rating Effect (Feedback)
-----------------------------------------------------------------------*/
.owl-rating { padding: 30px; background: rgba(255, 255, 255, 0.15); border-radius: 4px; }
.owl-rating  .iq-star{margin-bottom: 15px; display: inline-block;}
.owl-rating  .iq-star i{color:#fbdc00; margin-right: 5px; }
.owl-rating  .iq-star i:last-child{margin:0;}

/*---------------------------------------------------------------------
                Curve shap effect
-----------------------------------------------------------------------*/
.cure-shap-right:before{content: ""; width: 250px; height: 100%;top: 0; background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);  position: absolute;left:-20%;}
.cure-shap-right{ background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%); border-top-right-radius: 50px; position: relative; }

.cure-shap-left:before{content: ""; width: 250px; height: 100%;top: 0; background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);  position: absolute;right:-20%;}
.cure-shap-left{ background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(243,249,255) 100%); border-top-left-radius: 50px; position: relative; }

.page-id-2468 .iq-breadcrumb-one{display: none;}
.page-id-2468  .content-area .site-main{padding-top: 0;}

/*---------------------------------------------------------------------
                Fancy Services
-----------------------------------------------------------------------*/
.fancy_service { border-radius: 5px; border: 1px solid #f4f8ff; box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); margin-bottom: 60px; padding: 0; display: block; float: left; width: 100%; }
.fancy_service .fancy-info { float: left; width: 70%; padding: 30px; }
.fancy_service .fancy_img { position: absolute; right: -70px; bottom: -50px; }
.fancy_service .fancy_block { display: block; float: left; width: 100%; position: relative; overflow: hidden; z-index: 1; background: #ffffff; }
.fancy_service .bg_img {opacity: 0; position: absolute; right: -10px; top: -26px; -webkit-transition: all 0.5s ease-in-out;
    -webkit-animation: bounces 2s infinite alternate;  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;}
.fancy_service  .fancy_img { width: 50%; float: left; z-index: -1;}
.fancy_service:hover .bg_img{opacity: 1;}

/*---------------------------------------------------------------------
                Services box effect
-----------------------------------------------------------------------*/
.squre-effect-top{ margin-top: -35px; }
.squre-effect-bottom{ margin-top: -35px; }
.squre-effect{   position: relative; box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.squre-effect .icon-box .img-effect i{display: inline-block; line-height: normal;font-size: 45px;}
.squre-effect  .icon-box{padding: 30px; background:#ffffff;  position: relative; z-index: 1; border-radius: 4px;}
.squre-effect:hover:before{  transform: rotate(12deg); }
.squre-effect:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;   background-image: -moz-linear-gradient( -20deg, rgb(249,122,63) 0%, rgb(253,106,105) 100%);
  background-image: -webkit-linear-gradient( -20deg, rgb(249,122,63) 0%, rgb(253,106,105) 100%);
  background-image: -ms-linear-gradient( -20deg, rgb(249,122,63) 0%, rgb(253,106,105) 100%); transform: rotate(0deg); z-index: -1;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; border-radius: 4px;  transform: rotate(0deg); }
.org-gradiant-bg{background-image: -moz-linear-gradient( -20deg, rgb(249,122,63) 0%, rgb(253,106,105) 100%);
  background-image: -webkit-linear-gradient( -20deg, rgb(249,122,63) 0%, rgb(253,106,105) 100%);
  background-image: -ms-linear-gradient( -20deg, rgb(249,122,63) 0%, rgb(253,106,105) 100%);}
/*---------------------------------------------------------------------
                 Frequently Asked Questions
-----------------------------------------------------------------------*/
.iq-accordion.career-style.faq-style.style-two .iq-accordion-block.accordion-active .accordion-title:before, .iq-accordion.career-style.faq-style.style-two .accordion-title:before{background: transparent; color:#7ca0f4; box-shadow: none; }
.iq-accordion.career-style.faq-style.style-two .iq-accordion-block .accordion-details p{padding-left: 74px;
    padding-top: 0;
    padding-bottom: 15px;}




/*---------------------------------------------------------------------
                Fancy box
-----------------------------------------------------------------------*/
.Fancy-box-position .fancy-style-five { position: absolute;
    top: 0;
    background: #ffff;
    right: 0; width: 360px; 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;}
.Fancy-box-position .fancy-style-five i{color: #57bfb1;}
.Fancy-box-position .fancy-style-five:hover{right: 20px;}
.fancy-style-five i{font-size: 34px;}
.fancy-style-five [class*=" flaticon-"]:before{font-size: 30px;}
.fancy-style-five.one{ top: 12%; }
.fancy-style-five.two{ top: 38%; }
.fancy-style-five.three{ top: 65%; }
.fancy-style-five {    box-shadow: 0px 15px 38px 0px rgba(0,0,0,0.1);
    padding: 30px;
    border-radius: 8px; background: #ffff; margin-bottom: 30px;}

.page-id-2747 .iq-breadcrumb-one{display: none;}
.page-id-2747 .content-area .site-main{padding-top:0;padding-bottom: 120px;}

.page-id-2254 .iq-breadcrumb-one{display: none;}
.page-id-2254 .content-area .site-main{padding-top:0;padding-bottom: 120px;}

/*---------------------------------------------------------------------
                Fancy box five
-----------------------------------------------------------------------*/
.hover-slide-effect{position: relative;}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-size: inherit;}
.hover-box-effect {padding: 55px 15px 55px 65px; position: relative;box-shadow: 0px 3px 60px 0px rgba(85, 128, 255, 0.05);
margin: 0px 15px 50px; 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;}
.hover-box-effect i {font-size: 36px;}
.hover-box-effect .title{margin-bottom: 10px;}
.hover-box-effect:hover {-webkit-box-shadow: 5px 9px 60px 0px rgba(82, 119, 229, 0.22);
    box-shadow: 5px 9px 60px 0px rgba(82, 119, 229, 0.22);}
.hover-box-effect .icon-box{    width: 70px;
    height: 70px;
    border-radius: 100px;
    background: #000;
    line-height: 70px;
    text-align: center;
    position: absolute;
    left: -30px;}


/*---------------------------------------------------------------------
                Shop page Drone
-----------------------------------------------------------------------*/
.shop-Product:first-child .fancy-icon { border: none; }
.shop-Product .fancy-icon { border-left: 1px solid #eff1fe; }
.shop-Product .fancy-icon { padding-left: 50px; margin: 0; }
.shop-Product .fancy-icon .media .fancy-img img, .fancy-icon .media .fancy-img { width: auto; height: auto; line-height: normal; }
.shop-Product .fancy-icon .media .media-body { padding-left: 86px; }
.iq-mt-120 { margin-top: 120px; }
.shop-offer { box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.2); padding: 30px; margin-bottom: 30px; border-radius: 8px; }
.shop-offer .sub-title { margin-top: 15px; }
.shop-offer .offer-img img { position: relative; right: -30px; bottom: -40px; }



/*---------------------------------------------------------------------
Flip box Start
-----------------------------------------------------------------------*/
.flip-icon i{font-size: 45px;}
.feature-flip-box{position: relative;border-radius: 10px; margin-bottom: 30px;}
.feature-flip-box .flipbox-wrapper { position: relative; z-index: 1; min-height: 270px; text-align: center; perspective: 1000px; }
.feature-flip-box .flipbox-title { font-size: 24px; line-height: 1.2; font-weight: 700; }
.feature-flip-box .front-side, .feature-flip-box .back-side { display: block; -webkit-backface-visibility: unset; backface-visibility: unset; transition: transform 1s, visibility 0s 0.3s; min-height: inherit; border-radius: 10px;  background-position: top left; background-size: cover; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.1); perspective: inherit; transform-style: preserve-3d; }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box .front-side, .feature-flip-box .back-side { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); }
}
.feature-flip-box .front-side { box-sizing: border-box; padding: 45px 30px; visibility: visible; }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
.feature-flip-box .front-side { display: flex; flex-direction: column; justify-content: center; visibility: unset; }
}
.feature-flip-box .front-side .flipbox_logo, .feature-flip-box .front-side .flipbox-title, .feature-flip-box .front-side .flipbox-details { transform-style: inherit; perspective: inherit; -webkit-backface-visibility: inherit; backface-visibility: inherit; }
.feature-flip-box .front-side .flipbox_logo { display: block; margin-left: auto; margin-right: auto; transform: translate3d(0, 0, 35px) scale(0.95); }
.feature-flip-box .front-side .flipbox_subtitle { transform: translate3d(0, 0, 60px) scale(0.68); }
.feature-flip-box .front-side .flipbox-title { padding: 0 13px; margin: 20px 0 10px 0; box-sizing: border-box; transform: translate3d(0, 0, 70px) scale(0.86); }
.feature-flip-box .front-side .flipbox-details { padding: 0px 5px 0; font-size: 16px; line-height: 1.875; transform: translate3d(0, 0, 55px) scale(0.86); }
.feature-flip-box .back-side { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; visibility: hidden; }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box .back-side { display: flex; justify-content: center; flex-direction: column; visibility: unset; }
}
.feature-flip-box .back-side .flipbox_logo, .feature-flip-box .back-side .flipbox-title, .feature-flip-box .back-side .flipbox-content { transform-style: inherit; perspective: inherit; -webkit-backface-visibility: inherit; backface-visibility: inherit; }
.feature-flip-box .back-side .flipbox_logo { height: 20px; transform: translate3d(0px, -10px, 35px) scale(0.86); }
.feature-flip-box .back-side .flipbox-title { padding: 0 20px; margin-bottom: 10px; transform: translate3d(0, 0, 70px) scale(0.86); }
.feature-flip-box .back-side .flipbox-content { padding: 0 9px; line-height: 1.875; transform: translate3d(0, 0, 60px) scale(0.86); }
.feature-flip-box .back-side .softlab_module_button { margin-top: 23px; }
.feature-flip-box .back-side .softlab_module_button a { margin-bottom: 0; }
.feature-flip-box .flipbox_button { padding-top: 10px; }
.feature-flip-box .flipbox_button:after { color: inherit; }
.feature-flip-box .back-side .flipbox-content a.blue-btn.button{background: #57bfb1!important; color: #ffffff}
.feature-flip-box .back-side .flipbox-content a.blue-btn.button:hover{background: #ffffff!important; color: #57bfb1}
/*.feature-flip-box.align-left .front-side, .feature-flip-box.align-left .back-side { align-items: flex-start; text-align: left; }
.feature-flip-box.align-center .front-side, .feature-flip-box.align-center .back-side { align-items: center; text-align: center; }
.feature-flip-box.align-right .front-side, .feature-flip-box.align-right .back-side { align-items: flex-end; text-align: right; }*/
.feature-flip-box.flip-right .front-side { transform: rotateY(0deg); }
.feature-flip-box.flip-right .front-side .flip-icon{transform: translate3d(0, 0, 55px) scale(0.86);}
.feature-flip-box.flip-right .back-side { transform: rotateY(-180deg); }
.feature-flip-box.flip-right:hover .front-side { visibility: hidden; transform: rotateY(180deg); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-right:hover .front-side { visibility: unset; }
}
.feature-flip-box.flip-right:hover .back-side { visibility: visible; transform: rotateY(0); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-right:hover .back-side { visibility: unset; }
}
.feature-flip-box.flip-left .front-side { transform: rotateY(0deg); }
.feature-flip-box.flip-left .back-side { transform: rotateY(180deg); }
.feature-flip-box.flip-left:hover .front-side { visibility: hidden; transform: rotateY(-180deg); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-left:hover .front-side { visibility: unset; }
}
.feature-flip-box.flip-left:hover .back-side { visibility: visible; transform: rotateY(0); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-left:hover .back-side { visibility: unset; }
}
.feature-flip-box.flip-top .front-side { transform: rotateX(0deg); }
.feature-flip-box.flip-top .back-side { transform: rotateX(-180deg); }
.feature-flip-box.flip-top:hover .front-side { visibility: hidden; transform: rotateX(180deg); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-top:hover .front-side { visibility: unset; }
}
.feature-flip-box.flip-top:hover .back-side { visibility: visible; transform: rotateX(0); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-top:hover .back-side { visibility: unset; }
}
.feature-flip-box.flip-bottom .front-side { transform: rotateX(0deg); }
.feature-flip-box.flip-bottom .back-side { transform: rotateX(180deg); }
.feature-flip-box.flip-bottom:hover .front-side { visibility: hidden; transform: rotateX(-180deg); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-bottom:hover .front-side { visibility: unset; }
}
.feature-flip-box.flip-bottom:hover .back-side { visibility: visible; transform: rotateX(0); }
@supports ((-webkit-backface-visibility:hidden) or (backface-visibility:hidden)) {
  .feature-flip-box.flip-bottom:hover .back-side { visibility: unset; }
}

/*---------------------------------------------------------------------
Flip box End
-----------------------------------------------------------------------*/

.iq-get-team  img {max-width: none!important;}
/*---------------------------------------------------------------------
 Pricing-plan
-----------------------------------------------------------------------*/
.iq-best-pricing.active{transform: scale(1.1);
    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: 50px 30px;
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;}
/* .iq-best-pricing h2, .iq-best-pricing.active h2, .iq-best-pricing ul.pricing-list li i {color: #57bfb1 !important;} */
.iq-best-pricing .price-title .month-circle .month-price{margin-bottom: 0px;}
.iq-best-pricing .price-title .month-circle .month-price .sub-title{margin-bottom: 15px;}
.iq-best-pricing .price-title .month-circle .month-price h2{display: inline; font-weight: bold; }
.iq-best-pricing.active .price-title .month-circle .month-price h2{  font-weight: bold;}
.iq-best-pricing .price-title .month-circle .month-price .duration{margin-top: 10px;}
.iq-best-pricing .price-title .title{margin-bottom: 15px;}
.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-flex;}
.iq-best-pricing .pricing-list li:last-child{ margin-bottom: 0px;}
.iq-best-pricing .price-footer{margin-top: 45px;}


/*---------------------------------------------------------------------
 custom Tab
-----------------------------------------------------------------------*/
.custom-tab.horizontaltab-demo15 .nav-pills{position: absolute;bottom:50px;left: -70%;}
.custom-tab.horizontaltab-demo15 .nav-pills .nav-link.active{    background: #007bff;color: #ffffff; font-weight: bold;}
.custom-tab.horizontaltab-demo15 .nav-pills .nav-link{padding: 10px 30px;}
.custom-tab.horizontaltab-demo15   a.nav-link.active  h6.tab-title{color: #ffffff;}
.custom-tab.horizontaltab-demo15 a.nav-link  h6.tab-title{color: #1e1e1e;}
.custom-tab.horizontaltab-demo15 .tab-pane.active {display: block;}
.custom-tab.horizontaltab-demo15 .tab-pane {display: none;}

.iq-feedback-testi{overflow: inherit!important;}
.iq-feedback-testi .owl-carousel .owl-nav {left: -35%;     top: 80%;}
.iq-feedback-testi .owl-carousel .owl-nav .owl-next {left: 0%;}
.iq-feedback-testi .vc_custom_1577353048523{position: relative;}
.iq-feedback-testi .iq-background:before { position: absolute; left: 130px; top: -5%; content: ""; height: 120%; width: 200%; background-color: #4731b6; border-radius: 20px 0 0 20px; }

/*---------------------------------------------------------------------
 Banner
-----------------------------------------------------------------------*/
.iq-banner-bot-shape { position: relative; background-position: bottom center !important; }
.iq-banner-bot-shape:before { content: ""; position: absolute; width: 100%; left: 0; bottom: 0; background-image: url(../images/hr-b-shape.html) !important; background-position: center !important; background-repeat: no-repeat !important; height: 167px; }
.custom-tab.horizontaltab-slider .tab-pane.active { display: block; }
.custom-tab.horizontaltab-slider .tab-pane { display: none; }
.custom-tab.horizontaltab-slider ul  li img { display: inline-block; margin-right: 10px; }
.custom-tab.horizontaltab-slider ul li h6.tab-title { display: inline-block; color: #ffffff; }
.custom-tab.horizontaltab-slider ul.nav { display: block; text-align: center; }
.custom-tab.horizontaltab-slider ul li{display: inline-block;}
.custom-tab.horizontaltab-slider ul li a.active { background: #5a46bd; }
.custom-tab.horizontaltab-slider ul li a { margin-right: 30px; border-radius: 5px; padding: 10px 20px; }
.custom-tab.horizontaltab-slider .show_content { position: relative; overflow: hidden; }
.custom-tab.horizontaltab-slider .tab-pane.active { display: block; padding: 25px 120px 70px; }
.custom-tab.horizontaltab-slider .show_content .tab-pane { position: relative; margin: 0 15px; }
.custom-tab.horizontaltab-slider .show_content .tab-pane:before { content: ""; position: absolute; top: 0; left: -4px; background: url(../images/sofbox-d15-tab.html) no-repeat top center; display: inline-block; width: 100%; height: 101%; background-size: 100% 100%; z-index: 1; }
@media(max-width:420px) {
  .custom-tab.horizontaltab-slider .tab-pane.active { padding: 4px 41px 20px 33px }
}
@media(max-width:737px) {
  .custom-tab.horizontaltab-slider .tab-pane.active { padding: 11px 72px 30px 63px; }
}
@media(max-width:618px) {
  .custom-tab.horizontaltab-slider .tab-pane.active { padding: 11px 59px 30px 52px; }
}
@media(max-width:820px) {
  .custom-tab.horizontaltab-slider .tab-pane.active { padding: 8px 79px  50px 71px; }
}

/*---------------------------------------------------------------------
 Testimonial
-----------------------------------------------------------------------*/
.testimonial-style.owl-carousel .item.iq-best-testimonial{padding: 75px 0px 40px;}
.testimonial-style.owl-carousel .item.iq-best-testimonial .iq-testimonial{margin: 20px;border-radius: 10px; box-shadow: -10px 10px 10px 0px rgba(0, 0, 0, 0.08);}
.testimonial-style.owl-carousel .item.iq-best-testimonial .iq-testimonial .iq-content p{margin-bottom: 30px;}
.testimonial-style.owl-carousel .item.iq-best-testimonial .iq-testimonial:before{display: none;}
.testimonial-style.owl-carousel .item.iq-best-testimonial .iq-testimonial:after{display: none;}
.testimonial-style.owl-carousel .item.iq-best-testimonial .iq-testimonial .media .img-box{width: 80px;height: 80px;line-height: 80px; margin-right: 15px;}
.testimonial-style.owl-carousel .item.iq-best-testimonial .iq-testimonial .media .testimonial-name{text-align: left; margin-top: 15px;}


/*---------------------------------------------------------------------
Our Services Tab
-----------------------------------------------------------------------*/
.our-services-tab.side-tab  .vc_tta.vc_tta-spacing-1 .vc_tta-tab { width: 33%; text-align: center; }
.our-services-tab  .vc_tta.vc_general .vc_tta-panel-body{padding: 14px 0 !important;}
.our-services-tab .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a,.our-services-tab .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a, .our-services-tab .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover { color: var(--primary-color) !important; }
.our-services-tab .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a { color: #6f6f6f !important; }
.our-services-tab ul li a { background: none !important; border: none !important; font-size: 16px !important; padding: 10px 35px !important; font-family: var(--body-font-family); font-weight: 600; }
.our-services-tab ul li { position: relative; }
.our-services-tab ul li.vc_tta-tab:before { width: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; height: 3px; background: var(--primary-color); content: ""; position: absolute; right: 0; bottom: 0px; }
.our-services-tab .vc_tta-tabs-list:before { display: inline-block; width: 100%; height: 1px; background: rgb(2, 13, 30, 0.2); content: ""; position: absolute; left: 0; bottom: 0px; }
.our-services-tab .vc_tta-panel-body { padding-top: 30px !important; }
.our-services-tab .iq-list li:last-child, .our-services-tab .iq-list, .our-services-tab .vc_tta-container { margin-bottom: 0px !important; }
.our-services-tab   .vc_tta-panels { background: none !important; border: none !important; }
.our-services-tab ul li.vc_tta-tab.vc_active:before, .our-services-tab ul li.vc_tta-tab:hover:before { display: inline-block; width: 100%; height: 3px; background: var(--primary-color); content: ""; position: absolute; left: 0; bottom: 0px; }
.our-services-tab.map-contact .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a, .our-services-tab.map-contact .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover { color: #ffffff !important; font-weight: normal; }
.our-services-tab.map-contact ul li a { font-family: 'Open Sans', sans-serif; }
.our-services-tab.map-contact  .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a { color: #ffffff; font-weight: normal; }
.contact-tab .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a { color: #ffffff !important; padding: 10px 15px !important; }
.contact-tab .map-contact ul li.vc_tta-tab.vc_active, .contact-tab .map-contact ul li.vc_tta-tab:hover { background: #142c4b; }

/*---------------------------------------------------------------------
chabot BG
-----------------------------------------------------------------------*/
.chabot-bg-shap:before{content: ""; width: 100%; background: url('../images/chatbot-bg.html')no-repeat; position: absolute; top: 0; left: 0;  height: 649px;
    z-index: -1;}

/*---------------------------------------------------------------------
 Our clients new style
-----------------------------------------------------------------------*/
.fancy-clients { border: 1px solid rgba(2, 13, 30, 0.1); border-left: 0; border-right: 0; border-bottom: 0; }
.fancy-clients .col-lg-2.col-md-3.col-sm-12 { padding: 15px; text-align: center; }
.fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(1), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(7), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(13) { border-left: 1px solid rgba(2, 13, 30, 0.1); }
.fancy-clients .col-lg-2.col-md-3.col-sm-12 .clients-block img { opacity: 0.4; }
.fancy-clients .col-lg-2.col-md-3.col-sm-12 .clients-block:hover img { opacity: 1; }
.fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(n+1) { border-bottom: 1px solid rgba(2, 13, 30, 0.1); border-right: 1px solid rgba(2, 13, 30, 0.1); }

@media(max-width:992px) {
  .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(5), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(9) { border-left: 1px solid rgba(2, 13, 30, 0.1); }
}
@media(max-width:767px) {
  .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(2), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(3), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(4), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(6), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(8), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(10), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(11), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(12), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(14), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(15), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(16), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(17), .fancy-clients .col-lg-2.col-md-3.col-sm-12:nth-child(18) { border-left: 1px solid rgba(2, 13, 30, 0.1); }
}

.iq-timer .timer-details span.timer { color: #5788ff; font-size: 44px; line-height: normal; }
.iq-timer{text-align: center;}


/*---------------------------------------------------------------------
Mega Menu
-----------------------------------------------------------------------*/

header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-top li .mega-sub-menu li:hover>a.mega-menu-link, header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link,header  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus,header  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor   ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li:hover a.mega-menu-link ,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link ,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover  ul.mega-sub-menu li:hover a.mega-menu-link{background: #007bff;
    color: #ffffff;}
header #mega-menu-wrap-top { width: 100%; background: transparent; }
header #mega-menu-wrap-top #mega-menu-top { text-align: right; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{padding: 10px;}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu{padding: 10px;}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link { color: #121212; font-size: 16px; padding: 0 15px; line-height: 70px; height: 70px; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a { background: transparent; color: #007bff; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover ,header #mega-menu-top li .mega-sub-menu li:hover>  .mega-sub-menu li a{ color: #007bff; background: transparent; }

header #mega-menu-wrap-top #mega-menu-top > li ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover  ul.mega-sub-menu li a.mega-menu-link , #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
  background: #ffffff;color:#8e989f;
}
header #mega-menu-wrap-top .mega-sub-menu li a { color: #666666; text-decoration: none; line-height: 40px; }
/* #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row, #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu.mega-menu-flyout ul { box-shadow: 0 4px 10px 0 rgba(3, 3, 3, .1); } */
header #mega-menu-wrap-top .mega-sub-menu ul { padding: 0; margin: 0; list-style: none; }
header #mega-menu-wrap-top .mega-sub-menu li a:hover { color: #007bff; }
header #mega-menu-wrap-top .mega-sub-menu li .product_list_widget img { float: left; width: 60px; margin-right: 10px; }
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img { float: left; width: 100%; }
header .sub-header .sub-main .menu-shop-container { float: right; }
header li .search_count { position: relative; }
.woocommerce-cart.woocommerce-page header .cart_count, .woocommerce-checkout.woocommerce-page header .cart_count { display: none; }
.wmc-price del { color: #666666; }
header #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu,header  #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); }
.wmc-price ins { color: #007bff; }
.wmc-details p {
    margin-bottom: 0;
}
header .wmc-image img{height: auto;width: auto;}
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{content: "\f347";}
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after{content: "\f345";}
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{font-size: 12px;}
header   #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding: 0;}
header  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{text-transform: capitalize;}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background: #ffffff; font-weight: normal;}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus{font-weight: normal;}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{font-size: 14px;}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{padding: 5px 15px 5px 15px;}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding: 0;}
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item > ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-current-menu-item a.mega-menu-link {background:#007bff; color: #ffffff;}

/*---------------------------------------------------------------------
  AI
-----------------------------------------------------------------------*/
.scroll-effect .main-video{position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.scroll-effect .main-video .consult-video a {border-radius: 100px; color: #377dff;}

.iq-real-top {margin-top: -120px;}
.iq-real-bottom img{margin-bottom: -120px;}

/*List*/
ul.arvr-num-list{margin: 0; padding: 0;}
.arvr-num-list li{list-style-type: none; display: block; margin-bottom: 25px;}
.arvr-num-list li .num{    color: #ffffff;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-image: linear-gradient(to right, #fac272 0%, #faa666 51%,#f4855a 100%) !important;
    border-radius: 90px;
    line-height: 30px;
    display: inline-block;
    text-align: center;}
.arvr-num-list li p{display: inline-block;}
ul.arvr-headset{margin: 0; width: 100%; padding-right: 70px; padding-left: 0px;}
ul.arvr-headset li{list-style-type: none; display: inline-block; width: 50%; float: left; border-bottom: 1px solid rgba(255,255,255, .2); }
ul.arvr-headset li .features{color: #ffffff; padding: 15px 0px;}
ul.arvr-headset li p.features.bdr-right{border-right: 1px solid rgba(255,255,255, .2);}
ul.arvr-headset li:nth-child(2n+1) { padding-right: 40px; }
ul.arvr-headset li:nth-child(2n+2) {  padding-left: 0px; }

/*---------------------------------------------------------------------
  Counter-AI
-----------------------------------------------------------------------*/
.iq-counter{position: relative; background: #ffffff; border-radius: 10px; margin-bottom: 30px;   box-shadow: 0px 20px 90px 0px rgba(0, 0, 0, 0.15); padding: 30px;}
.iq-counter .timer-details{display: flex; }
.iq-counter .timer-img{margin-right: 10px;}
.iq-counter .timer-img i{color: linear-gradient(to right, #fac272 0%, #faa666 51%,#f4855a 100%) !important; font-size: 40px; line-height: 40px; color: #377dff; margin-right: 10px;}
.iq-counter  .timer-body{flex: 1; }
.iq-counter  .timer-body .timer,.iq-counter  .timer-body span.after-counter-num{font-size: 22px; line-height: 34px; color: #1e1e1e;}
.iq-counter  .timer-body  p{margin-bottom: 0px;}

.bg-box{background-color: #f1f1fb;}
.home-six-bg{  background-image: url(../images/home-6/614.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
/*---------------------------------------------------------------------
blog post
-----------------------------------------------------------------------*/
.post-details ul.iq-post li .post-img  img { width: 70px; height: 70px; border-radius: 4px; margin-right: 15px; background: #eff1fe; }
.post-details ul.iq-post li .post-img { display: flex; }
.post-details ul.iq-post li { margin-bottom: 30px; }
.post-details ul.iq-post li:last-child { margin-bottom: 0px; }
.post-details .post-img .post-blog .blog-box ul li a i { color: var(--primary-color); }
.post-details .post-img .post-blog a.new-link:hover h5{ color: var(--primary-color); }
.post-details .post-blog { line-height: 0px; }
.post-details .post-img .post-blog .blog-box ul li { margin-bottom: 0px; }
.post-details .post-img .post-blog a.new-link{font-size: 14px;}
.post-details .post-img .post-blog a.new-link h5{ color: #1e1e1e; line-height: 30px; display: block; overflow: hidden;    margin-bottom: 10px;  }
.categories ul li span,.widget.widget_archive ul li span.archiveCount{border-radius: 50px;  float: right; color: #ffffff; background: #1e1e1e; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; }

.marketing-map{background-image: url(../images/marketing/map-bg.png);
    background-position:center center ;
    background-repeat: no-repeat ;}

ul.info-share.org-social li a{color: #ff6a5c; cursor: pointer; }
ul.info-share.org-social li a:hover{color: #1e1e1e;}
.hover-box-effect .icon-box.blue-bg{background:#377dff; color: #ffffff; }
.hover-box-effect .icon-box.org-bg{background:#ff6a5c; color: #ffffff; }
.hover-box-effect .icon-box.yellow-bg{background:#ffd094; color: #ffffff; }
.hover-box-effect .icon-box.green-bg{background:#6cdac1; color: #ffffff; }
footer.org-menu.footer-two .menu li a:hover{color: #ff6a5c;}
.iq-best-pricing.active.dark-blue{border-color:#4731b6;}
.custom-tab.horizontaltab-demo15.dark-blue-bg .nav-pills .nav-link.active{background:#4731b6;color: #ffffff;}
#rev_slider_1_1 .nav-dir-horizontal{margin-top: 50px;}
.iq-border-top{   border-top: 1px solid rgba(0, 0, 0, 0.08);}
.iq-list.org-color li i{color: #ff6a5c;}
#back-to-top .top.org-top:hover{background:#ff6a5c;}


.iq-global{    background-image: url(../images/job-portal/bg-1.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
/*---------------------------------------------------------------------
Custom Tab
-----------------------------------------------------------------------*/
.custom-tab-chat .tab-pane.fade.active.show { display: block; }
.custom-tab-chat .tab-pane.fade { display: none; }
.custom-tab-chat .nav.nav-pills { position: relative; display: block; width: 100%; background: #ffffff; overflow: hidden;}
.custom-tab-chat .nav.nav-pills:after{    display: inline-block;
    width: 100%;
    height: 1px;
    background: rgb(2, 13, 30, 0.2);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px; z-index: 1;}
.custom-tab-chat .nav.nav-pills li { display: inline-block; width: 25%; float: left; position: relative; }
.custom-tab-chat .nav.nav-pills li a{background: transparent;    color: #ff6a5c;   
    border: none;
    font-size: 16px;
    padding: 10px 35px;
    font-family: var(--body-font-family);
    font-weight: 600;}
.custom-tab-chat .nav.nav-pills li a:hover:before{    display: inline-block;
    width: 100%;
    height: 3px;
    background: #ff6a5c;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;}
.custom-tab-chat .nav.nav-pills[aria-baorientation="vertical"] li.nav-item { width: 100%;   vertical-align: middle;   float: left; }
.custom-tab-chat .nav-pills .nav-link .tab-title { display: inline-block;font-family: var(--body-font-family);   font-size: 16px;
    font-family: var(--body-font-family);
    font-weight: 600; color: #8e989f;}
.custom-tab-chat .nav-pills .nav-link .tab-title:hover{ color: #ff6a5c; }
.custom-tab-chat .nav-pills .nav-link.active .tab-title { color: #ff6a5c; }
.custom-tab-chat .nav-pills .nav-link.active:before{    display: inline-block;
    width: 100%;
    height: 3px;
    background: #ff6a5c;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px; z-index: 2;}
.custom-tab-chat .show_content { width: 100%; }


.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] { box-shadow: none; border-radius: 0; }
.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] li.nav-item { width: 100%; vertical-align: middle; float: left; }
.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link { padding: 15px; border-radius: 0; text-align: center; }
.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link h5 { font-size: 18px; }
.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link:last-child, .custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child { margin-bottom: 0; }
.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5, .custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h5 { color: #ffffff; }
.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link.active, .custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover { box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.05); background: #437eeb; }
.custom-tab-chat .nav.nav-pills[aria-orientation="vertical"] .nav-link.active:before, .custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover:before { display: none; }

.owl-carousel .owl-item img.rounded1{width: 54px;height: 54px;border-radius: 90px;}
.flicons{font-size: 60px;line-height: 60px;}
.flicons1{font-size: 45px;}
.iconcolor{color: #1431C6;}
.iconcolor1{color: #F77A4A;}
.iconcolor3{color: #5AD4F1;}
.color-palette:hover .iconcolor{ color: #ffffff;}
.color-palette:hover .iconcolor1{color: #ffffff;}
.color-palette:hover .iconcolor3{ color: #ffffff;}
.iq-objects.style-two.right-top .iq-objects-021 img{ position: absolute;right: -25px;top: 0;z-index: 5;-webkit-animation: bounces 2s infinite alternate;
}
.footerbg{background-color: #1230c6;}
.footerbg1{ background-color: #FC3C4D;}
.footerbg2{background-color: #0ddb80;}
.footerbg3{ background-color: #a37cfc;}
footer .menu li a.anchor{color: #ffffff !important}
.heading{color: #ffffff !important}
.fa1{font-size: 20px;line-height: 32px;text-align: center}
.spanpadding{padding-left: 15px;}
.iq-blog-detail .iq-blog-meta li{background: #313e5b ;}
.iq-blog-detail .iq-blog-meta li:hover{background-color: #1230c6 !important;}
.iq-blog-detail .iq-blog-meta li a.anchor{color: #ffffff;}


header.menu-sticky .main-header { position: fixed; top: 0; background: #ffffff; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); }
header .navbar .menu-header-menu-container, header .navbar .menu-all-pages-container, header .navbar .menu-testing-menu-container, header .navbar .menu-short-container, header .navbar .menu-main-menu-container { display: inline-block; width: 100%; }
header .navbar ul { float: right; display: block; text-align: center;  }
header .navbar ul.sub-menu li { display: block; text-align: left; }
header .navbar ul li { list-style: none; margin-right: 30px; position: relative; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display: inline-block; }
header li .search-box input[type="search"] { height: 40px; font-size: 18px; display: inline-block; border: none; border-radius: 0; outline: none; padding: 15px 40px 15px 15px; width: 0px; position: absolute; top: -14px; right: 0; background: none; transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); cursor: pointer; z-index: 11; margin: -10px 0 0 0; }
header li .search-box { position: relative; }
header li .search-box input[type="search"]:focus { width: 250px; z-index: 1; cursor: text; background: #ffffff; z-index: 9; color: rgba(102, 102, 102, 0.6); font-size: 14px; }
header li .search-box .search-submit:hover { background: none; }
header ul.shop_list { margin-bottom: 0px; }
header li .search-box .search-submit { z-index: 10; color: #313e5b; padding: 0; height: 40px; width: 40px; display: inline-block; float: right; position: absolute; top: -24px; right: 0; background: none; cursor: pointer; transition: opacity 0.4s ease; }
header .navbar ul li:last-child { margin-right: 75px; }
header .navbar ul li a { position: relative; color: #313e5b; padding: 0px 0px 0px 15px; line-height: 80px; position: relative; z-index: 9; text-decoration: none; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; text-transform: capitalize; }
header .navbar ul li i { display: inline-block; font-weight: bold; font-size: 16px; color: #313e5b; }
header li .search-box .search-submit i { display: inline-block; }
header .navbar ul li .sub-menu li i { display: block; position: absolute; right: 15px; top: 10px; line-height: 28px; font-size: 12px; z-index: 9; color: #313e5b; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
header .navbar ul li .sub-menu li i:before { content: "\f105"; }
header .navbar ul li .sub-menu li:hover>a { background: #437eeb; color: #ffffff; }
header .navbar ul li .sub-menu li:hover>i { color: #ffffff; }
header .navbar ul li .sub-menu li:hover, header .navbar ul li a:hover, header .navbar ul li.current-menu-item a, header .navbar ul li.current-menu-parent a, header .navbar ul li.current-menu-parent  i, header .navbar ul li.current-menu-item i { color: #437eeb; }

/* header button */
header .navbar .sub-main .blue-btn.button a { font-size: 14px; }
header .navbar .sub-main .blue-btn.button { padding: 8px 20px; }

/* Navigation Sub Menu */
header .navbar ul li .sub-menu { display: none; }
header .navbar ul li:hover .sub-menu { display: block; background: #ffffff; position: absolute; top: 80px; left: 0; padding-left: 0; display: inline-block; width: 200px; -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); -moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); }
header .navbar ul li .sub-menu li { margin-right: 0; }
header .navbar ul li .sub-menu li a { font-size: 14px; border-radius: 0; display: inline-block; width: 100%; line-height: 28px; padding: 7px 15px; color: #313e5b; background: #ffffff; }
header .navbar ul li .sub-menu li a:hover { background: #437eeb; color: #ffffff; }
header .navbar ul li .sub-menu li a:before { display: none; }
header .navbar ul li .sub-menu li.current-menu-item a { background: #437eeb; color: #ffffff; }
header .navbar ul li .sub-menu li.current-menu-item ul li a { background: transparent; color: #437eeb; }
header .navbar ul li.current-menu-ancestor a, header .navbar ul li.current-menu-ancestor i { color: #437eeb; }
header .navbar ul li .sub-menu li.current-menu-item ul li a:hover { color: #ffffff; }

/* main*/
header .navbar ul li .sub-menu li.current-menu-parent i { color: #ffffff; }
header .navbar ul li .sub-menu li.current-menu-parent a, header .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a, header .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a { background: #437eeb; color: #ffffff; }
header .navbar ul li .sub-menu li .sub-menu li.menu-item  a { background: #ffffff; color: #313e5b; }
@media screen and (max-width:4000px) and (min-width:1023px) {
  header .navbar ul li:hover>.sub-menu { display: block !important; }
  header .navbar ul li:hover a, header .navbar ul li:hover i { color: #437eeb; text-decoration: none; }
}

/* Navigation Sub Menu */
header .navbar ul li .sub-menu li>.sub-menu { display: none; }
header .navbar ul li .sub-menu li:hover>.sub-menu { display: block; background: #ffffff; position: absolute; top: 0; left: 100%; padding-left: 0; display: inline-block; width: 200px; -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); -moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); }
header .navbar ul.sub-menu.menu li { display: inline-block; width: 29%;left: 0; float: left;
}

header ul.sub-menu.menu {
    width: 880px !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* Navigation Sticky */
header.menu-sticky .main-header { position: fixed; top: 0; background: #ffffff; }
header.menu-sticky .main-header .navbar ul li a { line-height: 65px; position: relative; }
header.menu-sticky .main-header .navbar ul li:hover .sub-menu { top: 65px; }
header.menu-sticky .navbar ul li .sub-menu li:hover>.sub-menu { top: 0; }
header.menu-sticky .navbar ul li .sub-menu>li a { line-height: 28px; }

/*---------------------------------------------------------------------
                           Header-style-1
-----------------------------------------------------------------------*/
.admin-bar header.style-one { top: 30px; }
header.style-one .sub-header { background: transparent; }
header.menu-sticky .main-header { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
header.style-one { position: absolute; background: transparent; }
header .sub-header { font-size: 14px; }
header.style-one .sub-header { padding: 0 162px; }
header.style-one li .search-box .search-submit, header.style-one li .search-box input[type="search"] { right: -30px; }
header.style-one .sub-header .number-info li a { font-size: 14px; margin-right: 0; }
header.style-one .sub-header .number-info li a { color: #525f81; line-height: 45px; padding: 0px; margin-right: 30px; }
header.style-one .sub-header .social-icone ul li i, header.style-one .sub-header .number-info li a i { color: #313e5b; }
header.style-one .sub-header .social-icone ul li:hover i, header.style-one .sub-header .number-info li:hover a i, header.style-one .sub-header .number-info li:hover a { color: #437eeb; }
header.style-one .sub-header .social-icone ul li { border: none; background: transparent; }
header.style-one .sub-header .social-icone ul li i { width: 30px; }
header.style-one .sub-header .number-info li { border: none; }
header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 150px; }
header.style-one .navbar-light .navbar-toggler-icon { background-image: none; position: relative; }
header.style-one .navbar-light .navbar-toggler-icon i { line-height: 0; font-size: 40px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

/*---------------------------------------------------------------------
                           Header-style-2
-----------------------------------------------------------------------*/
header.style-one.style-two.menu-sticky .main-header { background: #313e5b; }
header.style-one.style-two .navbar ul li .sub-menu li.current-menu-item a { color: #ffffff; background: #437eeb; }
header.style-one.style-two .sub-header .social-icone ul li:hover i, header.style-one.style-two .sub-header .number-info li:hover a i, header.style-one.style-two .sub-header .number-info li:hover a { color: #437eeb; }
header.style-one.style-two  .navbar ul li .sub-menu li i, header.style-one.style-two .sub-header .number-info li a, header.style-one.style-two .sub-header .social-icone ul li i, header.style-one.style-two .sub-header .number-info li a i { color: #ffffff; 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; }
header.style-one.style-two .navbar ul li.current-menu-ancestor a, header.style-one.style-two .navbar ul li.current-menu-ancestor i { color: #437eeb; }
header.style-one.style-two .navbar ul li a, header.style-one.style-two .navbar ul li i { color: #ffffff; }
header.style-one.style-two .navbar ul li .sub-menu li:hover>a, header.style-one.style-two .navbar ul li .sub-menu li.current-menu-parent a, header.style-one.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a, header.style-one.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a { background: #437eeb; color: #ffffff; }
header.style-one.style-two .navbar ul li .sub-menu li a, header.style-one.style-two  .navbar ul li .sub-menu li .sub-menu li.menu-item a { color: #ffffff; background: #525f81; }
header.style-one.style-two .navbar ul li .sub-menu li:hover, header.style-one.style-two .navbar ul li a:hover, header.style-one.style-two .navbar ul li.current-menu-item a, header.style-one.style-two .navbar ul li.current-menu-parent a, header.style-one.style-two .navbar ul li.current-menu-parent i, header.style-one.style-two .navbar ul li.current-menu-item i { color: #437eeb; }
@media screen and (max-width:4000px) and (min-width:1023px) {
  header.style-one.style-two .navbar ul li:hover a, header.style-one.style-two .navbar ul li:hover i { color: #437eeb; text-decoration: none; }
}
.color-palette1 { padding: 30px; border-radius: 4px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 30px; background: #ffffff;}

.color-palette3 { padding: 30px; border-radius: 4px; box-shadow: none; position: relative; margin-bottom: 30px; background: none;}
.iq-flip-box1{background-color: #4571F4;}
.iq-flip-box2{ background-color: #08DA7E;}
.iq-flip-box3{background-color: #FF92B0;}
.iq-flip-box{ padding: 45px 30px;}
.iq-flip-box-title{ margin: 0px 0 15px 0;}
@media screen and (max-width:1024px) and (min-width:1370px){
  header{
    width: 108px;
  }
}
.iq-price{font-size: 60px;}
.iq-price-table-3::before{content: "";border-top: 60px solid white;border-left: 60px solid transparent;width: 0px;height: 0px;position: absolute;top: -1px;right: 15px;}
.profile-img21 {position: absolute;left: 0;right: 0;text-align: center;transform: translateY(-35px);}
.iq-image{ width: 15%!important;
}
.iq-button{font-size: 14px;color: white;background-color: #08DA7E;}
.card-footer{background-color: unset;}
.section-top{padding: 120px 0px 120px 0px;background-color: rgba(69, 113, 244, 0.07)!important;
}

.iq-testimonial-quote{position: absolute;font-size: 90px;line-height: 90px;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);text-align: center;z-index: -1;opacity: 1;}
.img-logo1{ width: 50px !important;}
.iq-demo5-image{ max-height: 100px;}
.iq-price-label{font-size: 24px;color: #1e1e1e !important;}
.iq-price-service{padding: 30px 45px;}
.iq-price-header{padding: 30px;border-bottom: 1px solid #eeeeee;}
.iq-price-main{ margin-bottom: 20px;}
.iq-demo2-btn{color: unset !important;}
.iq-price-footer{border-top: 1px solid #eeeeee;padding: 30px 15px;z-index: 9;position: relative;}
.iq-pricetable-header{padding: 15px 30px;background-color: #4571F4;color: white;border-radius: 4px;}
.iq-accordion-title{background: #f7f7f7;border:1px solid #f7f7f7;}
.iq-price-body{color: #a37cfc !important;}
.imageposition{position:relative;margin-top: -32px;}


 .iq-team-blog { position: relative; overflow: hidden; }
 .iq-team-blog:hover .team-blog:before { opacity: 1; }
 .iq-team-blog .team-blog:before,  .iq-team-blog:hover .team-blog:before,  .iq-team-blog:hover .iq-team-description,  .iq-team-blog:hover .iq-team-social,  .iq-team-blog .iq-team-social { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
 .iq-team-description h5 { position: absolute; color: var(--white-color); left: -50%; bottom: 20%; opacity: 0; z-index: 9; 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; }
 .iq-team-blog:hover .iq-team-description h5 { opacity: 1; left: 5%; }
 .iq-team-description p { margin: 0; position: absolute; color: var(--white-color); left: -50%; bottom: 10%; opacity: 0; z-index: 9; transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; }
 .iq-team-blog:hover .iq-team-description p { opacity: 1; left: 5%; }
 .iq-team-description .line { background: var(--white-color); height: 1px; width: 0; position: absolute; left: 0; bottom: 30%; z-index: 9; opacity: 0; transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; }
 .iq-team-blog:hover .iq-team-description .line { opacity: 1; width: 150px; }
 .iq-team-blog .iq-team-social { position: absolute; right: -50%; bottom: 5%; opacity: 0; z-index: 9; }
 .iq-team-blog:hover .iq-team-social { opacity: 1; right: 5%; }
 .iq-team-blog .iq-team-social ul { width: 100%; display: inline-block; margin: 0; padding: 0; }
 .iq-team-blog .iq-team-social ul li { display: inline-block; }
 .iq-team-blog .iq-team-social ul li a { color: var(--white-color); padding: 10px; }
 .iq-team-blog .iq-team-social ul li a:hover { color: var(--primary-color); }
 .iq-team-blog .iq-team-social ul li a i { font-size: 20px; display: inline-block; float: none; text-align: center; background: transparent; }
 .iq-team-img:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; opacity: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f9ff', endColorstr='var(--primary-color)', GradientType=0); /* IE6-9 */ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
 .iq-team-blog:hover .iq-team-img:before { opacity: 1; }

  .iq-process-step { background: var(--white-color); border-radius: 4px; min-height: 160px; margin: 0px 0 30px; padding: 30px 15px; z-index: 0; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); position: relative; display: block; 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; }
 .iq-step-title,  .iq-step-text-area { 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; }
 .iq-process-step  .iq-step-content .step-number { background-color: #FF92B0; color: #FFFFFF; border-radius: 100px; background-color: #FF92B0; color: #FFFFFF; width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; font-weight: 600; top: -15px; right: -15px; z-index: 1;  }

 .iq-process-step  .iq-step-content i { font-size: 45px; color:  #FF92B0; 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; }
 .iq-process-step  .iq-step-content { margin-bottom: 10px; display: inline-block; line-height: normal; vertical-align: middle; margin-left: 67px; }
 .iq-process-step .iq-step-text-area .iq-step-desc { margin-top: 10px; margin-bottom: 15px; display: block; }
 .iq-process-step { 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; }
 .iq-process-step:hover { box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); background-color: #FF92B0; color: #FFFFFF;  }
 .iq-process-step:hover  .iq-step-content .step-number { background-color: #FF92B0; color: #FFFFFF; box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
 .iq-process-step:hover  .iq-step-content i, .iq-step-title,  .iq-step-desc { color: var(--white-color); }
 

 .iq-process-step1 { background: var(--white-color); border-radius: 4px; min-height: 160px; margin: 0px 0 30px; z-index: 0; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); position: relative; display: block; 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; }
 .iq-step-title1,  .iq-step-text-area1 { 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; }
 .iq-process-step1  .iq-step-content1 .step-number1 { background-color: #5AD4F1; color: #FFFFFF; border-radius: 100px; background-color: #5AD4F1; color: #FFFFFF; width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; font-weight: 600; top: -15px; right: -15px; z-index: 1;  }
 .iq-process-step1  .iq-step-content1 i { font-size: 45px; color:  #5AD4F1; 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; }
 .iq-process-step1  .iq-step-content1 { margin-bottom: 10px; display: inline-block; line-height: normal; vertical-align: middle; margin-left: 95px; margin-top: 34px; }
 .iq-process-step1 .iq-step-text-area1 { margin-top: 10px; margin-bottom: 15px; display: block; }
 .iq-process-step1 { 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; }
 .iq-process-step1:hover { box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); background-color: #5AD4F1; color: #FFFFFF;  }
 .iq-process-step1:hover  .iq-step-content1 .step-number1 { background-color: #5AD4F1; color: #FFFFFF; box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4); }
 .iq-process-step1:hover  .iq-step-content1 i, .iq-step-title1 { color: var(--white-color); }
 


 /*style 1*/
.iq-icon-box-style-1 {position: relative;padding: 30px;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;background: var(--white-color);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow: hidden;}
.iq-icon-box-style-1 .icon-box-img i { font-size: 45px; color: var(--primary-color); }
.iq-icon-box-style-1 .icon-box-img { line-height: normal; }
.iq-icon-box-style-1 .icon-box-content .icon-box-title a { margin: 15px 0; display: inline-block; }
.iq-icon-box-style-1 .icon-box-content .icon-box-desc { margin: 0; }
.iq-icon-box-style-1::before {width: 0;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;height: 4px;background: var(--primary-color);content: "";position: absolute;left: 0;right: 0;bottom: 0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.iq-icon-box-style-1:hover::before, .iq-icon-box-style-1.active::before { width: 100%; }
.iq-icon-box-style-1:hover, .iq-icon-box-style-1.active { -webkit-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); }

 /*style 2*/
 .iq-icon-box-style-2 {position: relative;padding: 30px;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;background: var(--white-color);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow: hidden;}
 .iq-icon-box-style-2 .icon-box-img i { font-size: 45px; color: #FF92B0; }
 .iq-icon-box-style-2 .icon-box-img { line-height: normal; }
 .iq-icon-box-style-2 .icon-box-content .icon-box-title a { margin: 15px 0; display: inline-block; }
 .iq-icon-box-style-2 .icon-box-content .icon-box-desc { margin: 0; }
 .iq-icon-box-style-2::before {width: 0;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;height: 4px;background: #FF92B0;content: "";position: absolute;left: 0;right: 0;bottom: 0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
 .iq-icon-box-style-2:hover::before, .iq-icon-box-style-1.active::before { width: 100%; }
 .iq-icon-box-style-2:hover, .iq-icon-box-style-1.active { -webkit-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); }
 
  /*style 2*/
  .iq-icon-box-style-3 {position: relative;padding: 30px;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;background: var(--white-color);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow: hidden;}
  .iq-icon-box-style-3 .icon-box-img i { font-size: 45px; color:#5AD4F1; }
  .iq-icon-box-style-3 .icon-box-img { line-height: normal; }
  .iq-icon-box-style-3 .icon-box-content .icon-box-title a { margin: 15px 0; display: inline-block; }
  .iq-icon-box-style-3 .icon-box-content .icon-box-desc { margin: 0; }
  .iq-icon-box-style-3::before {width: 0;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;height: 4px;background:#5AD4F1;content: "";position: absolute;left: 0;right: 0;bottom: 0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
  .iq-icon-box-style-3:hover::before, .iq-icon-box-style-1.active::before { width: 100%; }
  .iq-icon-box-style-3:hover, .iq-icon-box-style-1.active { -webkit-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06); }