/*
Template: Xamin - Data Science And Analytics Landing Page
Author: iqonicthemes.in
Version: 2.0
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 Xamin ?
:: 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: #437eeb;
  --secondary-color: #313e5b;
  --white-color:#ffffff;
  --white-light-color:#eff1fe;
  --warning-color:#ff0000;
  --success-color:#398f14;
  --title-color:#313e5b;
  --sub-title-color:#437eeb;
  --body-text:#525f81;
  --ver-menu-back:rgba(67, 126 ,235 , 0.08);
  --dark-menu:#95a0b2; 
  --dark-back:#171d33;
  --body-dark:#19203a;
}


/*---------------------------------------------------------------------
                              General
-----------------------------------------------------------------------*/
*::-moz-selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
::-moz-selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
::selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
body { font-family: 'Karla', sans-serif; font-weight: normal; font-style: normal; font-size: 1em; line-height: 30px; color: var(--body-text); overflow-x: hidden !important; }
a{ 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: var(--title-color); }
i{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 { 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: var(--secondary-color); }
a:focus { text-decoration: none !important; }
a:hover { text-decoration: none; }
a, .button, input { outline: medium none !important; color: var(--primary-color); }
h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; color: var(--title-color); margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5em; font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
a h1, a h2, a h3, a h4, a h5, a h6 { color: var(--title-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; }
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color: var(--sub-title-color); }
h1 { font-size: 3.052em; }
h2 { font-size: 2.441em; }
h3 { font-size: 1.953em; }
h4 { font-size: 1.563em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
.container { max-width: 1170px; }
.font-weight-bold { font-weight: bold !important; }

/* HTML Tags */
.elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button:hover, .elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button:focus { background: var(--secondary-color); }
.elementor-element .elementor-widget-container .elementor-button-wrapper .elementor-button { background: var(--primary-color); }
a { color: var(--sub-title-color); outline: none; }
a:focus, a:hover { color: var(--primary-color); outline: none; }
ins { background: var(--white-light-color); text-decoration: none; }
img { max-width: 100%; height: auto; }
pre { background: var(--white-light-color); padding: 15px; border: 1px solid var(--white-light-color); }
hr { margin: 0; padding: 0px; border-bottom: 1px solid var(--white-light-color); border-top: 0px; }
blockquote { background: var(--white-light-color); padding: 15px 30px; border-left: 5px solid var(--primary-color); margin-bottom: 30px; border-radius: 4px; }
blockquote cite { font-family: 'Lato', 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: var(--body-text); 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; }
.blog-content p { margin-bottom: 15px; }
.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: var(--white-color); background: var(--secondary-color); 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: var(--white-color); }
article.hentry.sticky .consulting-blog .blog-details { background: var(--white-light-color); 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 var(--white-light-color); width: 100%; margin-bottom: 20px; }
table td, table th { border: 1px solid var(--white-light-color); padding: 5px 8px; text-align: center; }

/* Form */
label { color: var(--secondary-color); 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: var(--white-color); border: 1px solid var(--white-light-color); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: var(--body-text); 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: var(--white-color); line-height: 48px; height: 48px; padding: 0 10px; width: 100%; color: var(--body-text); -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: var(--white-color); 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: 90px; 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: var(--white-color); background: var(--secondary-color); outline: none; }
input[type=checkbox] { width: auto; margin-right: 10px; line-height: 2; height: 32px; }
.comments-area blockquote { background: var(--white-color); }
.comments-area table td, .comments-area table th { border: 1px solid var(--secondary-color); }
.wp-block-button__link { padding: 10px 30px; font-size: 16px; }
.error { color: var(--warning-color) !important; }
div.wpcf7-response-output { display: none; }
.wpcf7-form .cfield .wpcf7-not-valid { border: 1px solid var(--warning-color); }
.site-content { display: inline-block; width: 100%; float: left; }
.vc_parallax { overflow: hidden !important; }
div.wpcf7-mail-sent-ok { position: relative; left: 0; right: 0; bottom: 0; border: none; color: var(--success-color); margin: 0; }

/* 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: 100px 0; }
.site-padding { padding-left: 45px !important; }
.overview-block-ptb { padding-top: 100px; }
.sf-content:after, .sf-content:before { clear: both; content: ""; display: table; }
.slider-overview-block-pt { padding-top: 70px; }
.content-area .site-main { padding: 100px 0; display: inline-block; width: 100%; float: left; overflow: hidden; }
.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid { padding: 100px 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; }

/*---------------------------------------------------------------------
 404
-----------------------------------------------------------------------*/
.error-bg { float: left; width: 100%; display: block; }
.error-404 .big-text { font-size: 240px; font-family: 'Lato', sans-serif; line-height: 240px; color: var(--secondary-color); font-weight: bold; }
.xamin-gradient-bg-top { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff1fe), color-stop(60%, #ffffff)); background: -moz-linear-gradient(top, #eff1fe 0, #ffffff 60%); background: -webkit-linear-gradient(top, #eff1fe 0, #ffffff 60%); background: -o-linear-gradient(top, #eff1fe 0, #ffffff 60%); background: -ms-linear-gradient(top, #eff1fe 0, #ffffff 60%); background: linear-gradient(top, #eff1fe 0, #ffffff 60%); }
.xamin-gradient-bg-bottom { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff1fe), color-stop(60%, #ffffff)); background: -moz-linear-gradient(bottom, #eff1fe 0, #ffffff 60%); background: -webkit-linear-gradient(bottom, #eff1fe 0, #ffffff 60%); background: -o-linear-gradient(bottom, #eff1fe 0, #ffffff 60%); background: -ms-linear-gradient(bottom, #eff1fe 0, #ffffff 60%); background: linear-gradient(bottom, #eff1fe 0, #ffffff 60%); }
ul.iq-list { margin: 0px; }
.column-2 ul.iq-list { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

/*---------------------------------------------------------------------
                          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: var(--white-color); background: var(--secondary-color); position: fixed; bottom: 30px; right: 25px; z-index: 999; font-size: 26px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 90px; -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: var(--white-color); -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: var(--white-color); z-index: 9999; }
#loading img { width: 400px; }

/*---------------------------------------------------------------------
                           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: var(--white-color); border: 1px solid var(--white-light-color); 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: var(--body-text); }

/* 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: var(--white-light-color); 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 { position: relative; width: 100%; background: var(--white-color); display: inline-block; z-index: 999; -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; }

/* Header Top */
header .sub-header .number-info ul { margin: 0; padding: 0; }
header .sub-header .number-info li { list-style: none; float: left; margin-right: 0px; border-left: 1px solid rgba(255, 255, 255, 0.18); }
header .sub-header .number-info li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.18); margin-right: 0; }
header .sub-header .number-info li a { color: var(--white-color); line-height: 45px; padding: 0 15px; }
header .sub-header .number-info li a:hover { color: var(--primary-color); text-decoration: none; }
header .sub-header .number-info li a i { margin-right: 5px; }
header .sub-header nav { display: flex; }
header .sub-header .request-btn a { background: var(--primary-color); padding: 14px 30px; color: var(--white-color); line-height: 45px; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.30); z-index: 2; }
header .sub-header .request-btn a:before { pointer-events: none; background: var(--primary-color); width: 100%; position: absolute; top: 0; left: 100%; height: 100%; content: ""; display: inline-block; z-index: -1; }
header .sub-header .request-btn a:hover { background: var(--primary-color); color: var(--white-color); text-decoration: none; }
header .sub-header .social-icone ul { margin: 0; padding: 0; }
header .sub-header .social-icone ul li i { color: var(--white-color); width: 45px; height: 45px; line-height: 45px; }
header .sub-header .social-icone ul li { display: inline-block !important; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.30); height: 45px; background: var(--primary-color); }
header .sub-header .social-icone ul li:last-child { margin-right: 0; }
header .sub-header .social-icone ul li a { color: var(--secondary-color); }
header .sub-header .social-icone ul li a:hover { color: var(--primary-color); }
header .navbar-light .navbar-brand img.logo { width: 160px; }

/* Header Bottom */
header .main-header { padding: 0 162px; }
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 .sub-header { padding: 0px 162px; background: var(--secondary-color); overflow: hidden; }
header .navbar-light { padding: 0; }
.admin-bar header { top: 0; }
.admin-bar header.header-three { top: 32px; }
.admin-bar header.menu-sticky .main-header { top: 32px; padding: 0 162px; }
@media(max-width:767px) {
  .admin-bar header { top: 0; transition: all 0s ease-in-out; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; }
  .admin-bar header.menu-sticky .main-header { top: 0; }
  .admin-bar header.menu-sticky { top: 0; }
  header.menu-sticky .main-header { position: relative; }
}
@media only screen and (min-device-width:601px) and (max-device-width:768px) {
  .admin-bar header.menu-sticky .main-header { top: 46px; }
}

/*--------------------------------------------------------------
                       Navigation
--------------------------------------------------------------*/
header.menu-sticky .main-header { position: fixed; top: 0; background: var(--white-color); -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, header .navbar #iq-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: var(--white-color); 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: var(--secondary-color); 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: var(--secondary-color); 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: var(--secondary-color); 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 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: var(--secondary-color); 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: var(--white-color); }
header .navbar ul li .sub-menu li:hover>i { color: var(--white-color); }
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 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: var(--white-color); 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: 10px 15px; color: var(--secondary-color); background: var(--white-color); }
header .navbar ul li .sub-menu li a:hover { background: var(--primary-color); color: var(--white-color); }
header .navbar ul li .sub-menu li a:before { display: none; }
header .navbar ul li .sub-menu li.current-menu-item a { background: var(--primary-color); color: var(--white-color); }
header .navbar ul li .sub-menu li.current-menu-item ul li a { background: transparent; color: var(--primary-color); }
header .navbar ul li.current-menu-ancestor a, header .navbar ul li.current-menu-ancestor i { color: var(--primary-color); }
header .navbar ul li .sub-menu li.current-menu-item ul li a:hover { color: var(--white-color); }

/* main*/
header .navbar ul li .sub-menu li.current-menu-parent i { color: var(--white-color); }
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: var(--primary-color); color: var(--white-color); }
header .navbar ul li .sub-menu li .sub-menu li.menu-item  a { background: var(--white-color); color: var(--secondary-color); }
@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: var(--primary-color); 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: var(--white-color); 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); }

/* Navigation Sticky */
header.menu-sticky .main-header { position: fixed; top: 0; background: var(--white-color); }
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: var(--body-text); 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: var(--secondary-color); }
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: var(--primary-color); }
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: var(--secondary-color); }
header.style-one.style-two .navbar ul li .sub-menu li.current-menu-item a { color: var(--white-color); background: var(--primary-color); }
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: var(--primary-color); }
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: var(--white-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; }
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: var(--primary-color); }
header.style-one.style-two .navbar ul li a, header.style-one.style-two .navbar ul li i { color: var(--white-color); }
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: var(--primary-color); color: var(--white-color); }
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: var(--white-color); background: var(--body-text); }
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: var(--primary-color); }
@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: var(--primary-color); text-decoration: none; }
}
.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: var(--white-light-color); }
.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; }
.button_link { color: var(--secondary-color); font-weight: bold; font-family: 'Lato', sans-serif; }
.button_link i { margin-right: 10px; color: #81e5f2; }
.button_link:hover { color: var(--secondary-color); }
.fancy_banner { padding: 0 150px; }

/*----------------------------------------------------------------------
                                Buttons
-----------------------------------------------------------------------*/
.button { color: var(--white-color); padding: 10px 30px; border: none; position: relative; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: var(--secondary-color); border-radius: 90px; cursor: pointer; z-index: 4; }
.button:hover { background: var(--primary-color); }
.white-btn.button:hover, .blue-btn.button:hover { background: var(--secondary-color); color: var(--white-color); }
.white-btn.button { color: var(--primary-color); background: var(--white-color); }
.white-btn.button:focus { color: var(--primary-color); }
.blue-btn.button { color: var(--white-color); background: var(--primary-color); display: inline-grid; }
.blue-btn.button a { color: var(--white-color); text-decoration: none; }
.blue-btn.button:before { background: var(--secondary-color); }
.blue-btn.button:focus { color: var(--secondary-color); }
.button:hover { text-decoration: none; color: var(--white-color); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
.button:focus, .button.blue-btn:focus { color: var(--white-color); }
.button span { z-index: 2; position: relative; }
.xamin-left-img img { position: relative; left: -47%; max-width: 155% !important; }
.xamin-right-img img { right: -19%; max-width: 150% !important; margin-bottom: -1px; }
.iq-objects-03 { z-index: 1; }
.button.border-btn { border: 1px solid var(--secondary-color); color: var(--secondary-color); background: var(--white-color); }
.button.border-btn:hover { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }

/*---------------------------------------------------------------------
                        Blog - SideBar
-----------------------------------------------------------------------*/
.iq-widget-menu ul.iq-post li { border: none; }
.iq-post-sidebar { height: 100%; }
.widget { margin-bottom: 45px; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; width: 100%; float: left; position: relative; background: var(--white-light-color); }
.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 { padding: 0; 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: var(--secondary-color); border: 1px solid rgba(36, 38, 43, 0.14); background: var(--white-color); 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: var(--white-color); cursor: pointer; padding: 9px 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: var(--secondary-color); }
.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:before { position: absolute; content: "\f111"; color: var(--primary-color); top: 9px; font-size: 5px; left: 0; font-family: FontAwesome; line-height: normal; 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; }
.widget ul li a:hover:before { color: var(--primary-color); }
.widget ul li a { padding-left: 15px; color: var(--body-text); 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); }

/*SideBar - Recent Comments*/
.widget.widget_recent_comments #recentcomments li.recentcomments span a { color: var(--body-text); font-weight: 600; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:before { display: none; }
.widget.widget_recent_comments #recentcomments li.recentcomments a { color: var(--primary-color); padding-left: 0; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:hover { color: var(--primary-color); text-decoration: underline !important; padding-left: 0; }
.iq-widget-menu .iq-post li a:before { display: none; }
.iq-widget-menu .iq-post li a { padding-left: 0; }

/* SideBar Calendar */
.widget_calendar table caption { caption-side: inherit; padding: 0 0 10px; color: var(--secondary-color); text-transform: uppercase; }
.widget_calendar table#wp-calendar { width: 100%; text-align: center; margin-bottom: 0; margin-top: 0; background: var(--white-color); }
.widget_calendar .calendar_wrap td#today { background: var(--primary-color); color: var(--white-color); }
.widget_calendar .calendar_wrap td#today a { color: var(--white-color); }
.widget_calendar .calendar_wrap table th { background: var(--white-color); color: var(--secondary-color); }
.widget_calendar .calendar_wrap table th, .widget_calendar .calendar_wrap table td { padding: 8px; text-align: center; }
.widget.widget_nav_menu .menu-service-menu-container ul li a:before { display: none; }

/* SideBar Categories List */
.widget_categories ul li, .widget_archive ul li { color: var(--primary-color); }
.widget_categories ul li a, .widget_archive ul li a { color: var(--body-text); }

/* SideBar Archives Dropdown */
.widget select, .widget.widget_archive select, .widget_categories select { background: var(--white-color); outline: none; }

/* Meta - widget RSS*/
.widget.widget_rss ul li { margin-bottom: 20px; }
.widget.widget_rss ul li:last-child { margin-bottom: 0; }
.widget.widget_rss ul li a { padding-left: 0; font-size: 18px; color: var(--secondary-color); font-weight: 600; }
.widget.widget_rss ul li a:hover { color: var(--primary-color); }
.widget.widget_rss ul li a:before { display: none; }
.widget.widget_rss ul li .rss-date { text-transform: uppercase; display: inline-block; width: 100%; margin: 5px 0; color: var(--primary-color); font-size: 14px; }
.widget.widget_rss ul li cite { margin-top: 5px; display: inline-block; width: 100%; }

/*widget Nav Menu*/
.widget.widget_nav_menu ul li, .widget ul.menu li { margin-bottom: 0; }
.widget.widget_nav_menu ul li .sub-menu, .widget ul.menu li .sub-menu { display: block !important; padding-left: 20px; }
.widget.widget_nav_menu ul li .sub-menu li a, .widget ul.menu li .sub-menu li a { }
.widget.widget_nav_menu ul li a, .widget ul.menu li a { padding: 10px 0 10px 15px; display: inline-block; width: 100%; border-bottom: 1px solid var(--white-color); }
.widget.widget_nav_menu ul li i, .widget ul.menu li i { display: none; }
.widget.widget_nav_menu ul li a:before, .widget ul.menu li a:before { top: 25px; }
.widget.widget_nav_menu #menu-service-menu li.current-menu-item a { background: var(--primary-color); color: var(--white-color); }

/* SideBar - widget Recent Entries*/
.widget_recent_entries ul li .post-date { color: var(--secondary-color); }

/*SideBar - Tags*/
.widget_tag_cloud ul { margin: 0; padding: 0; }
.widget_tag_cloud ul li { padding: 0; display: inline-block; margin: 3px 5px 3px 0; }
.widget_tag_cloud ul li a { background: var(--primary-color); display: inline-block; color: var(--white-color); padding: 2px 10px; border-radius: 90px; 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 a:hover { background: var(--secondary-color); color: var(--white-color); padding: 2px 10px; }
.widget_tag_cloud ul li a:before { display: none; }
.facy-widget { padding: 30px; background: var(--primary-color); }
footer ul.wp-tag-cloud li a { background: var(--white-light-color); display: inline-block; color: var(--body-text); 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: 90px; }
footer ul.wp-tag-cloud li a:hover { color: #ffffff !important; background: var(--secondary-color); }
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: var(--white-color); }

/* 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: var(--white-color); border: 2px solid #333; border-radius: 3px; clip: auto !important; color: var(--secondary-color); 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: 90px; display: inline-block; background: var(--secondary-color); color: var(--white-color); text-align: center; line-height: 45px }
.share ul li a:hover { background: var(--primary-color); color: var(--white-color); }
.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
-----------------------------------------------------------------------*/
.sticky .iq-blog-box { background: var(--white-light-color); }
.iq-blog-box { position: relative; overflow: hidden; margin-bottom: 30px; border: 1px solid var(--white-light-color); background: var(--white-color); border-radius: 4px; }
.iq-blog-box .iq-blog-image { position: relative; text-align: center; display: inline-block; float: left; width: 100%; }
.iq-blog-box .iq-blog-image img { margin-bottom: 30px; background: var(--white-light-color); }
.iq-blog-box .blog-title { margin: 0 0 10px 0; }
.iq-blog-box .blog-title a h4 { color: var(--title-color); text-decoration: none; }
.iq-blog-box .blog-title a:hover h4, .iq-blog-box .blog-title a:hover { color: var(--primary-color); text-decoration: none; }
.iq-blog-box .iq-blog-detail { padding: 30px; display: inline-block; float: left; width: 100%; }
.xamin-space-bottom .iq-blog-box .iq-blog-detail { padding: 0 30px 30px; }
.owl-carousel .iq-blog-box .iq-blog-detail { display: inline-block; float: left; width: 100%; padding: 0 15px 15px; }
.owl-carousel .iq-blog-box { margin: 0 15px 45px; 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; }
.owl-carousel .iq-blog-box:hover { box-shadow: 4.871px 34.659px 15px -24px rgba(0, 0, 0, 0.06); }
.iq-blog-box .iq-blog-detail .iq-blog-meta ul { margin: 0 0 10px; padding: 0; line-height: 16px; }
.iq-blog-box .iq-blog-detail p { margin-bottom: 15px; }
.iq-blog-box .iq-blogtag { margin: 0 0 0 15px; padding: 0; display: inline-block; width: 100%; position: absolute; bottom: 15px; left: 0; }
.iq-blog-box .iq-blogtag li { list-style: none; float: left; margin-right: 5px; }
.iq-blog-box .iq-blogtag li a { background: var(--primary-color); color: var(--white-color); padding: 5px 10px; text-transform: uppercase; border-radius: 90px; font-size: 14px; }
.iq-blog-box .iq-blogtag li a:hover { text-decoration: none; background: var(--secondary-color); color: var(--white-color); }
.has-post-thumbnail .iq-blog-box .iq-blog-detail { padding: 0px 30px 30px; display: inline-block; float: left; width: 100%; }
.iq-blog-box .iq-blog-detail blockquote p { margin-bottom: 0; }
.iq-blog-box .iq-blog-detail .blockquote { margin-top: 0; }
.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; }
.iq-blog-detail .blog-content .wp-block-archives, .iq-blog-detail .blog-content .wp-block-categories, .iq-blog-detail .blog-content .wp-block-latest-posts { margin: 0  0 30px; padding: 0; }
.iq-blog-detail .blog-content .wp-block-archives li, .iq-blog-detail .blog-content .wp-block-categories li, .iq-blog-detail .blog-content .wp-block-latest-posts  li { list-style-type: none; }
.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: var(--white-light-color); }
.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; }
.iq-blog-detail .blog-content .page-links a, .page-links > span.page-number, .page-links a { border: none; width: 30px; height: 30px; line-height: 30px; text-align: center; background: var(--white-light-color); margin-left: 5px; padding: 0px; display: inline-block; color: var(--secondary-color); }
.iq-blog-detail .blog-content .page-links a:hover { text-decoration: none; border-color: transparent; background: var(--primary-color); color: var(--white-color); }
.iq-blog-detail .blog-content .page-links > span.page-number, .page-links > span.page-number { background: var(--primary-color); color: var(--white-color); }
article.hentry .iq-blog-detail .blog-content .page-links a:hover { color: var(--white-color); }

/* Gallery */
.gallery-size-thumbnail .gallery-item { margin-right: 2%; width: 18.4%; margin-bottom: 2%; display: inline-block; vertical-align: top; }
.gallery-item .gallery-caption { line-height: 22px; font-size: 14px; }
.gallery-size-thumbnail .gallery-item img { margin-bottom: 10px; }
.gallery-columns-1 .gallery-item { width: 100%; margin-right: 0px; }
.gallery-columns-2 .gallery-item { width: 48%; }
.gallery-columns-3 .gallery-item { width: 31.3%; }
.gallery-columns-4 .gallery-item { width: 23%; }
.gallery-columns-5 .gallery-item { width: 18%; }
.gallery-columns-6 .gallery-item { width: 14.6%; }
.gallery-columns-7 .gallery-item { width: 12.2%; }
.gallery-columns-8 .gallery-item { width: 10.5%; }
.gallery-columns-9 .gallery-item { width: 9.1%; }
.gallery.gallery-size-thumbnail { display: inline-block; width: 100%; }

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

/*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: var(--secondary-color); background-color: var(--white-color); border: 1px solid var(--white-light-color); border-radius: 90px; }
.page-numbers li .page-numbers:hover { z-index: 2; color: var(--white-color); 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: var(--white-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; background: var(--primary-color); border-color: var(--primary-color); }

/*---------------------------------------------------------------------
                         Blog Page Comments
-----------------------------------------------------------------------*/

/* Comments Box */
.comments-area, .comment-respond { margin-top: 45px; clear: both; }
.comments-area .comments-title, .comment-respond .comment-reply-title { margin: 0px; position: relative; padding-bottom: 0px; }
.comment-respond .comment-reply-title  a { color: var(--secondary-color); font-size: 80%; }
.comment-respond .comment-reply-title  a:hover { color: var(--primary-color); text-decoration: none; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist .comment { margin-top: 30px; margin-bottom: 0; vertical-align: top; padding: 0; list-style: none; }
ol.commentlist .pingback, ol.commentlist .trackback { margin-left: 25px; }
ol.commentlist .pingback a, ol.commentlist .trackback a { color: var(--secondary-color); }
ol.commentlist .pingback a:hover, ol.commentlist .trackback a:hover { color: var(--primary-color); }
.commentlist li .comment-respond { margin-top: 30px; }
.commentlist .iq-comments-media { padding: 30px; border-radius: 0; border: 1px solid var(--white-light-color); position: relative; background: var(--white-color); border-radius: 4px; }
.commentlist ol.children { padding-left: 60px; }
.commentlist .iq-comment-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.commentlist .iq-comments-photo { padding-right: 15px; }
.commentlist .iq-comments-photo img { width: 80px; height: auto; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.commentlist .iq-comments-info { position: relative; display: inline-block; width: 100%; }
.commentlist .iq-comments-info .title { margin: 0; font-size: 20px; color: var(--primary-color); }
.commentlist .iq-comments-info .title a:hover { text-decoration: none; }
.commentlist .iq-comment-metadata { color: var(--body-text); margin: 5px 0; }
.commentlist .comment-content p { margin-bottom: 0; }
.commentlist .iq-comment-metadata a { color: var(--secondary-color); }
.commentlist .iq-comment-metadata a:hover { color: var(--primary-color); text-decoration: none; }
.commentlist .iq-comment-metadata i { padding-right: 5px; }
.commentlist .iq-comments-media .reply a { border-radius: 90px; position: absolute; margin: 0; padding: 2px 15px; font-size: 12px; right: 30px; top: 30px; color: var(--white-color); background: var(--secondary-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; }
.commentlist .iq-comments-media .reply a:hover { background: var(--primary-color); text-decoration: none; }
.no-comments, .comment-awaiting-moderation { font-style: italic; margin: 15px 0; }

/* Comments Form */
.comment-respond .comment-notes, .comment-respond  .logged-in-as { padding: 0; margin: 0 }
.comment-respond .comment-form-comment { margin-top: 15px; margin-bottom: 30px; display: inline-block; width: 100%; }
.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 32%; display: inline-block; float: left; margin-right: 15px; margin-bottom: 30px; }
.comment-respond .comment-form-url { margin-right: 0; }
.comment-respond .form-submit { display: inline-block; width: 100%; margin-bottom: 0; }
.commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 31.88%; }

/*---------------------------------------------------------------------
                           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: var(--white-color); background: var(--secondary-color); 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: 90px; }
.owl-carousel .owl-nav i:hover { background: var(--primary-color); color: var(--white-color); }

/* 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: var(--secondary-color); display: inline-block; border-radius: 90px; padding: 0; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid var(--secondary-color); 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); }
.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: 90px; background: var(--white-color); text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.blue .consult-video a { background: var(--primary-color); color: var(--white-color); }
.blue  .video-btn .btn-waves .waves { border-color: var(--primary-color); }

/*---------------------------------------------------------------------
  Banners
-----------------------------------------------------------------------*/
.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%; / This reserves a 16:9 space /
padding-top: 25px; height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*---------------------------------------------------------------------
  Bg effect
-----------------------------------------------------------------------*/
.iq-objects { -webkit-animation: jump 2s infinite alternate; }
.iq-objects-01, .iq-objects-02, .iq-objects-03 { -webkit-animation: jump 2s infinite alternate; }
@keyframes jump {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}
@-webkit-keyframes jump {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}

/*---------------------------------------------------------------------
  Scroll effect
-----------------------------------------------------------------------*/
.white-bg .title-box h2 { color: var(--white-color); }
.services-advanced .service-detail h4 { color: var(--secondary-color); font-size: 24px; }
.services-advanced .service-detail p { color: var(--body-text); }
.service-box.style2 { display: block; border: 1px solid var(--white-light-color); border-radius: 5px; margin-bottom: 30px; }
.service-box.style2 img { width: auto; height: auto; margin-bottom: 30px; }
.service-boxon-shodow { margin-bottom: 30px; display: block; 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; }
.service-boxon-shodow img { width: auto; height: auto; margin-bottom: 20px; margin-right: 15px; }
.service-boxon-shodow:hover { box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); background: var(--white-color); border-radius: 5px; }
.service-boxon-shodow i { font-size: 50px; margin-right: 30px; line-height: 70px; display: inline-block; color: var(--primary-color); }
.service-boxon-shodow .iq-list li i { font-size: 18px; position: absolute; top: 8px; left: 0; display: inline-block; line-height: initial; }
.service-boxon-shodow .iq-list li span { color: var(--secondary-color); }
.service-boxon-shodow .service-detail p { margin-bottom: 0px }
.service-boxon-shodow .service-detail .iq-list { margin-top: 15px; }
.iq-address { margin: 0px; padding: 0px; }
.iq-address li { margin-bottom: 15px; list-style-type: none; display: inherit; }
.iq-address li a { padding-left: 15px; color: var(--body-text); position: relative; -ms-word-wrap: break-word; word-wrap: break-word; }
.iq-address li a i { position: absolute; left: 0; line-height: 34px; font-size: 18px; color: var(--primary-color); }
.iq-address li a .header { width: 80px; display: inline-block; padding-left: 8px; font-weight: bold; }
.iq-address li a .content { padding-left: 0px; display: table-cell; word-wrap: anywhere; word-break: break-word; }

/*---------------------------------------------------------------------
  Slick slider
-----------------------------------------------------------------------*/
.slider { width: 50%; margin: 107px auto; }
.slick-slide { margin: 0px 20px; }
.slick-list.draggable { border: 1px solid rgba(255, 255, 255, 0.16); overflow: hidden; }
.slick-slide img { width: 100%; }
.slick-prev:before, .slick-next:before { color: black; }
.slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.slick-active { opacity: .5; }
.slick-current { opacity: 1; }

/*---------------------------------------------------------------------
Leader team
-----------------------------------------------------------------------*/
.iq-team.iq-leader { position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.55); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.55)), color-stop(26%, rgba(255, 255, 255, 0.55)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); margin-bottom: 30px; }
.iq-team.iq-leader  .iq-leader-info { position: absolute; bottom: -100px; padding: 30px 180px 30px 30px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iq-team.iq-leader:hover  .iq-leader-info { bottom: 0; }
.iq-team.iq-leader  .iq-leader-info p { color: var(--secondary-color); }
.iq-team.iq-leader  .iq-leader-info h6 { font-weight: normal; font-family: 'Karla', sans-serif; color: var(--body-text); }

/*---------------------------------------------------------------------
 Blog
-----------------------------------------------------------------------*/
.consulting-blog .blog-categories { position: absolute; top: 20px; left: 20px; line-height: 1; color: var(--body-text); 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: var(--secondary-color); padding: 4px 8px; }
.consulting-blog .blog-categories li a { text-decoration: none; color: var(--white-color); }
.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: var(--white-color); }
.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: var(--white-color); padding: 12px 14px; }
.consulting-blog .blog-details ul.list-inline li a { text-decoration: none; color: var(--body-text); }
.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: var(--secondary-color); text-align: center; line-height: 40px; color: var(--white-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: 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: var(--white-color); }
.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; }

/*---------------------------------------------------------------------
 Timer-2
-----------------------------------------------------------------------*/
.count-style .timer-details .timer, .count-style .timer-details i { color: #313e5b }
.count-style .iq-timer .timer-details p { color: var(--body-text); }
.count-style .timer-details h6 { font-family: 'Lato', sans-serif; padding-left: 30px; position: relative; margin-top: 10px; }
.count-style .timer-details h6:before { display: inline-block; width: 20px; height: 3px; background: var(--primary-color); content: ""; position: absolute; left: 0; top: 10px; }
.count-style .iq-timer { margin-bottom: 50px; }

/*---------------------------------------------------------------------
 Timer and Testimonial
-----------------------------------------------------------------------*/
.vertical-center.slider .slick-slide { margin: 0 20px; }
.testimonial-bg { position: relative; }
.testimonial-box h4 { color: var(--white-color); margin-bottom: 30px; position: relative; }
.slick-vertical .slick-slide { opacity: 0; }
.slick-vertical .slick-current { opacity: 1; }
.testimonial-box p { color: var(--white-color); font-style: italic; line-height: 40px; }
.testimonial-box { outline: none; outline: none; padding: 30px 45px 30px 30px; margin-top: 15px; }
.slick-vertical .slick-slide { width: 550px !important; }
.testimonial-box h4:before { content: ""; display: inline-block; position: absolute; font-size: 84px; color: var(--body-text); font-family: "Font Awesome 5 Free"; background: url('../images/quotes.png')no-repeat; width: 143px; height: 102px; opacity: 0.1; top: 0px; }
.testimonial-img { position: absolute; right: 0; top: 8px; z-index: 2 }
.testimonial-box h4 span { color: var(--primary-color); margin-left: 14px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: normal; }
.vertical-center.slider { width: 100%; }
.vertical-center.slider .slick-dots { display: none; }
.vertical-center.slider .slick-prev { top: 54%; }
.vertical-center.slider .slick-next { top: 30%; }
.vertical-center.slider .slick-next:hover, .vertical-center.slider .slick-prev:hover { background: var(--white-color); color: var(--primary-color); }
.vertical-center.slider .slick-next, .vertical-center.slider .slick-prev { left: auto; right: -80px; position: absolute; width: 45px; height: 45px; border: 1px solid var(--white-color); z-index: 3; 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; }
.vertical-center.slider .slick-prev:before { content: "\f3d0"; font-family: "Ionicons"; }
.vertical-center.slider .slick-next:before { content: "\f3d8"; font-family: "Ionicons"; }
.vertical-center.slider .slick-prev:before, .vertical-center.slider .slick-next:before { color: var(--white-color); }
.vertical-center.slider .slick-prev:hover:before, .vertical-center.slider .slick-next:hover:before { color: var(--primary-color); }

/*---------------------------------------------------------------------
 CLient
-----------------------------------------------------------------------*/
.owl-carousel .owl-item .clients-box.hover-effct img { width: auto; margin: 0 auto; }
.owl-carousel .owl-item .clients-box.hover-effct img { opacity: .4; transition: all .3s ease-in-out; }
.owl-carousel .owl-item .clients-box.hover-effct img:hover { opacity: 1; }
.client-xamin .owl-carousel .owl-item .clients-box.hover-effct img { margin: inherit; }
.client-xamin .col-sm-12, .client-xamin-border .col-sm-12 { padding: 0; }
.client-xamin-border { border-top: 1px solid var(--white-light-color); }
.xamin-client { background: var(--white-color); border-radius: 5px; padding: 30px 30px 60px; margin-bottom: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.xamin-client .client-icon { margin-bottom: 30px; }
.xamin-client:hover { margin-top: -10px; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); }

/*---------------------------------------------------------------------
 map
-----------------------------------------------------------------------*/
.xamin-map:before { background: url(../images/map.png)no-repeat; position: absolute; width: 100%; right: 0; left: 0; top: 50px; height: 700px; background-position: center; margin: 0 auto; }
.xamin-map { position: relative; }
.map-detail  .iq-list { margin-bottom: 0; }
.map-detail .iq-list li i { position: absolute; margin-right: 10px; left: 0; line-height: 30px; top: 0; }
.map-detail .iq-list li span { color: var(--body-text); padding-left: 0; }
.map-detail .iq-list li:last-child i { font-size: 24px; }
.map-detail h4 { margin-bottom: 12px; }
.map-detail .iq-list li { margin-bottom: 5px; position: relative; padding-left: 30px; }
.map-detail .iq-list li:last-child { margin-bottom: 0px; }
.map-detail { padding: 30px; background: var(--white-color); box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.1); }

/*---------------------------------------------------------------------
 map contact us 2
-----------------------------------------------------------------------*/
.map:before { background: url(../images/map.png)no-repeat; background-position: center; position: absolute; width: 100%; right: 0; left: 0; top: -40px; height: 700px; margin: 0 auto; }

/*---------------------------------------------------------------------
 Footer
-----------------------------------------------------------------------*/
.recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; }
footer table td, footer table th { border-color: rgba(36, 38, 43, 0.14); }
footer .widget { background: transparent; border: none; padding: 0; }
footer .widget ul li { border: none; padding-bottom: 0; margin-bottom: 10px; }
footer .widget .iq-contact li a:before { display: none; }
footer .widget #recentcomments li a { color: var(--primary-color); }
footer .widget #recentcomments li .comment-author-link a:hover { text-decoration: underline; color: var(--primary-color); }
footer .widget.widget_nav_menu ul li a:before, footer .widget ul.menu li a:before { top: 21px; }
footer .widget.widget_nav_menu ul li a { padding: 7px 0 7px 15px; }
footer .widget ul.menu li .sub-menu { padding-left: 10px; }
ul.iq-contact li { display: flex; }
ul.iq-contact li a span { padding-left: 15px; display: table-cell; word-wrap: anywhere; word-break: break-word; }
ul.iq-contact li i { position: absolute; left: 0; line-height: 34px; font-size: 22px; color: var(--secondary-color); }
ul.iq-contact li a:before { display: none; }
.widget.widget_nav_menu ul li .sub-menu li a, .widget ul.menu li .sub-menu li a { font-size: 14px; }
footer .widget .rsswidget { padding-left: 0; font-size: 18px; color: var(--secondary-color); font-weight: 800; }
footer .widget .rss-date { font-weight: 600; font-size: 14px; text-transform: uppercase; display: inline-block; width: 100%; margin: 5px 0; }
footer.footer-one .widget .textwidget p { margin-bottom: 0; }
footer .widget.footer-logo.text-left { margin-bottom: 15px }
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: 100px; padding-bottom: 45px; }
footer.footer-one .widget { background: transparent; }
footer.footer-one .widget h4.footer-title { margin-bottom: 15px; }
footer .widget #recentcomments li .comment-author-link a { color: var(--body-text); font-weight: 600; }
footer .widget #recentcomments li.recentcomments a:before, footer .widget a.rsswidget:before, footer ul.wp-tag-cloud li a:before { display: none; }
footer.footer-one .widget ul.menu li a { border: none; }
footer.footer-one .widget ul.menu li a:hover { color: var(--primary-color); }
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: var(--white-color); }
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: var(--primary-color); }
footer.footer-one .menu-footer-menu-container .menu li:last-child { margin-right: 0; }
footer.footer-one .copyright-footer { border-top: 1px solid rgba(82, 95, 129, 0.09); position: relative; }
footer.footer-one .info-share li a { color: var(--secondary-color); }
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: var(--white-color); border-color: var(--white-light-color); border-radius: 90px; color: var(--secondary-color); }
.mc4wp-form-fields input[type="submit"] { position: absolute; right: 15px; }
footer.footer-one .footer-top .info-share li { margin-right: 15px; }
footer.footer-one .footer-top .info-share li:last-child { margin-right: 0px; }
.iq-bg-dark { position: relative; }
footer.iq-over-dark-90:before { display: none !important; }
footer .footer_top_block { padding-bottom: 100px; }

/*---------------------------------------------------------------------
 Breadcrumb style 1 2 and 3 4 5
-----------------------------------------------------------------------*/
.breadcrumb li { display: inline-block; word-break: break-all; }
.iq-breadcrumb { padding: 100px 0; background: var(--white-light-color); }
.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; }

/*---------------------------------------------------------------------
 Background Gradient
---------------------------------------------------------------------*/
.iq-bg-over { position: relative; }
.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: 0; width: 100%; z-index: 0; background: rgb(239, 241, 254, 0.9); 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; }

/*---------------------------------------------------------------------
 Blog Grid 1 and 3
---------------------------------------------------------------------*/
.xamin-recentblog.c4 .consulting-blog .consult-detail img { width: 100%; }
.xamin-recentblog.c4 .consulting-blog, .xamin-recentblog.c3 .consulting-blog, .xamin-recentblog.c2 .consulting-blog { margin-bottom: 30px; }
.xamin-recentblog.c4 .consulting-blog:hover .consult-effect:before { bottom: -63px; }
.xamin-recentblog.c4 .consulting-blog .consult-effect:before { transform: skewY(-3deg); ms-transform: skewY(-3deg); -webkit-transform: skewY(-3deg); }

/*---------------------------------------------------------------------
 Blog Grid 2
---------------------------------------------------------------------*/
.xamin-recentblog.c2 .consulting-blog .consult-effect:before { transform: skewY(-4deg); ms-transform: skewY(-4deg); -webkit-transform: skewY(-4deg); }

/*---------------------------------------------------------------------
 Blog page
---------------------------------------------------------------------*/
.consulting-blog.blog-page { margin-bottom: 45px; }
.consulting-blog.blog-page .consult-effect:before { bottom: -136px; }
.consulting-blog.blog-page:hover .consult-effect:before { transform: skewY(-3deg); bottom: -74px; }

/*---------------------------------------------------------------------
About style home-2
---------------------------------------------------------------------*/
.about-xamin-box { overflow: hidden; box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08); }
.about-box { display: block; }
.fancy-about img { width: 60px; }
.fancy-about { padding: 45px 45px 85px; }
.fancy-about i:before { font-size: 60px; }
.first .fancy-about { padding: 0px 25px; }
.fancy-about i, .fancy-about h4, .fancy-about h6, .effect-box p { color: var(--white-color); }
.fancy-about i { line-height: 80px; display: inline-block; }
.fancy-about h6 { font-weight: normal; font-family: 'Karla', sans-serif; }
.effect-box { width: 40px; height: 40px; bottom: 0; left: 0; position: absolute; z-index: 9; padding: 0; transition: all .7s; background: var(--secondary-color); text-align: left; }
.effect-btn i { color: var(--white-color); }
.effect-btn { font-size: 24px; cursor: pointer; text-align: center; line-height: 46px; }
.effect-btn p { text-align: left; }
.first-box .effect-box.main, .first-box .effect-box { background: var(--primary-color); }
.first-box .effect-box.main .effect-btn { right: 28px; }
.effect-box.main { bottom: 0; left: 0; height: 100%; width: 100%; padding: 45px; background: var(--secondary-color); }
.effect-box.main .effect-btn { text-align: right; position: absolute; top: 0; right: 12px; }
.about-xamin-box .no-margin { position: relative; overflow: hidden; }
.about-xamin-box img { width: 100%; }

/*---------------------------------------------------------------------
 xamin Tab
-----------------------------------------------------------------------*/
.xamin-tabs .col-lg-6.pr-0 { background: var(--primary-color); }
.xamin-tabs .col-lg-6.pr-0 .services-tab { padding: 48px; }
.xamin-tabs .services-tab .title-box .title-design { color: var(--white-color); }
.xamin-tabs .services-tab .title-box .title-design:before { background: var(--white-color); }
.xamin-tabs .services-tab .title-box h2, .xamin-tabs .services-tab  p { color: var(--white-color); }
.xamin-tabs .services-tab  p { display: initial; }
.xamin-tabs  .video-btn a { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: var(--white-color); width: 100px; height: 100px; text-align: center; border-radius: 90px; }
.xamin-tabs  .video-btn a i { line-height: 100px; font-size: 20px; color: var(--secondary-color); }
.xamin-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: var(--white-color); float: left; border-radius: 100%; z-index: 9; position: absolute; left: 35px; top: 35px; }
.xamin-tabs .video-btn .video-btn i { margin-left: 5px; font-family: FontAwesome; }
.xamin-tabs .video-btn .video-btn:hover i { color: var(--white-color); }
.xamin-tabs { overflow: visible !important; }
.xamin-tabs .tab-content { box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.15); }
.xamin-tabs .services-btn { position: absolute; bottom: 20px; z-index: 3; left: 5%; }
.xamin-tabs .nav-pills .nav-link { color: var(--white-color); }
.xamin-tabs .nav-pills .nav-link.active { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1); background: var(--white-color); border-radius: 0px; color: var(--secondary-color); }

/*---------------------------------------------------------------------
 Data-Scientist -Servicebox
-----------------------------------------------------------------------*/
.iq-data-about .wpb_single_image img { max-width: 110%; left: -20%; position: relative; top: -121px; }
.iq-data-about .iq-objects.style-one.left { top: -16%; left: -228px; }

/*---------------------------------------------------------------------
 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; }
.xamin-contact { padding: 45px; background: var(--white-light-color); }
.xamin-contact h2 { text-align: center; }
.xamin-contact input:hover, .xamin-contact input[type=text]:hover, .xamin-contact textarea:hover { border: 1px solid var(--primary-color); }
.xamin-contact  .button { cursor: pointer; margin-top: 15px; }
.xamin-contact input, .xamin-contact input[type=text], .xamin-contact textarea { border: 1px solid var(--white-light-color); }
.contact-form .cfield textarea { background: var(--white-light-color); }
.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: var(--white-light-color); border-radius: 4px; padding-left: 15px; height: 55px; line-height: 55px; clear: both; border: 1px solid #e1e1e1; }
.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: var(--white-color); border: 1px solid var(--white-light-color); border-radius: 4px; padding: 15px 0 0 20px; resize: none; }
.contact-form .cfield .wpcf7-not-valid { border: 1px solid var(--warning-color); }
.contact-form .ajax-loader { margin: 32px 0 0 5px; }
.predict-form { background: var(--white-color); border-radius: 5px; padding: 30px; }
.predict-form input, .predict-form  textarea { margin-bottom: 30px; }
.contact-form .cfield textarea { margin-bottom: 15px; border: 1px solid var(--white-light-color); }

/*---------------------------------------------------------------------
 Contact form style-2
-----------------------------------------------------------------------*/
.contact-two .xamin-contact { padding: 0; background: transparent; }
.contact-two .xamin-contact h2 { text-align: left; }
.contact-two  .xamin-contact { margin: 0; }
.contact-two iframe { box-shadow: 0px 8px 57.4px 12.6px rgba(0, 0, 0, 0.08); height: 568px; margin: 0px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

/*---------------------------------------------------------------------
 Contact form style-3
-----------------------------------------------------------------------*/
.xamin-contact.contact-style { background: var(--white-light-color); margin-bottom: 0; padding: 100px 45px; }
.xamin-contact.contact-style h2 { text-align: left; }

/*---------------------------------------------------------------------
 Contact form tab
-----------------------------------------------------------------------*/
.our-services-tab.map-contact ul.vc_tta-tabs-list li a { color: var(--white-color);  !important; padding: 15px 30px !important; }
.our-services-tab.map-contact ul.vc_tta-tabs-list li { position: relative; }
.our-services-tab.map-contact ul.vc_tta-tabs-list { background: var(--primary-color); text-align: center; }
.our-services-tab.map-contact ul li.vc_tta-tab.vc_active, .our-services-tab.map-contact ul li.vc_tta-tab:hover { background: rgba(255, 255, 255, 0.2); }
.our-services-tab.map-contact ul li.vc_tta-tab:before { height: 3px; background: rgba(255, 255, 255, 0.23); content: ""; position: absolute; right: 0; bottom: 0px; }
.our-services-tab.map-contact .vc_tta-tabs-list:before { display: inline-block; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.04); }
.our-services-tab.map-contact .vc_tta-panel-body, .wpb_gmaps_widget .wpb_wrapper { padding: 0px !important; border: none !important; }
.our-services-tab.map-contact .iq-list li:last-child, .our-services-tab.map-contact .our-services-tab.map-contact .iq-list, .our-services-tab.map-contact .vc_tta-container { margin-bottom: 0px !important; }
.our-services-tab.map-contact   .vc_tta-panels { background: none !important; border: none !important; }
.our-services-tab.map-contact ul li.vc_tta-tab.vc_active:before, .our-services-tab.map-contact ul li.vc_tta-tab:hover:before { display: inline-block; width: 100%; height: 3px; background: rgba(255, 255, 255, 0.23); content: ""; position: absolute; left: 0; bottom: 0px; }
.our-services-tab.map-contact .vc_tta-tabs-container { margin: 0px !important; }
.our-services-tab.map-contact  .contact-form.xamin-contact, .our-services-tab.map-contact .contact-details-three { margin-bottom: 0px; margin-top: -70px !important; }
.our-services-tab.map-contact ul.contact-details-box li i { color: var(--primary-color); }
.our-services-tab.map-contact ul.contact-details-box li, .our-services-tab.map-contact .text-black { }
.contact-details-box li { margin-bottom: 15px; }

/*---------------------------------------------------------------------
 xamin History
-----------------------------------------------------------------------*/
.xamin-history { padding: 15px; border-radius: 4px; }
.xamin-history.border { border: 1px solid var(--white-light-color); }

/*---------------------------------------------------------------------
Consulting Project
-----------------------------------------------------------------------*/
.consulting-project { position: relative; margin: 30px 15px; box-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.1); padding: 10px; background: var(--white-color); }
.consulting-project .project-details { text-align: center; padding: 15px; }
.consulting-project .project-details span { font-weight: normal; color: var(--primary-color); font-family: 'Karla', sans-serif; margin-bottom: 10px; }
.consulting-project .project-button span { color: var(--white-color); }
.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: 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; }
.consulting-project:hover .consult-effect:before { bottom: -93px; content: ""; }

/*---------------------------------------------------------------------
Our Advisory Teams
-----------------------------------------------------------------------*/
.our-advisory-title:before { content: ""; z-index: -1; right: -25%; width: 100%; height: 33px; position: absolute; top: -100px; background: var(--white-color); }
.our-advisory-title:after { content: ""; z-index: -2; right: -25%; width: 100%; height: 33px; position: relative; bottom: -32px; background: var(--white-color); }
.our-advisory-title { position: relative; z-index: 2; }
.our-advisory-team .owl-carousel { width: 140%; }
.advisory-bg .iq-timer .timer-details i { color: var(--secondary-color); }
.advisory-bg .timer-details p, .advisory-bg .iq-timer i { color: var(--white-color); margin-bottom: 0; }
.advisory-bg .timer-details .timer { color: var(--secondary-color); font-family: 'Lato', sans-serif; font-weight: bold; }
.advisory-bg:before { content: ""; display: inline-block; width: 272%; height: 190%; background: url(../images/advisory-bg.png) no-repeat top left; position: absolute; top: -100px; right: -328px; z-index: -1; }

/*---------------------------------------------------------------------
consult-feature
-----------------------------------------------------------------------*/
.consult-project { padding-bottom: 70px !important; }
.consult-feature .service-detail p { color: var(--body-text); }

/*---------------------------------------------------------------------
Fancy Box
-----------------------------------------------------------------*/
.fancy_service { padding: 0 30px 30px; position: relative; margin-bottom: 30px; border-radius: 10px; box-shadow: 0px 35px 30px 0px rgba(0, 0, 0, 0.06); 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:hover { box-shadow: 0px 35px 30px 0px rgba(0, 0, 0, 0.06); }
.fancy_service  .hover-effect { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; z-index: -3; opacity: 0; transition: all .5s linear; overflow: hidden; background-image: -moz-linear-gradient(-38deg, rgb(84, 225, 218) 0%, rgb(67, 131, 236) 100%); background-image: -webkit-linear-gradient(-38deg, rgb(84, 225, 218) 0%, rgb(67, 131, 236) 100%); background-image: -ms-linear-gradient(-38deg, rgb(84, 225, 218) 0%, rgb(67, 131, 236) 100%); }
.fancy_service:hover .hover-effect { opacity: 1 }
.fancy_service .link-btn { font-size: 18px; }
.fancy_service .link-btn i { vertical-align: middle; margin-left: 10px; }
.fancy_service:hover .fancy-info h4, .fancy_service:hover, .fancy_service:hover .link-btn { color: var(--white-color); }
.fancy_service img { width: auto; margin-top: -30px; }
.fancy_service .fancy-info { position: relative; z-index: 1; }
.xamin-analytics { margin-bottom: 45px; }
.xamin-analytics.text-left { display: flex; }
.xamin-analytics .analytics-icon { border: 2px dashed var(--primary-color); width: 100px; height: 100px; border-radius: 90px; padding: 10px; margin: 0 auto 30px; text-align: center; }
.xamin-analytics .analytics-icon img, .xamin-analytics .analytics-icon i { box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); display: inline-block; width: auto; height: auto; line-height: 90px; border-radius: 90px; background: var(--white-color); }
.xamin-analytics.text-right .analytics-icon { float: right; margin-left: 30px; }
.xamin-analytics.text-left .analytics-detail { flex: 1; margin-left: 30px; }
.fancy_service.style2 { border-radius: 5px; border: 1px solid var(--white-light-color); 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.style2 .fancy-info { float: left; width: 70%; padding: 30px; }
.fancy_service.style2 .fancy_img { position: absolute; right: -100px; bottom: -20px; }
.fancy_service.style2 .fancy_block { display: block; float: left; width: 100%; position: relative; overflow: hidden; z-index: 1; background: var(--white-color); }
.fancy_service.style2 .bg_img { position: absolute; right: -30px; -webkit-animation-name: fadebounce; -moz-animation-name: fadebounce; -ms-animation-name: fadebounce; -o-animation-name: fadebounce; animation-name: fadebounce; -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -ms-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.fancy_service.style2  .fancy_img { width: 50%; float: left; }
.fancy_service.style2:hover .fancy-info h4, .fancy_service.style2:hover, .fancy_service.style2:hover .link-btn { color: inherit; }

/*---------------------------------------------------------------------
consult-feature
-----------------------------------------------------------------------*/
.service-two-img { padding-left: 45px !important; }
.service-two-img img { box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.24); }

/*---------------------------------------------------------------------
consult-contact box
-----------------------------------------------------------------------*/
.contact-box .service-detail { padding-left: 60px; }
.contact-box { margin-bottom: 30px; position: relative; }
.contact-box:last-child { margin-bottom: 0px; }
.contact-box i { font-size: 16px; display: inline-block; width: 45px; height: 45px; background: var(--primary-color); border-radius: 90px; line-height: 45px; text-align: center; position: absolute; top: 6px; color: var(--white-color); left: 0; z-index: 1; }
.contact-box img { margin: 15px; }
.contact-box .service-detail ul li a, .contact-box .service-detail p { color: var(--body-text); text-decoration: none; }
.contact-box .service-detail ul { padding: 0; }
.contact-box .service-detail ul li { margin-right: 15px; }
.contact-box .service-detail ul li a i:hover { color: var(--primary-color); }
.contact-box .service-detail ul li a i { font-size: 18px; color: var(--body-text); background: transparent; display: inline-block; width: auto; position: inherit; }
.contact-box.text-white .service-detail ul li a, .contact-box.text-white .service-detail p { color: var(--white-color); }

/*---------------------------------------------------------------------
year-info effect
-----------------------------------------------------------------------*/
.year-info { background: url(../images/text-effect.jpg) no-repeat top left; background-position: top right; background-size: 882px; display: flex; margin-bottom: 25px; }
.year-info.fly-text { position: absolute; left: 45px; top: 30px; }
.year-info .year-details { width: 194px; display: inline-block; }
.year-info .year-details span { line-height: 40px; font-size: 30px; }
.year-info span { font-size: 100px; line-height: 86px; margin-right: 15px; font-weight: bold; }
.clipped { -webkit-text-fill-color: transparent; -webkit-background-clip: text; text-fill-color: transparent; background-clip: text; }

/*---------------------------------------------------------------------
overview page
-----------------------------------------------------------------------*/
.overview-bg:before { display: inline-block; width: 387px; background: url(../images/testimonial-bg-2.png)no-repeat; position: absolute; right: 0; height: 810px; bottom: 0; }
.man-img { position: absolute; right: 0; top: -30px; z-index: 3; }

/*---------------------------------------------------------------------
Fancy-box new style for owl
-----------------------------------------------------------------------*/
.centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.5s; transform-style: preserve-3d; }
.flip-box:hover .flip-box-inner { transform: rotateY(180deg); }
.flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
.flip-box-back { opacity: 1; }
.flip-box-front { color: var(--white-color); }
.flip-box-back { color: var(--white-color); transform: rotateY(180deg); }
.flip-box-front, .flip-box-back, .flip-box-inner img { width: auto; height: auto; z-index: 3; }
.text-set { width: 100%; }
.button-flip:hover { background: var(--primary-color); color: var(--white-color); }
.centered .badge { background: var(--primary-color); font-family: 'Karla', sans-serif; padding: 8px 10px; border-radius: inherit; margin-bottom: 15px; font-size: inherit; font-weight: inherit; }
.centered  p { margin-bottom: 0px; line-height: 30px; }
.centered  h4 { color: var(--white-color); margin-bottom: 5px; }
a.button-flip { padding: 5px 30px; background: var(--white-color); color: var(--secondary-color); text-decoration: none; }
.flip-box-front:before, .flip-box-back:before { 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%, #313e5b 100%); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #313e5b 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #313e5b 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #313e5b)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #313e5b 100%); / background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #313e5b 100%); / }
.flip-box { background-color: transparent; width: 100%; height: 450px; perspective: 1000px; }

/*---------------------------------------------------------------------
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 ul li a { background: none !important; border: none !important; font-size: 14px !important; padding: 10px !important; }
.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; }

/*---------------------------------------------------------------------
background
-----------------------------------------------------------------------*/
.appointment-bg.vc_parallax .vc_parallax-inner { background-position: center top !important; }

/*---------------------------------------------------------------------
Our Services Tab
-----------------------------------------------------------------------*/
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

/*---------------------------------------------------------------------
Image -effect
-----------------------------------------------------------------------*/
.images-effect .scroll-effect .img-two { position: absolute; right: 0; top: -444px; margin-right: 15px; }
.images-effect .scroll-effect  img.img-one, .images-effect .scroll-effect  img.img-two { box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.24); }

/*---------------------------------------------------------------------
Flip-effect-owl
-----------------------------------------------------------------------*/
.flip-effect-owl .owl-carousel .owl-nav button.owl-prev { position: absolute; right: 26%; left: -100px; }
.flip-effect-owl .owl-carousel .owl-nav i { border: 1px solid rgba(255, 255, 255, 0.4); color: var(--white-color); }
.flip-effect-owl .owl-carousel .owl-nav { position: absolute; right: 0; top: -122px; width: auto; left: inherit; }

/*---------------------------------------------------------------------
Careers
-----------------------------------------------------------------------*/
.career-style .active-career .row { background: var(--white-light-color); padding: 15px; border-radius: 4px; }
.career-style .active-career a.career-title { color: var(--title-color); text-decoration: none; }
.career-style .iq-career-block { margin-bottom: 30px; }
.career-style .iq-list li span { color: var(--body-text); }
.career-style .iq-career-block .career-title span { display: inline-block; vertical-align: middle; font-size: 24px; font-weight: bold; font-family: 'Lato', sans-serif; }
.career-style .iq-career-block:last-child { margin-bottom: 0px; }
.career-style .iq-career-block.career-active .career-title:before { content: "\f209"; }
.career-style .career-title:before { margin-right: 30px; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); cursor: pointer; content: "\f218"; font-family: "Ionicons"; position: relative; display: inline-block; vertical-align: middle; padding: 14px 18px; color: var(--white-color); font-size: 16px; line-height: 20px; 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; background: var(--secondary-color); border-radius: 4px; width: 45px; height: 45px; }
.career-style .active-career .button { float: right; font-family: 'Lato', sans-serif; border-radius: 90px; overflow: hidden; }
.career-style .career-details { margin-top: 15px; }

/*---------------------------------------------------------------------
Frequently Asked Questions
-----------------------------------------------------------------------*/
.iq-accordion.faq-style { z-index: 9; position: relative; }
.iq-accordion.faq-style  .iq-asked-cl .wpb_wrapper { margin: 60px 90px; }
.iq-accordion.faq-style  .accordion-title { position: relative; padding: 15px 50px 15px 15px; font-size: 16px; line-height: normal; cursor: pointer; background-color: var(--white-light-color); display: block; text-align: left; color: var(--secondary-color); font-weight: bold; text-decoration: none; }
.iq-accordion.faq-style .iq-accordion-block.accordion-active .accordion-title { background-color: var(--primary-color); color: var(--white-color); }
.iq-accordion.faq-style .accordion-title:before { cursor: pointer; content: "\f3d0"; font-family: "Ionicons"; position: absolute; top: 0; right: 0; display: block; padding: 22px 20px; color: var(--body-text); font-size: 22px; line-height: 12px; height: 100%; 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; }
.iq-accordion.faq-style .accordion-active .accordion-title:before { content: "\f3d8"; font-family: "Ionicons"; color: var(--white-color); }
.iq-accordion.faq-style .accordion-details { display: none; overflow: hidden; text-align: left; padding: 15px 15px; line-height: 28px; border: 1px solid var(--primary-color); border-top: none; background: var(--white-color); }
.iq-accordion.faq-style .accordion-details p { margin-bottom: 0; }
.iq-accordion.faq-style .iq-accordion-block { margin-bottom: 30px; }
.iq-accordion.faq-style .iq-accordion-block:last-child { margin-bottom: 0; }

/*---------------------------------------------------------------------
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: var(--primary-color); margin: 0 auto; border-radius: 90px; }

/*---------------------------------------------------------------------
iq-masonry-item
-----------------------------------------------------------------------*/
.silder-portfolio #features.iq-amazing-tab { padding-top: 0; }
.iq-portfolio .iq-portfolio-content .details-box { background: var(--white-color); }
.iq-amazing-tab { padding-top: 31px; }

/* .iq-amazing-tab .owl-carousel .owl-stage-outer { overflow: visible; } */
.iq-amazing-tab .tab-pane.active { opacity: 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-amazing-tab .tab-pane { 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; }
.iq-amazing-tab .owl-carousel.owl-drag .owl-item.active { padding: 0px; opacity: 1; pointer-events: visible; }
.iq-amazing-tab .owl-carousel.owl-drag .owl-item { opacity: 0; pointer-events: none; }
.iq-amazing-tab ul { margin-bottom: 45px; }
.iq-amazing-tab ul li a { position: relative; color: var(--body-text); }
.iq-amazing-tab .iq-portfolio .iq-portfolio-content .details-box { padding: 15px; }
.iq-amazing-tab .iq-portfolio-content .consult-details .consult-effect:before { bottom: 132px; }
.iq-amazing-tab ul li a.nav-link.active, .iq-amazing-tab ul li a:hover { color: var(--primary-color); }
.iq-amazing-tab ul li a.nav-link.active:before, .iq-amazing-tab ul li a.nav-link:hover:before { width: 15px; }
.iq-amazing-tab ul li a.nav-link:before { 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; content: ""; width: 0; height: 3px; display: inline-block; position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; right: 0; background: var(--primary-color); }
.iq-amazing-tab ul li a span { display: none; }
.iq-amazing-tab ul li a.nav-link.active span, .iq-amazing-tab ul li a:hover span, .iq-amazing-tab ul li a.nav-link:hover span, .isotope-filters button.active .post_no, .isotope-filters button:hover .post_no { opacity: 1; }
.iq-amazing-tab ul li a.nav-link span, .isotope-filters button .post_no { width: 34px; height: auto; line-height: 14px; padding: 8px; left: 50%; display: inline-block; color: var(--white-color); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; background: var(--primary-color); text-indent: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; pointer-events: none; opacity: 0; top: -30px; 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; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; display: block; right: 10px; }
.iq-amazing-tab ul li a.nav-link span:after, .isotope-filters button span:after { content: ''; position: absolute; bottom: -7px; left: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid var(--primary-color); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

/*---------------------------------------------------------------------
Service Graph
-----------------------------------------------------------------------*/
.line-graph .vc_line-chart .vc_chart-with-legend { width: 100% !important; }
.line-graph .vc_line-chart-canvas { width: 100% !important; height: 420px !important; }
.line-graph .vc_chart .vc_chart-legend li { display: inline-block !important; }
.services-finance-img img { box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08); border-radius: 4px; }

/*---------------------------------------------------------------------
 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-6 { padding: 15px; text-align: center; }
.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(1), .fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(7), .fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(13) { border-left: 1px solid rgba(2, 13, 30, 0.1); }
.fancy-clients .col-lg-2.col-md-3.col-sm-6 .clients-block img { opacity: 0.4; }
.fancy-clients .col-lg-2.col-md-3.col-sm-6 .clients-block:hover img { opacity: 1; }
.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(n+1) { border-bottom: 1px solid rgba(2, 13, 30, 0.1); border-right: 1px solid rgba(2, 13, 30, 0.1); }

/*---------------------------------------------------------------------
blog page
-----------------------------------------------------------------------*/
.consulting-blog .blog-quotes { background: var(--white-light-color); }
.consulting-blog .blog-quotes .alignnone { margin: 0 10px 10px 0; }
.consulting-blog .blog-quotes p { margin-bottom: 30px; display: none; }
.consulting-blog .share-box .share-tag  a { text-decoration: none; padding: 5px; background: rgba(0, 0, 0, 0.05); margin-right: 10px; }
.consulting-blog .share-box .share-tag  a:last-child { margin-right: 0px; }
.consulting-blog.blog-page .share-box { padding: 15px 0; border-top: 1px solid  rgba(0, 0, 0, 0.05); border-bottom: 1px solid  rgba(0, 0, 0, 0.05); clear: both; }
.consulting-blog .nav-links .nav-previous, .consulting-blog .nav-links  .nav-next, .portfolio-info .nav-links .nav-previous, .portfolio-info  .nav-links  .nav-next { display: inline-block; }
.consulting-blog .nav-links  a, .portfolio-info .nav-links  a { text-decoration: none; position: relative; display: inline-block; color: var(--secondary-color); }
.consulting-blog .nav-links  a:hover, .portfolio-info .nav-links  a:hover { color: var(--primary-color); }
.consulting-blog .nav-links a:before, .portfolio-info .nav-links  a:before { font-family: "Font Awesome 5 free"; display: inline-block; position: absolute; font-size: 24px; line-height: 34px; font-weight: bold; }
.portfolio-info .nav-links { display: block; padding: 15px 0; border-bottom: 1px solid  rgba(0, 0, 0, 0.05); border-top: 1px solid  rgba(0, 0, 0, 0.05); }
.consulting-blog .nav-links .nav-previous a, .portfolio-info .nav-links .nav-previous a { padding-left: 30px; }
.consulting-blog .nav-links .nav-next a, .portfolio-info .nav-links .nav-next a { padding-right: 30px; }
.consulting-blog .nav-links .nav-previous a:before, .portfolio-info .nav-links .nav-previous a:before { content: "\f30a"; left: 0; }
.consulting-blog a.blog-user { position: relative; text-align: center; margin: 0 auto; display: table; line-height: 60px; margin-top: -60px; }
.consulting-blog a.blog-user i { font-size: 24px; }
.consulting-blog .nav-links .nav-next a:before, .portfolio-info .nav-links .nav-next a:before { content: "\f30b"; right: 0; }
.consulting-blog .nav-links  .nav-next, .portfolio-info .nav-links  .nav-next { float: right; }
.consulting-blog .nav-links::after, .portfolio-info .nav-links::after { display: block; clear: both; content: ""; }
.consulting-blog .nav-links, .portfolio-info .nav-links { clear: both; margin-bottom: 15px; display: block; }

/*---------------------------------------------------------------------
Testimonial-info side widget
-----------------------------------------------------------------------*/
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info { padding: 30px; background: transparent; color: var(--white-color); }
.testimonail-widget-menu .owl-carousel .owl-stage-outer { background: var(--secondary-color); }
.testimonail-widget-menu .owl-carousel .owl-stage-outer:before { content: ""; display: inline-block; width: 100%; position: absolute; left: 0; height: 100%; top: 0; background-size: 100% 100%; background: url(../images/testimonial-map.png)no-repeat; }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info img { width: 65px; height: 65px; border-radius: 90px; 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: var(--white-color); }
.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: var(--white-color); }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name h5 { color: var(--white-color); }
.testimonail-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name .sub-title { color: var(--white-color); }
.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
-----------------------------------------------------------------------*/
.iq-widget-menu ul.iq-post li .post-img  img { width: 70px; height: 70px; border-radius: 4px; margin-right: 15px; background: var(--white-light-color); }
.iq-widget-menu ul.iq-post li .post-img { display: flex; }
.iq-widget-menu ul.iq-post li { margin-bottom: 30px; }
.iq-widget-menu ul.iq-post li:last-child { margin-bottom: 0px; }
.iq-widget-menu .post-img .post-blog .blog-box ul li a i { color: var(--primary-color); }
.iq-widget-menu .post-img .post-blog a.new-link:hover h5 { color: var(--primary-color); }
.iq-widget-menu .post-blog { line-height: 0px; }
.iq-widget-menu .post-img .post-blog .blog-box ul li { margin-bottom: 0px; }
.iq-widget-menu .post-img .post-blog a.new-link { font-size: 14px; }
.iq-widget-menu .post-img .post-blog a.new-link h5 { color: var(--title-color); line-height: 30px; display: block; overflow: hidden; margin-top: 10px; }

/*---------------------------------------------------------------------
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: var(--white-color); 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: var(--white-light-color); color: var(--secondary-color); text-transform: capitalize; }

/*---------------------------------------------------------------------
Categories side widget
-----------------------------------------------------------------------*/
.widget_categories ul li span, .widget.widget_archive ul li span.archiveCount { border-radius: 50px; float: right; color: var(--white-color); background: var(--secondary-color); width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; }
.download-item li { display: block; background: var(--white-light-color); padding-bottom: 0 !important; }
.download-item li i { background: var(--primary-color); padding: 15px; color: var(--white-color); 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; }

/*---------------------------------------------------------------------
Portfolio Detail
-----------------------------------------------------------------------*/
.portfolio-detail-box  ul.portfolio-detail li { width: 48%; margin-bottom: 5px; }
.portfolio-detail-box  ul.portfolio-detail li:nth-child(n+3) { margin-bottom: 0; }
.portfolio-detail-box  ul.portfolio-detail li .lead { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 600; color: var(--secondary-color); font-size: 16px; }
.portfolio-detail-box ul.social-media li a, .portfolio-detail-box ul.portfolio-detail li span  a { color: var(--body-text); font-size: 14px; }
.portfolio-detail-box ul.social-media li a:hover, .portfolio-detail-box ul.portfolio-detail li span  a:hover { color: var(--primary-color); }
.portfolio-detail-box { padding: 15px; background: var(--white-light-color); }

/*---------------------------------------------------------------------
home-3
-----------------------------------------------------------------------*/
.silder-portfolio .owl-carousel .owl-nav i { border: 1px solid rgba(255, 255, 255, 0.6); color: var(--white-color); }
.unique-bg { padding: 100px 30px 100px 128px !important; }
.unique-section .timer-details .timer, .unique-section .timer-details i { color: var(--secondary-color); }
.unique-section .timer-details p { color: var(--white-color); }

/*---------------------------------------------------------------------
 contact-form3
-----------------------------------------------------------------------*/
.request-form { overflow: visible !important; }
.xamin-contact.style-three { margin-bottom: 0px; }
.request-form .contact-form-img .vc_custom_1565690411552 { background-position: 100% 0; }
.request-form .request-details { margin-bottom: -350px; box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.15); }

/*---------------------------------------------------------------------
service slider
-----------------------------------------------------------------------*/
.services-slider .hover-effect { position: relative; display: block; overflow: hidden; }
.services-slider .hover-effect img { -o-transform: scale(1.0); -ms-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.services-slider .hover-effect:hover img { -o-transform: scale(1.09); -ms-transform: scale(1.09); -moz-transform: scale(1.09); -webkit-transform: scale(1.09); transform: scale(1.09); }
.services-slider .iq-overly-bg { background: none; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; z-index: -1 }
.services-slider { box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08); background: var(--white-color); }
.services-slider .iq-overly-bg i { font-size: 20px; color: var(--white-color); position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: var(--secondary-color); line-height: 45px; height: 45px; width: 45px; text-align: center; }
.services-slider  .hover-effect:hover .iq-overly-bg { background: rgba(25, 190, 236, 0.7); z-index: 0; }
.services-slider .content i { font-size: 24px; margin-bottom: 35px; color: var(--primary-color); }
.service-slider .owl-carousel .owl-dots .owl-dot { position: relative; }
.service-slider .owl-carousel .owl-dots .owl-dot.active, .services-slider .owl-carousel .owl-dots .owl-dot:hover { border-radius: 4px; }

/*---------------------------------------------------------------------
Coming soon
-----------------------------------------------------------------------*/
.maintenance { text-align: center; padding: 290px 0; }
.iq-coming { padding: 143px 0; text-align: center; }
.iq-coming h1 { font-size: 80px; }
.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 20px; 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: bold; line-height: 80px; color: var(--secondary-color); position: relative; }
.iq-coming .countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin: 16px 0px; color: var(--secondary-color); }
.iq-coming .countdown li h6 { color: var(--secondary-color); font-size: 20px; padding-right: 30px; }
.iq-coming .countdown li p { font-size: 16px; line-height: 24px; color: var(--secondary-color); }
.iq-coming .countdown li span:after { position: absolute; right: -69px; top: 30px; content: ":"; font-size: 50px; color: var(--secondary-color); line-height: 50px; }
.iq-coming .countdown li:last-child  span:after { content: none; }

/*---------------------------------------------------------------------
header footer and breadcrumb hide in maintenance page
-----------------------------------------------------------------------*/
.page-id-2329 header, .page-id-2329 footer, .page-id-2329 .bg-none, .page-id-414 .bg-none { display: none; }
.page-id-2329 { padding: 250px 0; background: url("../images/maintenance.jpg"); }
.page-id-414 .content-area .site-main { padding: 0; }

/*---------------------------------------------------------------------
header footer and breadcrumb hide in commingsoon page
-----------------------------------------------------------------------*/
.page-id-2324 header, .page-id-2324 footer, .page-id-2324 .bg-none { display: none; }
.page-id-2324 { padding: 90px 0; background: url("../images/maintenance.jpg"); }

/*---------------------------------------------------------------------
Custom Tab
-----------------------------------------------------------------------*/
.custom-tab .tab-pane.fade.active.show { display: block; margin-left: 20px; }
.custom-tab .tab-pane.fade { display: none; }
.custom-tab .nav.nav-pills { display: block; width: 100%; box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.05); background: transparent; overflow: hidden; border-radius: 10px; }
.custom-tab .nav.nav-pills li { display: inline-block; width: 24.72%; }
.custom-tab .nav-pills .nav-link .tab-title { display: inline-block; }
.custom-tab .show_content { width: 100%; }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] { box-shadow: none; border-radius: 0; }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] li.nav-item { width: 100%; vertical-align: middle; float: left; }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link { padding: 15px; border-radius: 0; text-align: center; }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link h5 { font-size: 18px; }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:last-child, .custom-tab .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child { margin-bottom: 0; }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5, .custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h5 { color: var(--white-color); }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link.active, .custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover { box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.05); background: var(--primary-color); }
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link.active:before, .custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover:before { display: none; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] { box-shadow: none; border-radius: 0; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] li.nav-item { width: 100%; vertical-align: middle; float: left; margin-bottom: 15px; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child { margin-bottom: 0; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link { padding: 10px 15px; border-radius: 10px; text-align: center; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link h5 { font-size: 18px; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:last-child, .custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child { margin-bottom: 0; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5, .custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h5 { color: var(--white-color); }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active, .custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover { background: #f1f3fe; box-shadow: none; }
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active:before, .custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover:before { display: none; }
.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 45px; 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: 0 15px; border-radius: 0px; text-align: left; color: #566384; }
.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 h5 { 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.active h5, .custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h5 { color: var(--primary-color); }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active { background: var(--white-color); padding: 30px 15px; box-shadow: 0px 20px 40px 0px rgba(67, 126, 235, 0.15); }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5 { margin-top: -10px; color: var(--secondary-color); }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover { background: var(--white-color); }
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active p { display: block; color: var(--body-text); }
.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 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child { padding-bottom: 0; }

/*---------------------------------------------------------------------
Button effect
-----------------------------------------------------------------------*/
.custom-tab .nav-pills .nav-link { position: relative; }
.custom-tab .nav-pills .nav-link: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; right: 0; bottom: 0px; }
.custom-tab .nav-pills .nav-link.active:before, .custom-tab .nav-pills .nav-link:hover:before { content: ""; display: inline-block; width: 100%; height: 4px; background: var(--primary-color); content: ""; position: absolute; left: 0; bottom: 0px; border-radius: 4px; }
.custom-tab .nav-pills .nav-link.active { background: transparent; }
.page-id-940 .iq-breadcrumb-one, .page-id-1987 .iq-breadcrumb-one, .page.page-id-2109 .iq-breadcrumb-one, .page.page-id-2091 .iq-breadcrumb-one, .page.page-id-1819 .iq-breadcrumb-one, .page.page-id-2235 .iq-breadcrumb-one, .page.page-id-2435 .iq-breadcrumb-one, .page.page-id-2584 .iq-breadcrumb-one, .page-id-2815 .iq-breadcrumb-one, .page-id-1989 .iq-breadcrumb-one, .page-id-3137 .iq-breadcrumb-one, .page-id-3137 .iq-breadcrumb-one, .page-id-3239 .iq-breadcrumb-one, .page-id-3281 .iq-breadcrumb-one { display: none; }
.page-id-940 .content-area .site-main, .page-id-1987 .content-area .site-main, .page.page-id-2109 .content-area .site-main, .page.page-id-2091 .content-area .site-main, .page.page-id-1819 .content-area .site-main, .page.page-id-2235 .content-area .site-main, .page.page-id-2435 .content-area .site-main, .page.page-id-2584 .content-area .site-main, .page-id-2815 .content-area .site-main, .page-id-1989 .content-area .site-main, .page-id-3137 .content-area .site-main, .page-id-3137 .content-area .site-main, .page-id-3239 .content-area .site-main, .page-id-3281 .content-area .site-main { padding: 0; }

/*---------------------------------------------------------------------
Testimonial Circle
-----------------------------------------------------------------------*/
.xamin-feature-circle { position: relative; display: inline-block; width: 550px; height: 550px; }
.xamin-feature-circle .xamin-img::before { content: ""; border: 2px dotted #c4d6f9; -webkit-animation: anti-clockwise 25s linear 100000; animation: anti-clockwise 25s linear 100000; width: 500px; height: 500px; border-radius: 900px; display: inline-block; }
.xamin-feature-circle .xamin-img { width: 500px; height: 500px; position: relative; transition: all .4s ease; transform-origin: center center }
.xamin-feature-circle .circle-bg { box-shadow: 0px 20px 40px 0px rgba(67, 126, 235, 0.3); width: 140px; text-align: center; position: relative; height: 140px; line-height: 140px; border-radius: 900px; background: var(--primary-color); }
.xamin-feature-circle .dot-circle { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.xamin-feature-circle .effect-circle:before { background: url('../images/circle.png'); width: 270px; height: 270px; display: inline-block; content: ""; }
.xamin-feature-circle .effect-circle { width: 270px; height: 270px; border-radius: 900px; border: 1px solid #c4d6f9; -webkit-animation: rotate-center 25s linear 100000; animation: rotate-center 25s linear 100000; }
.xamin-feature-circle .main-circle { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; margin-right: -50%; }
.xamin-feature-circle .xamin-img ul li .feature-info { position: absolute; margin: 0 auto; text-align: center; }
.xamin-feature-circle .xamin-img ul li .feature-info .feature-img { height: 65px; width: 65px; line-height: 65px; border-radius: 90px; background: var(--white-color); text-align: center; margin: 0 auto 5px; box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.1); }
.xamin-feature-circle .xamin-img ul li:nth-child(1) .feature-info { top: -38px; left: -16px; right: 0; }
.xamin-feature-circle .xamin-img ul li:nth-child(2) .feature-info { top: 10%; left: 0%; }
.xamin-feature-circle .xamin-img ul li:nth-child(3) .feature-info { top: 10%; right: 2%; }
.xamin-feature-circle .xamin-img ul li:nth-child(4) .feature-info { top: 44%; right: -15%; }
.xamin-feature-circle .xamin-img ul li:nth-child(5) .feature-info { top: 44%; left: -15%; }
.xamin-feature-circle .xamin-img ul li:nth-child(6) .feature-info { top: 78%; left: 4%; }
.xamin-feature-circle .xamin-img ul li:nth-child(7) .feature-info { top: 73%; right: 0%; }
.xamin-feature-circle .xamin-img ul li:nth-child(8) .feature-info { bottom: -10%; 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); }
}

/*---------------------------------------------------------------------
                 Frequently Asked Questions
-----------------------------------------------------------------------*/
.iq-faq { z-index: 9; position: relative; }
.iq-faq .iq-block { border: 1px solid var(--white-light-color); border-radius: 5px; padding: 30px 15px 30px 60px; }
.iq-faq .iq-block .iq-title { position: relative; font-family: 'Lato', sans-serif; font-size: 16px; line-height: normal; cursor: pointer; color: var(--secondary-color); display: block; text-align: left; font-weight: 600; text-decoration: none; }
.iq-faq .iq-block.iq-active { box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); }
.iq-faq .iq-title:before { cursor: pointer; content: "\f2c7"; font-family: "Ionicons"; position: absolute; top: 0; left: -30px; display: block; color: var(--primary-color); font-size: 22px; line-height: 22px; height: 100%; 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; }
.iq-faq .iq-active .iq-title:before { content: "\f2f4"; font-family: "Ionicons"; }
.iq-faq .iq-details { display: none; overflow: hidden; text-align: left; padding: 15px 0 0 0; line-height: 28px; background: var(--white-color); }
.iq-faq .iq-details p { margin-bottom: 0; }
.iq-faq .iq-block { margin-bottom: 30px; }
.iq-faq .iq-block:last-child { margin-bottom: 0; }

/*Timeline*/
.main-timeline-section { position: relative; width: 100%; margin: auto; }
.main-timeline-section .conference-center-line { position: absolute; width: 5px; height: 100%; top: 0; left: 50%; margin-left: -2px; background: var(--white-light-color); z-index: -1; }
.timeline-article { width: 100%; position: relative; margin: 0px; min-height: 243px; z-index: 0; }
.timeline-article .content-date { position: absolute; top: 33%; left: 50%; font-size: 18px; margin-left: -150px; transform: translateY(50%); }
.timeline-article .meta-date { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; transform: translateY(-50%); margin-left: -14px; border-radius: 100%; background: var(--white-color); border: 1px solid #dee2fb; box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); }
.content-left-container .content-box .iqtml-top-box .data1 .title { margin-bottom: 5px; }
.timeline-article .content-box { position: absolute; box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); border: 1px solid var(--primary-color); border-radius: 5px; background-color: var(--white-color); width: 40%; top: 50%; transform: translateY(-50%); padding: 30px; right: 0%; margin-left: 50px; border: 2px solid #d9ddf5; }
.timeline-article .iqtml-top-box { margin-bottom: 15px; display: block; float: left; clear: both; width: 100%; }
.content-left-container .content-box { left: 0%; margin-left: 0px; }
.content-right-container .content-box .iqtml-top-box .data1 { float: left; display: table-cell; width: 50%; }
.content-right-container .content-box .iqtml-top-box .data2 { float: right; display: table-cell;    /* text-align: right; */    /* width: 50%; */ }
.content-left-container .content-box .iqtml-top-box .data1 { float: left; display: table-cell; width: 50%; }
.content-left-container .content-box .iqtml-top-box .data2 { float: right; display: table-cell; }
.content-right-container .content-box .iqtml-top-box .data2 span { display: block; color: var(--secondary-color); }
.content-left-container .content-box .iqtml-top-box .data2 span { display: block; color: var(--secondary-color); }
.content-right-container .content-box .iqtml-top-box .data2  i { margin-right: 8px; }
.content-left-container .content-box .iqtml-top-box .data2  i { margin-right: 8px; }
.content-left-container .content-date { margin-left: 50px; }
.iq-contant { margin-bottom: 0px; padding-left: 15px; }

/*---------------------------------------------------------------------
our-services
-----------------------------------------------------------------------*/
.main-service { padding-top: 3%; }
.content--layout { margin: 30px; position: relative; }
.content--layout:before { content: ""; position: absolute; top: -15px; left: 15px; display: inline-block; width: 100%; height: 100%; background: #141414; }
.content--layout .content__title { position: absolute; bottom: 0; left: -30px; z-index: 99; font-size: 24px; }
.content__img { position: relative; z-index: 99; }
.service-bottom h2, .technology-bottom h2 { position: absolute; font-size: 12em; color: rgba(255, 255, 255, 0.1); bottom: 0; z-index: 0; line-height: 0.6; margin: 0; padding: 0; }
.service-bottom h2.main-color { color: rgba(0, 0, 0, 0.1); }

/*---------------------------------------------------------------------
 Visualizaton-Fancybox
-----------------------------------------------------------------------*/
.fancybox-visualization-service { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.fancybox-visualization-service .icon-bg { background: #f2f6fe; margin-top: 5px; border-radius: 10px; margin-right: 30px; }
.fancybox-visualization-service .icon-bg i { padding: 15px; border-radius: 5px; }
.fancybox-visualization-service { -ms-flex: 1; flex: 1; position: relative; margin-bottom: 45px; }
.fancybox-visualization-service p { margin-bottom: 0px; }

/*Overlay*/
.iq-get-data img { position: relative; left: -27%; max-width: none !important; }
.iq-get-data-right img { position: absolute; right: 0%; top: 63%; left: -4%; max-width: 130% !important; }
.iq-get-data-left img { position: relative; left: -39%; max-width: 140% !important; }
.iq-get-data .iq-objects.style-one.left { left: 0px; top: -29%; }
.iq-get-data-right .iq-objects.style-one.left { left: 6px; top: -307%; }
.iq-tips .iq-objects.style-one.right { right: 9%; top: -254%; width: auto; }

/*Overlay Banking n finance */
.iq-compliance .iq-objects.style-one.right { right: -44%; top: -80%; width: auto; }

/*---------------------------------------------------------------------
 Visualizaton-Client
-----------------------------------------------------------------------*/
.container-visualization ul.iq-client.column-5 { margin: 0px; padding: 0px; }
.container-visualization ul.iq-client.column-5 li { list-style-type: none; background: #fbfbfb; width: 20%; float: left; display: inline-block; text-align: center; padding: 30px; border-left: 1px solid var(--white-light-color); border-top: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:hover { box-shadow: 0.959px 10.958px 35px 0px rgba(0, 0, 0, 0.07); background: var(--white-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(5) { border-right: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(10) { border-right: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(11) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(12) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(13) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(14) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(15) { border-right: 1px solid var(--white-light-color); border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(20) { border-right: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(25) { border-right: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(21) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(17) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(18) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(19) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(20) { border-bottom: 1px solid var(--white-light-color); }
.container-visualization ul.iq-client.column-5 li:nth-child(21) { border-bottom: 1px solid var(--white-light-color); }

/*---------------------------------------------------------------------
 Visualizaton Counter
-----------------------------------------------------------------------*/
.iq-visual-counter .iq-timer.style1 { margin-bottom: 30px; }

/*---------------------------------------------------------------------
  Manufacturing
-----------------------------------------------------------------------*/
.xamin-mf-right  img { max-width: 121% !important; position: absolute; right: -37%; }
.vc_custom_1577789755413 { z-index: 0; position: relative; }

/*---------------------------------------------------------------------
  Form-innerpage
-----------------------------------------------------------------------*/
form .row.iq-form-three  label { margin-bottom: 30px; }
form .row.iq-form-three input, form .row.iq-form-three textarea { margin-top: 10px }
form .row.iq-form-three .iq-submit-btn { margin-left: 0px; }

/*---------------------------------------------------------------------
  Tab
-----------------------------------------------------------------------*/
.custom-tab-rounded-rect .nav { justify-content: center; }
.custom-tab-rounded-rect a.nav-link.active h5 { color: var(--white-color); }
.custom-tab-rounded-rect .nav-pills .nav-link.active { color: var(--white-color); background: var(--primary-color); }
.custom-tab-rounded-rect .nav-pills .nav-link { border-radius: 90px; padding: 8px 30px; }
.custom-tab-rounded-rect ul .nav-item { margin-right: 30px; }
.iq-accordion.career-post-tab { width: 100%; text-align: left; }
.iq-accordion.career-post-tab  .accordion-details .active-faq { display: block; }
.iq-accordion.career-post-tab .accordion-details { display: none; }
.iq-accordion.career-post-tab .active-faq .row { background: var(--white-light-color); padding: 15px; border-radius: 4px; }
.iq-accordion.career-post-tab .active-faq a.accordion-title { color: var(--secondary-color); padding-left: 75px; text-decoration: none; }
.iq-accordion.career-post-tab .iq-accordion-block { margin-bottom: 30px; }
.iq-accordion.career-post-tab .iq-accordion-block .accordion-title span { font-size: 24px; font-weight: bold; font-family: 'Lato', sans-serif; display: table-cell; }
.iq-accordion.career-post-tab .iq-accordion-block:last-child { margin-bottom: 0px; }
.iq-accordion.career-post-tab .iq-accordion-block.accordion-active .accordion-title:before { content: "\f209"; }
.iq-accordion.career-post-tab .accordion-title:before { -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); cursor: pointer; content: "\f218"; font-family: "Ionicons"; position: absolute; top: 0; left: 15px; display: block; padding: 14px 18px; color: var(--white-color); font-size: 16px; line-height: 20px; 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; background: var(--secondary-color); border-radius: 4px; width: 45px; height: 45px; }

/*.iq-accordion.career-post-tab .active-faq .button { float: right; font-family: 'Lato', sans-serif; border-radius: 90px; overflow: hidden; }
*/
.iq-accordion.career-post-tab .iq-accordion-block .accordion-details { margin-top: 20px; }
.iq-accordion.career-post-tab .iq-accordion-block .accordion-title span { font-size: 18px; line-height: 42px; }
.iq-accordion.career-post-tab .active-faq .row { background: none; padding: 15px 15px 30px; border-radius: 4px; border: 1px solid #eee; }
.iq-accordion.career-post-tab .accordion-title:before { color: var(--primary-color); background: none; box-shadow: none; }
.custom-tab-rounded-rect .tab-pane.active { display: block; }
.custom-tab-rounded-rect .tab-pane { display: none; }
.career-form { text-align: center; }
.career-form  input, .career-form input[type=text] { border-radius: 900px; margin-bottom: 45px; position: relative; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; }
.career-form form .post-search { position: absolute; padding: 10px 80px; top: 89px; right: 16px; color: #ffffff !important; }
.iq-accordion.career-post-tab .cat-detail { color: green; padding-left: 30px; display: block; text-align: center; }
.career-form  .not-found { color: red; padding-left: 30px; display: block; text-align: center; }

/*---------------------------------------------------------------------
 Security Service-Box
-----------------------------------------------------------------------*/
.iq-service-box.shadow-on-hover { padding: 30px 15px; border: 2px solid transparent; 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; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 30px; border-radius: 10px; }
.iq-service-box.shadow-on-hover:hover { border: 2px solid var(--white-light-color); background: var(--white-color); box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); }
.iq-service-box.shadow-on-hover .fancy-info:after { position: absolute; top: 0; left: 0; border: 1px solid #eeeeee; }
.iq-service-box.shadow-on-hover .button { padding: 0; background: transparent; color: var(--primary-color); }
.iq-service-box.shadow-on-hover p { margin-bottom: 15px; }

/*.iq-service-box.shadow-on-hover:after{content: ""; position: absolute; left: 0; top: 0; border: 5px solid #eef3fc; }
.iq-service-box.shadow-on-hover:hover:after{border: 2px solid #eef3fc;}
*/

/*---------------------------------------------------------------------
 Security Service-Box-2
-----------------------------------------------------------------------*/
.iq-service-box { padding: 45px 30px; margin-bottom: 75px; 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; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #eef3fc; background: var(--white-color); }
.iq-service-box:hover { box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); }
.iq-service-box p { margin-bottom: 0px; }

/*---------------------------------------------------------------------
  Counter
-----------------------------------------------------------------------*/
.iq-timer.style4 { border-right: 1px solid var(--white-light-color); display: block; }

/*.iq-timer.style4:last-child{border: none;}*/
.iq-timer.style4 .timer-details { display: inherit; }
.iq-timer.style4 .timer-details .timer, .iq-timer.style4 .timer-details .timer_postfix { font-size: 55px; line-height: 55px; color: var(--primary-color); margin-bottom: 15px; }

/*Security-Client*/
.owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag { padding: 50px 15px; background: var(--white-color); box-shadow: 0px 35px 30px 0px rgba(0, 0, 0, 0.06); margin-top: -190px; border-radius: 10px; }

/*Security-Clients*/
.owl-carousel.owl-loaded .clients-box.box-shadow { display: inline-block; margin-bottom: 15px; border-radius: 10px; padding: 30px; -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; }
.owl-carousel.owl-loaded .clients-box.box-shadow:hover { box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); }
.vc_custom_1579322717550 span.vc_icon_element-icon.vc-oi.vc-oi-quote-right-alt { color: var(--primary-color) !important; }

/*---------------------------------------------------------------------
  Service Box Data-center
-----------------------------------------------------------------------*/
.consult-services.margintop { padding: 15px; margin-bottom: 30px; margin-left: -20px; }
.consult-services.margintop .circle-effect { margin-left: -20px; }
.consult-services.margintop img { width: auto; margin-bottom: -30px; }
.iq-data-center-img img { max-width: none !important; }

/*Video*/

/*Chart */
.iq-chart-data { margin-top: -100px !important; }
.iq-chart-data canvas.vc_round-chart-canvas { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; width: auto !important; height: 300px !important; padding: 45px; border-radius: 20px; background: var(--white-color); }
.iq-chart-data canvas.vc_line-chart-canvas { padding: 15px 30px; width: 600px !important; height: 300px !important; border-radius: 20px; background: var(--white-color); }
.iq-chart-data .vc_chart .vc_chart-with-legend { width: 70%; }
.iq-chart-data .vc_chart .vc_chart-legend { width: 30%; }
.iq-chart-data .vc_chart.vc_line-chart.wpb_content_element { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; border-radius: 20px; }

/*About Section*/
.iq-about-edu { padding: 0; margin: 0; display: inline-block; width: 100%; }
.iq-about-edu li { margin-bottom: 15px; list-style-type: none; width: 100%; display: inline-block; }
.iq-about-edu li a { color: var(--body-text); position: relative; -ms-word-wrap: break-word; word-wrap: break-word; width: 100%; display: inline-block; float: left; }
.iq-about-edu li a i { position: absolute; left: 0; line-height: 34px; font-size: 18px; color: var(--secondary-color); }
.iq-about-edu li a .header { width: 100px; color: var(--primary-color); float: left; font-size: 16px; line-height: 26px; }
.iq-about-edu li a .content { display: table-cell; word-wrap: anywhere; word-break: break-word; }
.iq-higher-edu  img { max-width: 150% !important; top: -20%; position: absolute; left: -62%; }
.video-edu .consult-video a { width: 50px; height: 50px; line-height: 50px; }
.video-edu .video-btn .btn-waves { display: none; }
.video-edu .main-video { left: 10%; }
.iq-grey-bg .owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag { background: var(--white-light-color) !important; }

/*---------------------------------------------------------------------
  sidebar button
-----------------------------------------------------------------------*/
.menu-btn .line { width: 25px; height: 2px; background-color: var(--white-color); display: block; margin: 7px 0; }
.iq-sidearea-btn-container .menu-btn { vertical-align: middle; }
.iq-sidearea-btn-container { display: inline-block; background: var(--primary-color); margin-left: 15px; padding: 5px; border-radius: 90px; width: 50px; height: 50px; text-align: center; cursor: pointer; line-height: 37px; }
body.side-bar-open .iq-sidearea-btn-container.btn-container-close { background: var(--primary-color); }
body.side-bar-open .iq-sidearea-btn-container.btn-container-close:hover { background: var(--secondary-color); }
body.side-bar-open .iq-sidearea-btn-container.btn-container-close .menu-btn .line { background: var(--white-color); }
body.side-bar-open .iq-sidearea-btn-container.btn-container-close:hover .menu-btn .line { background: var(--white-color); }
.iq-sidearea-btn-container:hover { background: var(--secondary-color); }
.iq-sidearea-btn-container .menu-btn:hover { cursor: pointer; }
.iq-sidearea-btn-container .menu-btn:hover { cursor: pointer; }
.iq-sidearea-btn-container .menu-btn:hover { cursor: pointer; }
#menu-btn-side-close .is-active { -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); }
#menu-btn-side-close .is-active .line:nth-child(2) { width: 0px; }
#menu-btn-side-close .is-active .line:nth-child(1), #menu-btn-side-close .is-active .line:nth-child(3) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
#menu-btn-side-close .is-active .line:nth-child(1) { -webkit-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px); }
#menu-btn-side-close .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-sidearea-btn-container.btn-container-close { position: absolute; top: 26px; right: 50px; }
.side-bar-close .iq-menu-side-bar { right: -475px; }
.side-bar-open .iq-menu-side-bar { right: 0; }
.iq-menu-side-bar { background: var(--white-color); width: 475px; top: 0; right: -475px; position: fixed; height: 100%; z-index: 99991; 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; padding: 90px 45px 45px 45px; -webkit-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1); box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1); }
#sidebar-scrollbar { height: calc(100vh - 120px); }
.iq-sidearea-btn-container:hover .line.one, .iq-vertical-btn-container:hover .menu-btn .line.one { animation: iq-sidbar-btn .5s ease; }
.iq-sidearea-btn-container:hover .line.two, .iq-vertical-btn-container:hover .menu-btn .line.two { animation: iq-sidbar-btn .5s .15s ease; }
.iq-sidearea-btn-container:hover .line.three, .iq-vertical-btn-container:hover .menu-btn .line.three { animation: iq-sidbar-btn .5s .4s ease; }
@keyframes iq-sidbar-btn {
  0%, 100% { width: 100% }
  50% { width: 0 }
}
.iq-sidearea-btn-container.btn-container-close { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; will-change: transform; }
.iq-sidearea-btn-container.btn-container-close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }

/*---------------------------------------------------------------------
                               Header vertical
-----------------------------------------------------------------------*/
header.style-vertical ul .menu-item-has-children.show-sub .sub-menu-vertical { display: block; }
header.style-vertical { width: 300px; position: fixed; left: 0; height: 100vh; webkit-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1); box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1); top: 0; }
header.style-vertical .menu-item-has-children i { position: absolute; right: 30px; top: 16px; }
header.style-vertical .navbar ul li:hover>.sub-menu { width: 100%; top: inherit; position: relative; }
header.style-vertical #vertical-menu  li ul li > a { padding-left: 50px; color:var(--body-text);}
header.style-vertical #vertical-menu li ul ul li > a { padding-left: 65px; }
header.style-vertical #vertical-menu li ul { padding-left: 0; position: relative; }
header.style-vertical #vertical-menu li ul:before { content: ''; position: absolute; width: 2px; height: 100%; background: #f0f2f3; top: 0; left: 30px; }
header.style-vertical #vertical-menu li { list-style-type: none; position: relative; white-space: nowrap; }
header.style-vertical .navbar ul { width: 100%; }
header.style-vertical .navbar ul li a { line-height: normal; padding: 15px 30px; display: block; overflow: hidden; }
header.style-vertical .navbar ul li { text-align: left; display: block; margin: 0; }
header.style-vertical .navbar-light { padding: 0; display: block; }
.admin-bar header.style-vertical { padding-top: 30px; }
#menu-sidebar-scrollbar { height: calc(100vh - 120px); }
header.style-vertical  .navbar ul { float: inherit; padding: 0; }
header.style-vertical .navbar-brand { position: absolute;left: 30px;padding: 0;line-height: 96px; }
header.style-vertical #vertical-menu  li.active>a::before, header.style-vertical #vertical-menu > li.current-menu-ancestor>a:before, header.style-vertical #vertical-menu > li.current-menu-item>a:before { opacity: 1; height: 75%; }
header.style-vertical #vertical-menu  li>a::before { content: ""; width: 3px; height: 0px; display: inline-block; background: var(--primary-color); position: absolute; top: 7px; right: 0px; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s; }
header.style-vertical #vertical-menu li  .iq-arrow-right { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
header.style-vertical #vertical-menu li a[aria-expanded="true"] .iq-arrow-right { transform: rotate(90deg); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
header.style-vertical #vertical-menu li.menu-item-has-children ul >li a:after { content: ""; width: 12px; height: 2px; top: 25px; position: absolute; left: 32px; background: #f0f2f3; 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.style-vertical #vertical-menu li.menu-item-has-children ul >li.current-menu-ancestor:after,header.style-vertical #vertical-menu li.menu-item-has-children ul >li.current-menu-item:after { background: var(--primary-color); }
header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover, header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a:hover, header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover i ,header.style-vertical #vertical-menu li ul li > a:hover{ color: var(--primary-color); }
.vertical-navbar-brand img { width: 160px; }
header.style-vertical .navbar ul li:hover a, header .navbar ul li:hover i { color: inherit; }
header.style-vertical #vertical-menu li.active>a, header.style-vertical #vertical-menu li.active>a i, header.style-vertical .navbar ul li.current-menu-ancestor a, header.style-vertical .navbar ul li.current-menu-ancestor i, header.style-vertical .navbar ul li.current-menu-ancestor  ul li.current-menu-ancestor a, header.style-vertical .navbar ul li.current-menu-item a, header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-item a, header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a, header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a i, header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a ,header.style-vertical #vertical-menu li ul li.current-menu-item > a,header.style-vertical #vertical-menu li ul li.current-menu-ancestor > a { color: var(--primary-color); }
header.style-vertical #vertical-menu li.active>a, header.style-vertical .navbar ul li.current-menu-item a, header.style-vertical #vertical-menu > li.current-menu-ancestor>a { background: var(--ver-menu-back); }
header.style-vertical .navbar ul li .iq-has-sub-menu a { background: transparent; }
header.style-vertical .navbar ul li.current-menu-ancestor  ul li a, header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a, header.style-vertical .navbar ul li.current-menu-ancestor ul li a i { color: var(--body-text); }
header.style-vertical .navbar ul li a { color: var(--title-color); }
header.style-vertical .navbar ul li a:hover ,header.style-vertical .navbar ul li a:hover i{ color: var(--primary-color); }
header.style-vertical #vertical-menu li.menu-item-has-children ul >li.current-menu-ancestor:after,header.style-vertical #vertical-menu li.menu-item-has-children ul >li.current-menu-item a:after, header.style-vertical #vertical-menu li>a::before, header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor > a:after, header.style-vertical .navbar ul li a:hover:after,header.style-vertical #vertical-menu li.menu-item-has-children ul >li.current-menu-parent > a:after,header.style-vertical #vertical-menu li.menu-item-has-children ul >li a:hover:after { background: var(--primary-color); }

/*---------------------------------------------------------------------
                               Waves Effect
-----------------------------------------------------------------------*/
.iq-waves-effect { position: relative; }

/*  Ripple */
.ripple { width: 0; height: 0; border-radius: 50%; background: rgb(30, 61, 115, 0.4); transform: scale(0); position: absolute; opacity: 1; }
.rippleEffect { animation: rippleDrop .6s linear; }
@keyframes rippleDrop {
  100% { transform: scale(2); opacity: 0; }
}


/*---------------------------------------------------------------------
                               vertical menu header bar
-----------------------------------------------------------------------*/
.iq-vertical-btn-container.btn-vertical-open { display: inline-block; padding: 0 15px; position: relative; z-index: 99; vertical-align: middle; }
.iq-vertical-btn-container.btn-vertical-open, .vertical-navbar-brand { display: inline-block; }
#vertical-menu-sub-main { position: relative; vertical-align: middle; display: inline-block; align-items: center; z-index: 99; padding-right: 15px; }
.vertical-menu-btn i { font-size: 20px; }
.iq-vertical-btn-container.btn-vertical-close .vertical-menu-btn, .iq-vertical-btn-container.btn-vertical-open .vertical-menu-btn { display: inline-block; background: var(--primary-color); padding: 5px; border-radius: 90px; width: 50px; height: 50px; margin: 0 auto; text-align: center; cursor: pointer; line-height: 37px; }
.iq-vertical-btn-container .menu-btn .line.two { width: 18px; }
.iq-vertical-btn-container .menu-btn { vertical-align: middle; }
.iq-vertical-btn-container.btn-vertical-close {position: absolute;top: 50%; right: 50%; margin-right: -50%;transform: translate(-50%, -50%);  bottom: 0;}
.iq-vertical-header-logo{display: block; position: relative; min-height: 96px;}
.iq-vertical-btn-container.btn-vertical-close .vertical-menu-btn { font-size: 20px; }
.iq-vertical-btn-container.btn-vertical-close { display: none; }
.vertical-navbar-brand { position: relative; z-index: 99; }
.responsive-vertical-logo-btn { position: relative; width: 100%; display: block;z-index: 9999; }
.responsive-vertical-logo-btn .container-fluid { position: absolute; padding: 15px 15px; z-index: 100;}

/*---------------------------------------------------------------------
                               vertical-menu-collapsed
-----------------------------------------------------------------------*/
body.vertical-menu-collapsed  header.style-vertical { left: -300px; z-index: 99992; }
body.vertical-menu-collapsed.vertical-menu-close  header.style-vertical { left: 0; }
body.vertical-menu-collapsed .site.vertical-site-content { padding-left: 0; }
body.vertical-menu-collapsed .site.vertical-site-content .elementor-section.elementor-section-stretched { padding-left: 0 !important; }
body.vertical-menu-collapsed .iq-vertical-btn-container.btn-vertical-close { display: inline-block; vertical-align: middle; }
body.vertical-menu-close .iq-vertical-btn-container.btn-vertical-open, body.vertical-menu-close .vertical-navbar-brand { opacity: 0; }


/*---------------------------------------------------------------------
                               vertical-menu-expanded
-----------------------------------------------------------------------*/
body.vertical-menu-expanded .iq-vertical-btn-container.btn-vertical-open, body.vertical-menu-expanded .vertical-navbar-brand { opacity: 0; display: none; }
body.vertical-menu-expanded .site.vertical-site-content .elementor-section.elementor-section-stretched { padding-left: 300px !important; }
body.vertical-menu-expanded .site.vertical-site-content { display: block; width: 100%; height: 100%; float: left; padding-left: 300px; }


/*---------------------------------------------------------------------
                               Scrolbar
-----------------------------------------------------------------------*/
.scrollbar-thumb, .scrollbar-track-y { width: 4px !important; }
.scrollbar-thumb { background: var(--primary-color) !important; }
#sidebar-scrollbar .widget { background: transparent; padding: 0; }
#sidebar-scrollbar .widget .iq-side-area-title, .social-widget-media .iq-side-area-title { margin-bottom: 15px; }
#sidebar-scrollbar ul.info-share li a { width: 45px; height: 45px; line-height: 45px; display: inline-block; color: var(--white-color); border-radius: 90px; text-align: center; background: var(--sub-title-color); }
#sidebar-scrollbar ul.info-share li:hover a { background: var(--secondary-color); }

/*---------------------------------------------------------------------
                              Dark mode 
-----------------------------------------------------------------------*/
body.iq-dark-mode { background: var(--body-dark); }
body.iq-dark-mode .iq-menu-side-bar { background: var(--dark-back); z-index: 99991; }
body.iq-dark-mode h1, body.iq-dark-mode h2, body.iq-dark-mode h3, body.iq-dark-mode h4, body.iq-dark-mode h5, body.iq-dark-mode h6, body.iq-dark-mode a h1, body.iq-dark-mode a h2, body.iq-dark-mode a h3, body.iq-dark-mode a h4, body.iq-dark-mode a h5, body.iq-dark-mode a h6 ,body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{ color: var(--white-color); }
body.iq-dark-mode, body.iq-dark-mode .widget ul li a, body.iq-dark-mode ul.iq-contact li i, body.iq-dark-mode footer.footer-one .info-share li a { color: var(--dark-menu); }
body.iq-dark-mode footer.footer-one .info-share li a:hover { color: var(--sub-title-color); }
body.iq-dark-mode footer, body.iq-dark-mode  footer.iq-over-dark-90 { background: var(--dark-back); }
body.iq-dark-mode #vertical-menu li.menu-item-has-children ul >li.current-menu-item a:after{background:var(--white-color);}

body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, body.iq-dark-mode header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a, body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, body.iq-dark-mode header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, body.iq-dark-mode header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a{color:var(--primary-color);}

/*---------------------------------------------------------------------
                              Dark mode  Vertical menu
-----------------------------------------------------------------------*/
body.iq-dark-mode header.style-vertical { background: var(--dark-back); }
body.iq-dark-mode #vertical-menu li.menu-item-has-children ul >li.current-menu-ancestor:after, body.iq-dark-mode #vertical-menu li.menu-item-has-children ul >li.current-menu-item:after { background: var(--white-color); }
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a:hover, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li a:hover i { color: var(--white-color); }
.vertical-navbar-brand img { width: 160px; }
.iq-dark-mode header.style-vertical #vertical-menu li.active>a, .iq-dark-mode header.style-vertical #vertical-menu li.active>a i, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor i, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor  ul li.current-menu-ancestor a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-item a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-item a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor a i, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a, .iq-dark-mode header.style-vertical #vertical-menu li ul li.current-menu-item > a ,.iq-dark-mode header.style-vertical #vertical-menu li ul li > a:hover { color: var(--white-color); }
.iq-dark-mode header.style-vertical #vertical-menu li.active>a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-item a, .iq-dark-mode header.style-vertical #vertical-menu > li.current-menu-ancestor>a { background: var(--ver-menu-back); }
.iq-dark-mode header.style-vertical .navbar ul li .iq-has-sub-menu a { background: transparent; }
.iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor  ul li a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li a i { color: var(--dark-menu); }
.iq-dark-mode header.style-vertical .navbar ul li a { color: var(--dark-menu); }
.iq-dark-mode header.style-vertical .navbar ul li a:hover, .iq-dark-mode header.style-vertical .navbar ul li a:hover i { color: var(--white-color); }
#vertical-menu li.menu-item-has-children ul >li.current-menu-ancestor:after,.iq-dark-mode header.style-vertical #vertical-menu li>a::before, .iq-dark-mode header.style-vertical .navbar ul li.current-menu-ancestor ul li.current-menu-ancestor > a:after, .iq-dark-mode header.style-vertical .navbar ul li a:hover:after, body.iq-dark-mode #vertical-menu li.menu-item-has-children ul >li.current-menu-parent > a:after, body.iq-dark-mode #vertical-menu li.menu-item-has-children ul >li a:hover:after { background: var(--white-color); }
body.iq-dark-mode header.style-vertical #vertical-menu li ul:before, body.iq-dark-mode #vertical-menu li.menu-item-has-children ul >li a:after { background: var(--dark-menu); }
body.iq-dark-mode header.style-vertical .navbar ul li i { color: var(--dark-menu); }


/*---------------------------------------------------------------------
                              Dark mode  Horizonatal
-----------------------------------------------------------------------*/
body.iq-dark-mode header.menu-sticky .main-header, body.iq-dark-mode header.style-one.style-two.menu-sticky .main-header { background: var(--body-dark); }
body.iq-dark-mode header .navbar ul li a, body.iq-dark-mode header .navbar ul li i, body.iq-dark-mode header .navbar ul li .sub-menu li .sub-menu li.menu-item a, body.iq-dark-mode header .navbar ul li .sub-menu li a, body.iq-dark-mode header .navbar ul li .sub-menu li a i, body.iq-dark-mode header .navbar ul li:hover .sub-menu li > i { color: var(--white-color); }
body.iq-dark-mode header .navbar ul li .sub-menu li:hover, body.iq-dark-mode header .navbar ul li a:hover, body.iq-dark-mode header .navbar ul li.current-menu-item a, body.iq-dark-mode header .navbar ul li.current-menu-parent a, body.iq-dark-mode header .navbar ul li.current-menu-parent i, body.iq-dark-mode header .navbar ul li.current-menu-item i, body.iq-dark-mode header .navbar ul li:hover > a, body.iq-dark-mode header .navbar ul li:hover > i { color: var(--primary-color); }
body.iq-dark-mode header .navbar ul li:hover .sub-menu, body.iq-dark-mode header .navbar ul li .sub-menu li a, body.iq-dark-mode header .navbar ul li .sub-menu li .sub-menu li.menu-item a { background: var(--secondary-color); }
body.iq-dark-mode header .navbar ul li .sub-menu li a:hover, header .navbar ul li .sub-menu li:hover>a, body.iq-dark-mode header .navbar ul li .sub-menu li.current-menu-parent a, body.iq-dark-mode header .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a, body.iq-dark-mode header .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a, body.iq-dark-mode header .navbar ul li .sub-menu li:hover>a { color: var(--white-color); background: var(--primary-color); }
body.iq-dark-mode header .navbar ul li .sub-menu li .sub-menu li.menu-item a { background: var(--secondary-color); color: var(--white-color); }

/*---------------------------------------------------------------------
                               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: var(--white-color); font-weight: 500; }
.woocommerce .woocommerce-message .button:hover { background: #333333; color: var(--white-color); }

/* inject:scss */
.woocommerce .products ul, .woocommerce ul.products { margin: 0 -15px; }
.woocommerce .products.columns-2 li.product { width: 50%; padding: 0 15px; }
.woocommerce .products.columns-3 li.product { width: 33.3333%; padding: 0 15px; }
.woocommerce .products.columns-4 li.product { margin-right: 0; margin-bottom: 45px; width: 25%; padding: 0 15px; }
.woocommerce .products li.product.last, .woocommerce-page .products li.last { margin-right: 0; }

/*---------------------------------------------------------------------
                               Product
-----------------------------------------------------------------------*/
.iq-product-block { position: relative;border: 1px solid var(--white-light-color); border-radius: 10px; }
.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; margin-bottom: 20px;    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }
.iq-product-img-wrap { position: relative; overflow: hidden;}
.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: relative;
    width: 60%;
    left: calc(50% - 60%/2);
    padding: 5px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 100px;
    text-align: center;
    margin-bottom: 15px;
    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 #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{  
	font-size: 100%;
    margin: 0;
        margin-top: 0px;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: rgb(81, 81, 81);
    background-color: rgb(235, 233, 235);
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;}
.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: var(--white-color); font-family: 'Lato', sans-serif; z-index: 9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; color: var(--secondary-color); 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 a.added_to_cart.wc-forward{display: none;}
.woocommerce ul.products li.product .iq-product-block .button:hover, .woocommerce a.added_to_cart:hover { background-image: -moz-linear-gradient(0deg, var(--linear-color-1) 0%, rgb(163, 120, 252) 100%); background-image: -webkit-linear-gradient(0deg, var(--linear-color-1) 0%, rgb(163, 120, 252) 100%); background-image: -ms-linear-gradient(0deg, var(--linear-color-1) 0%, rgb(163, 120, 252) 100%); color: var(--white-color); }
/*.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: var(--secondary-color); 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: var(--secondary-color); line-height: 1.5; text-align: center; }
.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; text-align: center; }
.woocommerce ul.products li.product .iq-product-block .product-caption .price ins { font-weight: 400; }
.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: var(--text-color); }
.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: var(--white-color); 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: 'Karla', sans-serif; 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: var(--white-color); 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: var(--white-color); 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"; }


/*css*/
.woocommerce-checkout #payment {background: #eff1fe;border-radius: 5px;}
.woocommerce-checkout #payment div.payment_box::before {border: 1px solid #dce0e8;}
.woocommerce-checkout #payment div.payment_box {background-color: #eff1fe;    border: 1px solid #dce0e8;}

.woocommerce table.shop_table {border: none;}
.woocommerce table.shop_table {border-collapse: collapse;}
.woocommerce table.shop_table th {    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--white-light-color);    font-size: 22px;
    line-height: 30px;
    color: var(--title-color);}
.woocommerce table.shop_table td {
    border-top: none;
    border-left: none;    border-bottom: 1px solid var(--white-light-color);}
.woocommerce table.shop_table td span.woocommerce-Price-amount.amount{font-weight: bold;
color: var(--title-color);}
.woocommerce table.shop_table td,  .woocommerce table.shop_table th{text-align: left;}
.woocommerce button.button.alt.disabled:hover{background-color: var(--title-color);}
.woocommerce table.shop_table td {padding: 15px 12px;}
.woocommerce ul.products li.product .button {    margin-top: 2em;left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 100px;
    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 #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
    font-family: WooCommerce;
    content: "\e031";
    vertical-align: top;
    font-weight: 400;
    position: absolute;
    top: 0.4818em;
    right: 1em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
/*header shop*/
/*header ul.shop_list li .search-box input[type="search"]:hover { 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: -15px; 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 ul.shop_list li .search-box { position: relative; }
header ul.shop_list  li .search-box input[type="search"]:focus { width: 250px; z-index: 1; cursor: text; background: var(--white-color); z-index: 9; color: rgba(102, 102, 102, 0.6); font-size: 14px; }
header ul.shop_list  li .search-box .search-submit:hover { background: none; }
header ul.shop_list { margin-bottom: 0px; margin-left: 30px; padding-left: 0px; float: left; }
header ul.shop_list  li .search-box .search-submit { z-index: 10; color: var(--secondary-color); padding: 0; height: 40px; 
	width: 40px; display: inline-block; float: right; position: absolute; top: -25px; right: -35px; background: none; 
	cursor: pointer; transition: opacity 0.4s ease; }
header ul.shop_list li:first-child{margin-right: 10px;}
header ul.shop_list li{margin-right: 40px;}
header .navbar ul.shop_list li:last-child {margin-right: 0px;}
header ul.shop_list li .search-box input[type="search"]:focus {    right: -40px;
    border-radius: 100px;}
header ul.shop_list li.search-btn{margin-left: 15px;}
header ul.shop_list li.cart-btn .cart_count a{padding: 0px;}
header ul.shop_list li.wishlist-btn{padding-left: 10px;}
header .navbar .sub-main ul.shop_list li .wcount ,header .navbar .sub-main ul.shop_list li .cart_count #mini-cart-count{
position: absolute;top: -11px;right: -16px;width: 20px;height: 20px;line-height: 20px;color: var(--white-color);font-size: 12px;
    background: var(--primary-color);border-radius: 90px;
}

header .navbar .sub-main ul.shop_list .blue-btn.button a {font-size: 14px; line-height: 32px; padding-left: 0px; color: var(--white-color);}
header .navbar .sub-main ul.shop_list .blue-btn.button a:hover{color: var(--white-color);}

/*Vertical Menu*/
#vertical-menu-sub-main ul.shop_list li{display: inline-block; position: relative;vertical-align: middle;}
#vertical-menu-sub-main ul.shop_list li a:hover{color:  var(--secondary-color);}
#vertical-menu-sub-main ul.shop_list li div#mini-cart-count,#vertical-menu-sub-main .wishlist_count .wcount{    position: absolute;
    top: -11px;
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: var(--white-color);
    font-size: 12px;
    background: var(--primary-color);
    border-radius: 90px; text-align: center;
}
#vertical-menu-sub-main ul.shop_list li.cart-btn{padding: 0 15px;}
#vertical-menu-sub-main ul.shop_list li.wishlist-btn {padding: 0 15px;}
#vertical-menu-sub-main ul.shop_list .blue-btn.button{margin-left: 10px; padding: 8px 30px;}
#vertical-menu-sub-main ul.shop_list li.search-btn .search-form input {
	    border-radius: 0;
    height: auto;
    border: none;
    background: transparent;
    padding: 0;
    border-bottom: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 45px;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;}
#vertical-menu-sub-main ul.shop_list li.search-btn .search-form .search-submit{     border-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    height: 38px;
    line-height: 22px;
    width: 38px;
    font-size: 16px;
    right: 4px;
   top: 3px;}


header li .search-box input[type="search"]::before, header .search::after {
    content: '';
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    pointer-events: none;
    border: 1.5em solid var(--primary-color);
}
header li .search-box input[type="search"]::before, header .search::after {
    content: '';
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    pointer-events: none;
    border: 1.5em solid var(--primary-color);
}
/*search*/
header ul.shop_list .search-form { margin: 5em 0; padding: 0  45px; }

header ul.shop_list .search-form input:focus, header ul.shop_list .search-form input[type=text]:focus, header ul.shop_list .search-form input[type=email]:focus, header ul.shop_list .search-form input[type=search]:focus, header .search-form input[type=password]:focus { border-bottom: 2px solid var(--primary-color); border-top: none; border-right: none; border-left: none; }
header ul.shop_list .search::before, header  .search::after { content: ''; position: absolute; width: calc(100% + 15px); height: calc(100% + 15px); pointer-events: none; border: 1.5em solid var(--primary-color); }
header ul.shop_list .search--open::before, header ul.shop_list .search--open::after { transform: translate3d(0, 0, 0); }
header ul.shop_list .search-form .search-submit { top: 15px; }
header ul.shop_list .navbar ul li .search i, header ul.shop_list .navbar ul li:hover .search i { color: var(--white-color); }
header ul.shop_list .search-form .search-submit i { font-size: 24px; font-weight: normal; color: var(--white-color); }
header ul.shop_list .navbar ul.shop_list li a:hover { background: transparent; }
header ul.shop_list .search-form .search-submit { background: transparent; line-height: normal; color: var(--white-color); }
header ul.shop_list .search { pointer-events: none; opacity: 0; transition: opacity 0.5s; }
header ul.shop_list .search.search--open { pointer-events: auto; opacity: 1; }
header ul.shop_list .search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: rgba(0, 0, 0, .9); }
header ul.shop_list .search { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; }
header ul.shop_list .btn--search-close { font-size: 1.5em; position: absolute; top: 1em; right: 1.25em; display: none; color: var(--title-color); background: transparent; }
header ul.shop_list .btn--search-close { display: block; }
header ul.shop_list .btn--search-close:focus { outline: 0; box-shadow: none; }
header ul.shop_list .search__form { margin: 5em 0; padding: 0  45px; }
header ul.shop_list .search__input { font-family: inherit; background: none; border: none; height: auto; font-size: 45px; line-height: 1; display: inline-block; box-sizing: border-box; width: 100%; padding: 0.05em 0; color: var(--white-color); border-bottom: 2px solid; }
header ul.shop_list .search__input:focus { border: none; border-bottom: 2px solid; }
header ul.shop_list .search__input::-webkit-input-placeholder { opacity: 0.6; color: var(--white-color); }
header ul.shop_list .search__input::-moz-placeholder { opacity: 0.6; color: var(--white-color); }
header ul.shop_list .search__input:-ms-input-placeholder { opacity: 0.6; color: var(--white-color); }
header ul.shop_list .search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration { -webkit-appearance: none; }
header ul.shop_list .search__input::-ms-clear { display: none; }
header ul.shop_list .search-form .search-submit { right: 30px; display: none; }
header ul.shop_list .search-form .search-submit:hover { background: transparent; }
header ul.shop_list form.search-form .form-row .has-content ~ label, header ul.shop_list form.search-form .form-row input:focus ~ label { top: -90px; }
header ul.shop_list  li .feather { font-size: 20px; height: 20px; width: 20px; }
header ul.shop_list  .search-form input { height: auto; border-radius: 0; border: none; background: transparent; padding: 0; border-bottom: 2px solid var(--secondary-color); }
header ul.shop_list form.search-form .form-row label { color: var(--white-color); text-align: left; font-size: 45px; top: -30px; margin-bottom: 0; left: 0; display: block; float: left; width: 100%; margin-bottom: 0px; position: absolute; pointer-events: none; left: 0px; -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; }
header ul.shop_list .search-form input { padding-right: 40px; box-shadow: none; color:var(--secondary-color); border-bottom: 2px solid var(--secondary-color); background: transparent; 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; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 15px; }
header ul.shop_list .search-form input { border-radius: 0; height: auto; border: none; background: transparent; padding: 0; border-bottom: 2px solid var(--white-color); color: var(--white-color); 
font-size: 45px;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;}

/*Vertical Search*/
#vertical-menu-sub-main ul.shop_list .search-form { margin: 5em 0; padding: 0  45px; }
#vertical-menu-sub-main ul.shop_list .search-form input:focus, #vertical-menu-sub-main ul.shop_list .search-form input[type=text]:focus, #vertical-menu-sub-main ul.shop_list .search-form input[type=email]:focus, #vertical-menu-sub-main ul.shop_list .search-form input[type=search]:focus, #vertical-menu-sub-main ul.shop_list .search-form input[type=password]:focus { border-bottom: 2px solid var(--primary-color); border-top: none; border-right: none; border-left: none; }
#vertical-menu-sub-main ul.shop_list .search::before, #vertical-menu-sub-main ul.shop_list  .search::after { content: ''; position: absolute; width: calc(100% + 15px); height: calc(100% + 15px); pointer-events: none; border: 1.5em solid var(--primary-color); }
#vertical-menu-sub-main ul.shop_list .search--open::before, #vertical-menu-sub-main ul.shop_list .search--open::after { transform: translate3d(0, 0, 0); }
#vertical-menu-sub-main ul.shop_list .search-form .search-submit { top: 15px; }
#vertical-menu-sub-main ul.shop_list .navbar ul li .search i, #vertical-menu-sub-main ul.shop_list .navbar ul li:hover .search i { color: var(--white-color); }
#vertical-menu-sub-main ul.shop_list .search-form .search-submit i { font-size: 24px; font-weight: normal; color: var(--white-color); }
#vertical-menu-sub-main ul.shop_list .navbar ul.shop_list li a:hover { background: transparent; }
#vertical-menu-sub-main ul.shop_list .search-form .search-submit { background: transparent; line-height: normal; color: var(--white-color); }
#vertical-menu-sub-main ul.shop_list .search { pointer-events: none; opacity: 0; transition: opacity 0.5s; }
#vertical-menu-sub-main ul.shop_list .search.search--open { pointer-events: auto; opacity: 1; }
#vertical-menu-sub-main ul.shop_list .search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: rgba(0, 0, 0, .9); }
#vertical-menu-sub-main ul.shop_list .search { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; }
#vertical-menu-sub-main ul.shop_list .btn--search-close { font-size: 1.5em; position: absolute; top: 1em; right: 1.25em; display: none; color: var(--title-color); background: transparent; }
#vertical-menu-sub-main ul.shop_list .btn--search-close { display: block; }
#vertical-menu-sub-main ul.shop_list .btn--search-close:focus { outline: 0; box-shadow: none; }
#vertical-menu-sub-main ul.shop_list .search__form { margin: 5em 0; padding: 0  45px; }
#vertical-menu-sub-main ul.shop_list .search__input { font-family: inherit; background: none; border: none; height: auto; font-size: 45px; line-height: 1; display: inline-block; box-sizing: border-box; width: 100%; padding: 0.05em 0; color: var(--white-color); border-bottom: 2px solid; }
#vertical-menu-sub-main ul.shop_list .search__input:focus { border: none; border-bottom: 2px solid; }
#vertical-menu-sub-main ul.shop_list .search__input::-webkit-input-placeholder { opacity: 0.6; color: var(--white-color); }
#vertical-menu-sub-main ul.shop_list .search__input::-moz-placeholder { opacity: 0.6; color: var(--white-color); }
#vertical-menu-sub-main ul.shop_list .search__input:-ms-input-placeholder { opacity: 0.6; color: var(--white-color); }
#vertical-menu-sub-main ul.shop_list .search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration { -webkit-appearance: none; }
#vertical-menu-sub-main ul.shop_list .search__input::-ms-clear { display: none; }
#vertical-menu-sub-main ul.shop_list .search-form .search-submit { right: 30px; display: none; }
#vertical-menu-sub-main ul.shop_list .search-form .search-submit:hover { background: transparent; }
#vertical-menu-sub-main ul.shop_list form.search-form .form-row .has-content ~ label, #vertical-menu-sub-main ul.shop_list form.search-form .form-row input:focus ~ label { top: -90px; }
#vertical-menu-sub-main ul.shop_list  .shop_list li .feather { font-size: 20px; height: 20px; width: 20px; }
#vertical-menu-sub-main ul.shop_list  .search-form input { height: auto; border-radius: 0; border: none; background: transparent; padding: 0; border-bottom: 2px solid var(--secondary-color); }
#vertical-menu-sub-main ul.shop_list form.search-form .form-row label { color: var(--white-color); text-align: left; font-size: 45px; top: -30px; margin-bottom: 0; left: 0; display: block; float: left; width: 100%; margin-bottom: 0px; position: absolute; pointer-events: none; left: 0px; -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; }
#vertical-menu-sub-main ul.shop_list .search-form input { padding-right: 40px; box-shadow: none; color:var(--secondary-color); border-bottom: 2px solid var(--secondary-color); background: transparent; 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; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 15px; }
#vertical-menu-sub-main ul.shop_list .search-form input { border-radius: 0; height: auto; border: none; background: transparent; padding: 0; border-bottom: 2px solid var(--white-color); color: var(--white-color); 
font-size: 45px;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;}

/*Blog Style 2*/
.iq-default-blog-style-2 .iq-blog-article-style:nth-child(odd) .iq-blog-box {background: transparent;}
.iq-default-blog-style-2 .iq-blog-article-style:nth-child(even) .iq-blog-box {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: 40px;
}
.iq-default-blog-style-2 .iq-blog-article-style:nth-child(even) .iq-blog-box .iq-blog-image{text-align: right;}
.iq-default-blog-style-2 .iq-blog-article-style:nth-child(even) .iq-blog-box .iq-blogtag{top: 15px;
    bottom: auto;
    position: absolute;
    margin: 0 -10px 0px;}
.iq-default-blog-style-2 .iq-blog-article-style:nth-child(even) .iq-blog-box .iq-blogtag li {float: none;}
.iq-default-blog-style-2 .iq-blog-article-style:nth-child(even) .iq-blog-box img{object-fit: cover;}
.iq-default-blog-style-2 .iq-blog-article-style:nth-child(even) .iq-blog-box .iq-blog-detail  {
    margin-left: 45px;
    margin-right: -100px;
}
.iq-default-blog-style-2 .iq-blog-article-style:last-child .iq-blog-box{border-bottom: none; margin-bottom: 0px;}
.iq-default-blog-style-2 .iq-blog-box{display: flex; border: none;
    border-bottom: 1px solid var(--white-light-color);
    padding-bottom: 40px;
    margin-bottom: 40px;}
 .iq-default-blog-style-2 .iq-blog-box .iq-blog-image img{position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    width: 100%; margin-bottom: 0px;   /* max-width: 440px;*/
    height: auto;
    height: 350px;
    object-fit: cover;}
.iq-default-blog-style-2 .iq-blog-box .iq-blogtag {top: 15px; bottom: auto;}
.iq-default-blog-style-2 .iq-blog-box .iq-blog-detail{ align-self: center;margin-left: -100px;margin-right: 45px;
    background: var(--white-color);
    padding: 30px;
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, 0.05);
    z-index: 9;}

/*/*Blog Style 2 Grid Css*/
.iq-default-blog-style-2-grid .iq-blog-box{margin-bottom: 0px; border: none;}
.iq-default-blog-style-2-grid .iq-blog-box{display: block;border: none;}
.iq-default-blog-style-2-grid .iq-blog-box .iq-blogtag{bottom: auto; top: 15px;}
.iq-default-blog-style-2-grid .iq-blog-box .iq-blog-detail{position: relative;
    width: calc(100% - 60px);
    background-color: var(--white-color);
    margin: -100px 0 30px 30px;
    padding: 20px;
    z-index: 1;    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
 }