/*
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);
}


/*---------------------------------------------------------------------
                              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); }
.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); }
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: 9999; 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; }
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.active 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 { padding-left: 30px; padding-top: 15px; padding-bottom: 15px; }
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; }
#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;}
#vertical-menu li.menu-item-has-children ul >li.current-menu-ancestor:after, #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 { 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 { 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(--body-text); }
header.style-vertical .navbar ul li a:hover { color: var(--primary-color); }
#vertical-menu li.menu-item-has-children ul >li.current-menu-ancestor:after, #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 ,#vertical-menu li.menu-item-has-children ul >li.current-menu-parent > a:after,#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: relative; right: -25px; }
.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; }
.responsive-vertical-logo-btn .container-fluid { position: absolute; padding: 15px 15px; }

/*---------------------------------------------------------------------
                               vertical-menu-collapsed
-----------------------------------------------------------------------*/
body.vertical-menu-collapsed  header.style-vertical { left: -300px; z-index: 999; }
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); }

/*---------------------------------------------------------------------
                               fullwidth menu
-----------------------------------------------------------------------*/
/* .scale-up-ver-top {
	-webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

body.vertical-menu-collapsed.full-width-menu header.style-vertical{left: inherit;}
.full-width-menu-only{    position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 108;
  padding: 55px 80px;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform .8s ease .4s;
  -o-transition: transform .8s ease .4s;
  transition: transform .8s ease .4s;
  transition: transform .8s ease .4s,-webkit-transform .8s ease .4s;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  background: rgba(5,20,65,.98);}


  .vertical-menu-close .full-width-menu-only{  z-index: 108;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform .7s ease .2s;
    -o-transition: transform .7s ease .2s;
    transition: transform .7s ease .2s;
    transition: transform .7s ease .2s,-webkit-transform .7s ease .2s;}


    .full-width-menu-only header .navbar ul li a{    -webkit-transform: translateY(45px);
      -ms-transform: translateY(45px);
      transform: translateY(45px);
      opacity: 0;
      visibility: hidden;
      -o-transition: all ease .3s;
      -webkit-transition: all ease .3s;
      transition: all ease .3s;
      -webkit-transition: opacity ease 1.4s .6s,-webkit-transform ease 1.4s .6s;
    -o-transition: transform ease 1.4s .6s,opacity ease 1.4s .6s;
    transition: transform ease 1.4s .6s,opacity ease 1.4s .6s;
    transition: transform ease 1.4s .6s,opacity ease 1.4s .6s,-webkit-transform ease 1.4s .6s;
    font-size: 25px;}

  .vertical-menu-close .full-width-menu-only  header .navbar ul li a{-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity ease 1.4s .7s,-webkit-transform ease 1.4s .7s;
    -o-transition: transform ease 1.4s .7s,opacity ease 1.4s .7s;
    transition: transform ease 1.4s .7s,opacity ease 1.4s .7s;
    transition: transform ease 1.4s .7s,opacity ease 1.4s .7s,-webkit-transform ease 1.4s .7s;
    opacity: 1;
    visibility: visible;}
    .full-width-menu-only  header.style-vertical{    width: 60%;
      margin: 0 auto;
      position: fixed;
      left: 0;
      right: 0;}
    .full-width-menu-only  header.style-vertical{box-shadow: none; background: transparent;}
 @-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}
 */