/*Theme Name: Janitorial Cleaning Services Pro
Theme URI: https://www.logicaldemo.com/janitorial-cleaning-services/
Author: Logical Themes
Author URI: https://www.logicalthemes.com/
  
Description: The aesthetically designed Janitorial Cleaning Services WordPress Theme gives your business a 
professional look which makes you confident to handle operate  your business with more confidence. 
A good design and layout with appropriate color schemes and graphics have the power to change 
perception of your potential customer about your business. Janitorial Cleaning Services WordPress 
Theme has that professional vibe. The theme is quick to load and easy to manage even for a layman 
with no previous coding and technical experience. The dashboard or user interface facilitates easy 
steps to make day-to-day changes yourself to make your website beam with fresh news and announcements 
all the time.  If you provide wood home building solutions and consultancy or deal in manufacturing parts 
or provide machineries and tools, this Janitorial Cleaning Services WordPress Theme will be perfect for you. 
You can manage it yourself and make changes live within minutes. It is so easy to maintain this template 
yourself, no need to hire digital team in-house. Overall it is affordable, saves cost and time. 
Above all your business will perform well and earn you good reviews and rewards!
 
Version: 1.0 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: True Check Verification
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body.custom-background {    
    background-color: #fff !important;
/*    background-repeat: no-repeat !important;*/
}
body {
    margin: 0;
    background: #fff;
    position: relative;  
}
.fa-twitter:before {
    content: "\e61b" !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}

a {
    outline: 0 none;
    text-decoration: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: none;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 0px;
    padding-top: 0px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding:0px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
/*    color: #fff;*/
    font-size: 16px;
    line-height: 1.5;
/*    font-weight: 400;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
/*    line-height: 1;*/
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 29px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 24px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:15px 0;
    word-break: break-word;
    line-height: 1.6;
    font-size: 18px;
    font-weight: 400;
}
cite { padding: 4px 14px;position: relative;display: inline-block;}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    /* background-color: #3ff; */
    position: relative;
    clear: both;
    top: 12px;
    left: 1%;
    width: 96% !important;
    margin: 30px 2px;
    padding: 1em 20px 0em 20px !important;
    font-size: 18px;
    color: #212121;
    box-shadow: 0px 0px 1px 0px #c4c4c44d;
    background-image: linear-gradient(108deg, #d8e2f7 10%, #ddfcea 80%);
    border-radius: 0 12px 12px 0;
    border-left: 4px solid #2563EB;
}

#innerpage-box blockquote p {
    padding: 0 0 1.2em 8px !important;
    position: relative;
    z-index: 1;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}
/*#innerpage-box blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    position: absolute;
    top: -46px;
    clear: both;
    right: -24px;
    font-size: 30px;
    padding: 0px 8px;
    color: #d33;
    z-index: -1;
}*/


q:before,
q:after {
    content: "";
}
pre {
    background: #eee;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    /*font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;*/
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
/*    background: #fff9c0;*/
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    /*height: 40px;*/
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.clearfix{clear:both;}

/*padding*/

.pd-0{ padding: 0 !important;}
.pd-1{ padding: 6px;}
.pl-0{ padding-left:0 ;}
.pl-1{ padding-left: 10px;}
.pr-0{ padding-right: 0;}
.pr-1{ padding-right: 10px;}
.pd-4{ padding: 0 2em;}

/*margin*/

.mr-0{margin-left: 0 !important;margin-right: 0 !important;}

.justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; text-align: center;justify-content: center!important;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto; 
    max-width: 100%;
    vertical-align: middle;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 0px solid #000 !important;
    color: #3b82f6;
    z-index: 1;
    position: relative;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-size: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: none;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    vertical-align: top;
}

#commentsAdd input[type="text"],
#commentsAdd input[type="email"],
#commentsAdd input[type="url"],
#commentsAdd input[type="password"],
#commentsAdd input[type="search"],
#commentsAdd input[type="number"],
#commentsAdd input[type="tel"],
#commentsAdd input[type="range"],
#commentsAdd input[type="date"],
#commentsAdd input[type="month"],
#commentsAdd input[type="week"],
#commentsAdd input[type="time"],
#commentsAdd input[type="datetime"],
#commentsAdd input[type="datetime-local"],
#commentsAdd input[type="color"],
#commentsAdd textarea {border: 1px solid #000 !important;}
.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    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; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {  margin: 0 0 15px;}
.widget select {   max-width: 100%;  width: 100%;}
.widget_search .search-submit { display: none;}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}

.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    /*text-transform: uppercase;*/
    margin: 0 0 12px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 0px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area .social-profile-icons ul li:before {  display: none;}
.widget-area ul ul{  margin-top: 5px;}
.widget-area ul ul li{ padding-left: 10px;}
.widget-area ul ul li:last-child{  border-bottom: 0;  padding-bottom: 0;}
.widget-area li{
    line-height: normal;
    margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    /*border-radius: 0;*/
}
.widget-area li:after{display: none !important;}
.widget-area a{
    text-decoration: none;
    font-size: 15px;
    word-break: break-word;
/*    color: #fff;*/
   display: block; 
    padding: 2px 6px 2px 6px;
    font-weight: 400 !important;
    line-height: 1.4;
    margin: 0;
}


.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}
#secondary .widget_search, #sidebars .widget_search,
#secondary .widget_tag_cloud,
#sidebars .widget_tag_cloud{background: none !important;margin:1px 1px 15px 1px !important;}
#secondary .widget_tag_cloud .widget-title{margin: 0 0 15px 0 !important;}

#sidebars .widget, 
div#secondary.widget-area .widget {
    background-color: #fff;
    border-radius: 14px;
    position: relative;
/*    overflow: hidden;*/
    /*box-shadow: 0px 0px 1px 1px #b4b2b269;*/
    padding: 20px 20px;
    box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

#sidebars .widget,
#secondary.widget-area .widget {     
    padding: 0em 0 1.5em 0;
    margin: 0px 2px 2em 2px;
    color: #fff;
    box-shadow:none;
    border-radius:0;
}

/*#sidebars .widget.widget_search,
#secondary.widget.widget_search{
    box-shadow: none;
}*/
#sidebars .widget.widget_search:before, 
#secondary.widget-area .widget.widget_search:before,
#sidebars .widget.widget_search:after, 
#secondary.widget-area .widget.widget_search:after{display: none;}

.select2-container--default .select2-selection--single .select2-selection__rendered, 
main#innerpage-box .widget-area .tagcloud a, 
#secondary .widget_recent_comments a,
#secondary .widget_categories a,
#secondary .widget_archive a,
#secondary .widget_recent_entries a
#sidebars .widget_nav_menu a, 
#secondary .widget_nav_menu li, 
#sidebars .widget_nav_menu ul li {
    font-weight: 500;
}
#secondary .widget-area a,
#secondary .widget a{
/*    color: #000 !important;*/
    font-weight: 400;
}
#secondary .wp-block-search__label,
#sidebars .wp-block-search__label {
    width: 100%;
    padding: 10px;
}
#secondary .widget ul li,
#sidebars .widget ul li{margin:0 6px 14px 0px !important; border-radius: 8px;}

/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/

#sidebars .widget_archive li:after,
#sidebars .widget_categories li:after,
#secondary .widget_nav_menu li:after{   display: none;}

/*#sidebars .widget_categories a:before,
#secondary .widget_product_categories a:before,
#secondary .widget_archive a:before,
#secondary .widget_categories a:before,
#sidebars .widget_archive ul li a:before,
#sidebars .product-categories li a:before{ 
    content: "\f18e";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    margin: 0 12px 0 0;
    font-weight: 400;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    position: relative;
    top: 0px;
}*/
/**/
/*recent post*/
/*.attachment-thumbnail.widget_recent_comments.wp-post-image*/
span.post-date {
    font-size: 13px;
    font-weight: 300;
    margin: 4px 0 0 0 !important;
}
.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 74px;
    padding: 0 !important;
    margin: 0 0 4px 0;
    border-radius: 8px;
    transition: all 0.5s;
}
.attachment-thumbnail.size-thumbnail.wp-post-image:after{

}
.widget_recent_entries ul li {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 4px;
    /* align-items: center; */
    box-shadow: 0px 1px 0px 0px #cccccc61;
    padding-bottom: 12px;
    transition: all 0.5s;
}
.widget_recent_entries ul li a{padding: 0;font-size: 15px;font-weight: 600 !important; transition: all 0.5s;}
.widget_recent_entries li:hover .attachment-thumbnail{scale: 1.08;transform: all 0.5s;}

/*widget categories*/
#secondary .widget.widget_categories li{display: flex;}

/*recent comments*/

/*.attachment-thumbnail.size-thumbnail.wp-post-image {  width: 60px;}*/
.widget_recent_comments ul li {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 4px;
    align-items: center;
    box-shadow: 0px 1px 0px 0px #ccc;
}
.widget_recent_comments ul li a{padding: 0;}
/**/
#secondary .widget ul li:before, 
#sidebars .widget ul li:before{display: none;}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}

#innerpage-box #menu-project-menu li,
#innerpage-box #menu-service-menu li ,
.widget-area .widget_nav_menu ul li,
#secondary .widget_nav_menu ul li,
#secondary .widget_nav_menu ul li{
        display: block; padding: 0 0 0 0px;margin: 0 1px !important;transition: all 0.2s ease 0s;
}

#innerpage-box #menu-project-menu li:hover,
#innerpage-box #menu-service-menu li:hover ,
.widget-area .widget_nav_menu ul li:hover,
#secondary .widget_nav_menu li:hover, 
#sidebars .widget_nav_menu ul li:hover{background-color: #33333329 !important;}

#innerpage-box #menu-project-menu li.current-menu-item,
#innerpage-box #menu-service-menu li.current-menu-item ,
#secondary .widget_nav_menu ul li.current-menu-item, 
#sidebars .widget_nav_menu ul li.current-menu-item{
    background: #000;   
}


/*/*---------------------
sidebar menu 
------------------------*/
/*#secondary .widget_nav_menu li ,
#sidebars .widget_nav_menu ul li{ 
    border: 1px solid #000;
    border-radius: 0px;
}*/
#innerpage-box #menu-service-menu li:before,
#innerpage-box #menu-project-menu li:before {
    position: absolute;
    top: 13px;
    left: 12px;
    align-items: center;
}
#innerpage-box #menu-project-menu li a,
#innerpage-box #menu-service-menu li a {padding: 12px 4px 12px 40px !important;}

#innerpage-box #menu-project-menu li a,
#innerpage-box #menu-service-menu li a ,
#secondary .widget_nav_menu li a, 
#sidebars .widget_nav_menu ul li a {
    font-size: 16px;
    padding: 12px 4px 12px 20px;
    margin: 12px 0 0 0;
    font-weight: 500 !important;
    border-radius: 7px;
    transition: all 0.2s ease 0s;
}
#innerpage-box #menu-project-menu li a,
#innerpage-box #menu-service-menu li a ,
#sidebars .widget_nav_menu a, 
#sidebars .widget_nav_menu ul li a,
#secondary .widget.widget_nav_menu a{color: #1955C1 !important;} 

#innerpage-box #menu-project-menu li a,
#innerpage-box #menu-service-menu li a ,
#secondary .widget_nav_menu li a,
#sidebars .widget_nav_menu a,
#sidebars .widget_nav_menu ul li a{display: block;transition: all 0.2s ease 0s;}

#secondary .widget_nav_menu li a:before, 
#sidebars .widget_nav_menu ul li a:before{ 
    content: "\f101";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    margin: 0 12px 0 0;
    font-weight: 400;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    position: relative;
    top: 0px;
}
/*#sidebars .widget_recent_entries ul li:before{display: none;}*/
/*#sidebars .widget_nav_menu ul li:before{display: none;}*/

/*#sidebars .widget li a{color: #3E3024;}*/
/*#secondary .widget_nav_menu li a:before, 
#sidebars .widget_nav_menu ul li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #fff;
    background: #d33;
    margin: 0px 4px 0px 1px;
    font-weight: 500;
    font-size: 22px;
    left: 0;
    top: 0px;
    height: 30px;
    border-radius: 0px;
    width: 30px;
    line-height: 28px;
    position: absolute;
    text-align: center;
}*/
#secondary .widget_recent_entries li:before,
#sidebars .widget_recent_entries li:before{
    display: none !important;
}
.widget-area li.recentcomments {padding: 4px 38px 10px}
.recentcomments a {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

#secondary #recentcomments li:before, 
#sidebars #recentcomments li:before {
    content: "\f27b" !important;
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    color: #d33;
    background: none;
    margin: 0px 4px 0px 4px;
    font-weight: 500;
    font-size: 18px;
    left: 0px;
    top: 4px;
    height: 26px;
    border-radius: 0px;
    width: 26px;
    line-height: 27px;
    position: absolute;
    text-align: center;
    display: inline-block !important;
}
#secondary #recentcomments li a, 
#sidebars #recentcomments li a{   
    padding: 0 !important;
}
#secondary #recentcomments li a, 
#sidebars #recentcomments li a{ padding: 0 0 0 0px !important;}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative; overflow: hidden;}

#secondary .search-form input[type="text"],
#secondary .search-form input[type="email"],
#secondary .search-form input[type="url"],
#secondary .search-form input[type="password"],
#secondary .search-form input[type="search"],
#secondary .search-form input[type="number"],
#secondary .search-form input[type="tel"],
#secondary .search-form input[type="range"],
#secondary .search-form input[type="date"], 
#secondary .search-form input[type="month"], 
#secondary .search-form input[type="week"], 
#secondary .search-form input[type="time"], 
#secondary .search-form input[type="datetime"], 
#secondary .search-form input[type="datetime-local"], 
#secondary .search-form input[type="color"], 
#secondary .search-form input[type="file"],
#secondary .search-form textarea, 
#secondary .search-form select

#sidebars .search-form input[type="text"],
#sidebars .search-form input[type="email"],
#sidebars .search-form input[type="url"],
#sidebars .search-form input[type="password"],
#sidebars .search-form input[type="search"],
#sidebars .search-form input[type="number"],
#sidebars .search-form input[type="tel"],
#sidebars .search-form input[type="range"],
#sidebars .search-form input[type="date"], 
#sidebars .search-form input[type="month"], 
#sidebars .search-form input[type="week"], 
#sidebars .search-form input[type="time"], 
#sidebars .search-form input[type="datetime"], 
#sidebars .search-form input[type="datetime-local"], 
#sidebars .search-form input[type="color"], 
#sidebars .search-form input[type="file"],
#sidebars .search-form textarea, 
#sidebars .search-form select{padding: 12px 40px 12px 16px;}

#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}
#secondary label {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
}
#sidebars input[type="text"],
#sidebars input[type="email"],
#sidebars input[type="url"],
#sidebars input[type="password"],
#sidebars input[type="search"],
#sidebars input[type="number"],
#sidebars input[type="tel"],
#sidebars input[type="range"],
#sidebars input[type="date"], 
#sidebars input[type="month"], 
#sidebars input[type="week"], 
#sidebars input[type="time"], 
#sidebars input[type="datetime"], 
#sidebars input[type="datetime-local"], 
#sidebars input[type="color"], 
#sidebars input[type="file"],
#sidebars textarea, 
#sidebars select ,
#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, 
#secondary select {
    width: 100%;
    margin: 1px 0% 12px 0;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    border-radius: 8px;
    padding: 13px 6px 14px 10px;
    line-height: 20px;
    background-color: transparent;
    text-align: left;
    box-shadow: none;
    border: 1px solid #000;
}
#sidebars textarea, 
#secondary textarea {padding: 15px 3px 6px 20px; height: 90px;border-radius: 0px;}
#secondary .gallery-columns-3 .gallery-item { max-width: 33.33%;}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{  opacity: 0.7;}
#secondary figure.gallery-item a img, #secondary .widget img{ padding: 5px;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}

#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin-left: 10px;
    margin-bottom: 10px;
    /* border: 1px solid #000; */
    padding: 2px 14px;
    font-weight: 400;
    font-size: 15px;
    border-radius: 50px;
    /* line-height: 35px; */
    word-break: break-word;
    background: #F5F7F9;
    display: inline-block;
}
#content .tags a:hover{
    background: #4a3622;
    transition: all 0.3s ease;
    color: #fff;
}
#comments .comment-author img{border-radius: 50%;}
#comments span.fn {
    position: absolute;
    top: 17px;
}
.comment-form-url,
.comment-form-author,
.comment-form-email{
    float: left;
    margin-left: 1%;
    width: 49%;
}

.comment-respond p label{margin-bottom: 5px;}

.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li:after{display: none !important;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    margin: 4px 0 4px 4px !important;
    padding-top: 2px !important;
}
.inner_contentbox .socialMedia ul li a{background: none !important;}
.inner_contentbox .socialMedia ul li:before{display: none !important;}
.inner_contentbox .socialMedia{float: right;}
.inner_contentbox .socialMedia ul li a i {
    background: none !important;
    border: 2px solid #d33;
    color: #000;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 16px;
    margin: 2px 0;
    clear: both;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
/*================== New ==========================*/
div#commentsAdd {
    margin-top: 1em;
    margin-bottom: 10px;
    border-top: 3px solid #000;
    padding: 2em 1em 2em 2em;
    box-shadow: 0 6px 10px 0px rgb(0 0 0 / 10%);
}
div#commentsAdd h1 span {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.commentmetadata span.reply {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-weight: 500;
    background: #ccc;
    padding: 7.5px 32px;
    text-align: center;
    border-radius: 25px;
    /*text-transform: uppercase;*/
    z-index: 1;
}
.commentmetadata span.reply a { color: #000 !important;}

.comment-author.vcard {
    width: 15%;
    position: relative;
    float: left;
}
.commentmetadata {
    width: 85%;
    float: left;
    margin-top: 1.5em;
}
.comment-metadata a{font-weight: 600; font-size: 16px;}
.comment-metadata {
    position: absolute;
    /* float: right; */
    top: 0;
    margin-left: 100%;
    width: 300px;
}
#comments .commentmetadata p{margin: 1em 0;}

#respond #respond h3#reply-title{display: none;}
#comments ol li.comment:before{display: none;}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 2em 0 5em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
/*    width: 100%;*/
    margin-bottom: 1em;
    border: 1px solid #bbb;
    padding: 5px;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
    display: block;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #000 !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 16px 0 2px 0;
    padding: 0em 0;
     clear: both; 
    text-align: center;

}
.pagingation a, .woocommerce nav.woocommerce-pagination ul li a{
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    color: #555;
    padding: 10px 14px;
    margin: 2px 8px 2px 0;
    transition: all 0.25s ease;
}
.pagingation a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover{
    color:#fff;
}
.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
    color: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    padding: 10px 14px;
    border: 1px solid #ccc;
    margin-right: 8px;
}

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
/*--------------------------------------------------------------
## section Title
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
/* ── Smooth Scroll Fix ── */
/* Required for Lenis */
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important; /* disable native — lenis handles it */
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Reset conflicting scroll */
html, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}


/*************/
.container { max-width: 1536px; }
.owl-carousel{ will-change: transform;}

#sidebars input[type="submit"],
#secondary input[type="submit"],
.wp-block-search__button {
    top: 10px;
    display: block;
    position: relative;
    text-align: center;
    padding: 12px 10px !important;
    z-index: 1 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
    font-size: 18px;
    font-weight: 500;
    border-radius: 12px;
    width: 100%;
}

#sample-heading-here:after {display: none !important;}

.inner-area-title {    
    font-size: 30px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{text-align: center;}

section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.category .ht-main-title {  margin: 0 0 4px;}
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 24px;
    padding: 0px 0 0 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
    font-size: 14px;
    font-weight: normal;
    margin: 1px 0 4px 8px;
}
.ht-site-description a{color:#000;}
#total-breadcrumbs{
    font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox { margin-top: 0; padding: 1em;}
.single-productpage #sidebars {   margin-top: 20px;}
.single-productpage .ht-main-title {  padding: 20px;}
.woocommerce ul.product_list_widget li img{ margin: 0 15px 0px 0;}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{ color: #000;}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{ color: #fe5722;}
.taxonomy-description,
.term-description{ margin-bottom: 15px; padding: 0px 25px 25px 25px;}
.taxonomy-description p:last-child,
.term-description p:last-child{  margin-bottom: 0;}

.woocommerce .comment-form-comment{
    box-shadow: 1px 1px 2px 2px #b4acac59;
    padding: 10px;
}
.wc-block-grid__product-rating .star-rating span:before, 
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before{display: none !important;}
/*===========================================
## woocommerce new css
======================================*/
.wp-block-woocommerce-cart .wp-block-product-new{display: none;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{ position: absolute; right: 0; top: 20px; cursor: pointer; padding: 0;}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar { display: none; position: absolute; bottom: 16px; z-index: 200; right: 13%;}
.sitenav .search-bar input{display:inline-block;}
.sitenav .search-bar input[type="text"]{ 
   width:100%;
   background: rgba(33, 33, 33, 0.8);
   color:#fff;
   border:none;
}
.sitenav .search-bar input[type='submit']{ background: #000;color: #000;width: 15%;padding: 0;}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.bdcrmbox{position: relative;}
.breadcrumbbox {
    position: relative;
    margin: 10px 0 0 0;
    padding: 2px 2px;
    display: inline-block;
    /*border: 1px solid #d33;*/
    /*border-radius: 54px;*/
    overflow: hidden;
}
/*.breadcrumbbox:before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.2;
    background-color: #1F9D55;
}*/
.breadcrumbbox svg{margin-right:1px; margin-top: -3px;}
.breadcrumbbox span{ color:#000; margin:0 2px;font-weight: 600;position: relative;}
.breadcrumbbox i {
    font-size: 15px;
    font-weight: 600;
    top: 0px;
    position: relative;
    padding: 0 10px;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    display: inline-block !important;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
    position: relative;
    z-index: 1;
    line-height: 1;
}

/*header second image*/
header .second-featured-image {
    position: absolute;
    width: 350px;
    height: 250px;
    margin: 0 auto;
    border: 5px solid #000;
    bottom: -5em;
    left: 0;
    right: 10%;
    overflow: hidden;
    z-index: 0;
}
header .second-featured-image img{width: 100%;height: 100%;}
/*----------------------------------------*/
/*  Inner Page Header Area
/*----------------------------------------*/

.ht-main-title {
    position: relative;
    margin: 0px 0 4px;
    padding: 1px 0 0 0;
    font-weight: 700;
    font-size: 5rem;
    text-transform: capitalize;
    color: #FDA12B;
    word-break: break-word;
    z-index: 1;
    line-height: 1.1;
}
.page-main-header {
    overflow: hidden; 
    position: relative;
    text-align: center;
}
.page-main-header .overlay1{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;
}
.page-main-header p{
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding: 0;
    margin: 30px 24% 20px;
    line-height: 1.5;
}
.page-main-header .wave {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    fill: #fff;
}
/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.resp_header_logo {  display: none;}
.header-transparent .resp_head_box {  padding: 12px 0 15px;}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description { display: none;}
.resp_header_btn p {  display: none;}
.header-right .single-header-info {  text-align: right;}

header.site-header li {display: inline-block; list-style-type: none;}

/* ====== header-top ======== */

header .mtp-head {
    position: relative;
    background-image: linear-gradient(85deg, #468af1 14%, #f6339a 88%);
    padding: 2px 0;
}
header .tp-head { position: relative; margin: 0em 0 0em 0; padding: 0px 0px 0px 0px;}
header .mid-head{position: relative;padding:12px 0 12px 0;}
header .header-midd { position: relative;}

/**/
.logo { 
    position: relative;
    padding: 0 1px;
    width: 20% ;
    text-align: left;
    top: 0px;
    align-content: center;
}
.head-menu { width: 56%; padding: 1px 1px;text-align: right; align-content: center;}

header .h-bttn{ width: 24%;padding: 0;position: relative; text-align: right; margin: 1px 0 0 0;align-content: center;}
header .h-bttninn {
    display: flex;
    gap: 14px;
    position: relative;
    right: 0; 
    float: right;
    align-items: center;
}
header .h-phbx{ 
    display: inline-block;
    padding: 9px 16px;
    border-radius: 44px;
    position: relative;
    /*overflow: hidden;*/
    box-shadow: 0px 1px 2px 1px #ccc;
    transition: all 0.3s;
}
header .h-phbx:hover{transition: all 0.3s; scale: 1.02;}
header .h-phbx a {
    position: relative;
    align-content: center;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    word-break: break-all;
    transition: all 0.3s;
}

header .h-phbx svg {
    margin-right: 6px;
    width: 32px;
    height: 33px;
    padding: 7px;
    border-radius: 50px;
    background-image: linear-gradient(130deg, #2b7fff -3%, #ad46ff 117%);
    transition: all 0.3s;
}

header .h-bttn .gtoly{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(12deg);
    transition: all 0.3s;
    animation: moveLeftToRight 3s linear infinite;
}
/* Define the keyframes for the animation */
@keyframes moveLeftToRight {
  0% {
    left: -200%; 
  }
  100% {
    left: 200%;
  }
}
header .h-bttn .gt {
    overflow: hidden;
    position: relative;
    display: inline-block;
    color: #fff;
    /* background: #1C3434; */
    background-image: linear-gradient(85deg, #468af1 14%, #f6339a 88%);
    font-size: 15px;
    font-weight: 600;
    padding: 10px 24px;
    letter-spacing: 0.2px;
    margin: 0 0px 0 0;
    border: none;
    border-radius: 50px;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    text-align: center;
    z-index: 1;
}
header .h-bttn .gt:hover {
    transition: all 0.3s;
    /*box-shadow: 0 4px 15px -3px #00000042;*/
    scale: 1.02;
}
header .h-bttn .gt i {
    font-size: 8px;margin-left:6px ;
    animation: moveLR 2s ease-in-out infinite;
}
@keyframes moveLR {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(4px); }
  100% { transform: translateX(0); }
}

/*************************/
/*mega menu*/

.mainmenu .sub-menu .menu-item-image {
    width: 42px;
    height: 44px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    margin-right: 6px;
}
/* Child menu item */
.mainmenu .sub-menu li {
    width: 100%;
}

/******************************end**************************/
/*------------------------------------------------------------ */

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
/*header .navigation {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 4px;
}
*/
header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
    text-align: center;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin: 4px 4px 2px;
    transition: all 0.5s;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
    transition: all 0.5s;
}

/*.navigation .mainmenu li a::before {
    
    content: "";
    inset: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s ease-in-out;
    border-radius: 4px;
    background: #4dccc6;
    width: 100%;
    z-index: -1;
    margin: 1px auto;
    transform-origin: right;
}
.navigation .mainmenu li.current_page_item a::before , 
.navigation .mainmenu>li>a:active,
.navigation .mainmenu li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
    bottom: 0;
    height: 100%;
}*/


.navigation .mainmenu .sub-menu a::before{display: none;}
/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li.current-menu-item:hover li a{background: none;}
/*.navigation .mainmenu li:hover ul.sub-menu{
    animation: zoomIn 0.4s ease forwards;
    transition: all 0.5s;
}*/

/*.navigation .mainmenu ul.sub-menu{ animation: fadeInDown 0.8ms ease-in-out; }*/
/*.navigation .mainmenu li:hover ul.sub-menu{  animation: zoomIn .8s ease-in-out;}*/

ul.sub-menu{
   /* display:none;*/
    position:absolute;
    border-radius: 0px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    /*left: 0;*/
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    padding: 0px;
    margin-top: 0px;
    transition: all 0.5s;
    border: none;
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    transition: all 0.5s;
    border-bottom:1px solid #000;
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

/*.navigation .mainmenu ul.sub-menu .sub-menu{border: 0;}*/
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
    transition: all 0.5s;
}
/*.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}*/

.navigation .mainmenu ul.sub-menu li a {
     position: relative;
    list-style-type: none;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 8px 10px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
}


/* = Navigation 3rd level css
-------------------------------------------------------------- */
/*.page-template-default .navigation .mainmenu li a{color:#fff;}*/
/*.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:100%; 
    animation:fadeInRight .5s ease-in-out; 
    z-index: 1;
}*/

/*.header.site-header ul.sub-menu li a {
    font-size: 15px;
    font-weight: 400;
    position: relative;
}*/
.header.site-header ul.sub-menu li a{   
    /*display: block;*/
    display: flex;
    align-items: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
    border-radius: 5px !important;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{
    transition: all 0.3s;
}
/*.navigation .mainmenu ul.sub-menu li:hover a{padding: 8px 8px 8px 30px;transition: all 0.2s;}*/
.header.site-header ul.sub-menu li:hover a:before{
    opacity: 1;
    transition: transform 0.5s ease-in-out;
     margin-left: -18px;
}
/*.navigation .mainmenu ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a*/
.navigation .mainmenu ul.sub-menu li li{border: none;}
header.site-header ul { margin: 0;}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 { padding: 2px 0; float: right;}

.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header{
    z-index: 2;
    position: relative;
    overflow-x: clip;
    width: 100%;
    background: #f6f5f5;
}

.site-header ul,
.site-header ol {
    margin-bottom: 0;
}

header .search_dropdown:hover,
header .search_dropdown.active { cursor: pointer; } 
header .search_dropdown ul {
    display: none;
    position: absolute;
    top: 105%;
    left: -1px;
    font-size: 14px;
    width: 225px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px 0;
}
    
header .search_dropdown li {
  list-style-type: none;
  margin: 0;
  padding: 5px 18px;
  color: $highlight_color;
  line-height: 1.2em;
  position: relative;
}
      
header .search_dropdown:hover {}
header .search_dropdown .selected {color: #fff;}
header .search_dropdown .huge { max-width: 860px; }
header .search_dropdown  input[type=text] {  font-size: 20px;}

/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}

.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

/* map page header*/

#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

div#secondary .widget_calendar table thead tr th{ padding: 10px;}
.widget_calendar tfoot tr td a {  padding: 2px 10px;}

/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.icon-x {   text-align: right;}
.main-header-info { text-align: center;}
.header-icon { display: inline-block; text-align: left;}
.top-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: #444444;
}
.dlab-topbar-right {  float: right;}
.dlab-topbar-left ul,
.dlab-topbar-right ul{
    list-style:none;
    margin:0;
    padding:0;
}
.dlab-topbar-left ul li,
.dlab-topbar-right ul li{ display:inline-block;}
.dlab-topbar-left ul li{ padding-right:0px;}
.dlab-topbar-left ul li a,
.dlab-topbar-right ul li a{ color:#444444;}
.topbar-social li a{ padding: 0 6px; }
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation { margin: 0 0 15px; overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { float: left; width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.navigation .mainmenu {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
.navigation .mainmenu.ht-menu { display: block !important;}
.navigation .mainmenu li { position: relative;}
.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}

/* = Navigation sticky header css
-------------------------------------------------------------- */
.top-bar-head{
    padding: 0em 0 0em 0; 
    margin: 0 0px; 
    /*box-shadow: 0 0 1px 1px #e0dfdf;*/
    box-shadow:  0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
}
/*.top-bar-head:before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0.2;
    z-index: -1;
    background: url(images/bannerbg.png) repeat;
}*/
.site-navigation { position: relative; }
.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu { padding: 0px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: 8px;}
header.site-header .dlab-topbar-left {  position: relative;  top: 13px;}

/*--------------------------------------------------------------
## banner Section  ##
--------------------------------------------------------------*/
#banner-section{ position: relative;overflow: hidden;}

/*leftbx*/
#banner-section .Lbx{ width: 50%; margin:0 0 0 0; position: relative;padding:0 10px 0 0;z-index:1; }

/******wave*****/

#banner-section .wave {
  position: absolute;
  bottom: 0;
  width: 200%;          /* extra width for movement */
  height: 100%;
  will-change: transform;
}

/* Slow wave */
#banner-section .wave-back {
  animation: waveLeftRight 10s ease-in-out infinite alternate;
}

#banner-section .wave-back .wave-start{
  stop-color:#e4e4f0;
  stop-opacity:0.4;
}
#banner-section .wave-back .wave-end{
  stop-color:#00f2fe;
  stop-opacity:0.4;
}
/**/
#banner-section .wave-front .wave-start{
  stop-color:#ecebf5;
  stop-opacity:1;
}
#banner-section .wave-front .wave-end{
  stop-color:#c1d5e4;
  stop-opacity:1;
}

/* Fast wave */
#banner-section .wave-front {
  animation: waveRightLeft 8s ease-in-out infinite alternate;
}

/* Move Left */
@keyframes waveLeftRight {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Move Right */
@keyframes waveRightLeft {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}

/******end*********/

#banner-section .banner_titlehigh,
#banner-section .banner_title {
    position: relative;
    font-size:6rem;
    font-weight: 500;
    margin: 6px 0;
    /*line-height: 1.1;*/
}
#banner-section .banner_titlehigh {
    background-image: linear-gradient( 90deg, #2563eb 12%, #7c3aed 33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
#banner-section .banner_titlehigh span{
    background-image: linear-gradient(45deg, #2563eb 0%, #1f9d55 51%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}
/*****animation effect****/
#popupText {
  display: inline-block;
}
#popupText span {
  display: inline-block;
  opacity: 0;
  transform: scale(0);
  will-change: transform, opacity;
}

#popupText .pop {
  animation: popup 0.4s ease forwards;
}

@keyframes popup {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*****end****/


#banner-section .Lbx p {
    font-size: 24px;
    margin: 46px 0px 30px 0;
    line-height: 1.2;
}
#banner-section .Lbx p strong{color :#e60076; background: #fff085;}
#banner-section .Lbx p b{color :#9810fa; background: #bedbff;}
/*button box*/
#banner-section .btn{
    position: relative; 
    transition: all 0.3s;
    padding: 0em 0 0 0;
}
#banner-section a.bt1 {
    background-image: linear-gradient(90deg, #155dfc 15%, #00b8db 84%);
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 24px 40px 24px 40px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: 4px 14px 4px 0;
    transition: all 0.2s ease;
    transition: all 0.2s linear;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
#banner-section a.bt1 i{
    font-size: 12px;
    margin-left: 6px; 
    animation: moveLR 1s ease-in-out infinite;
}

#banner-section a.bt1:hover{
    transition: all 0.2s linear;
    scale: 1.06;
}
#banner-section .stbx {
    position: absolute;
    top: 10%;
    left: 3%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
    background-image: linear-gradient(-18deg, #2563eb 7%, #51a2ff 78%);
    animation: moveUpDown 1.5s infinite ease-in-out;
}
#banner-section .astral {
    position: absolute;
    bottom: 18%;
    left: 25.5%;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    border-radius: 50px;
    background-image: linear-gradient(100deg, #fdc700 4%, #ff8904 110%);
    animation: moveUpDown 3.5s infinite ease-in-out;
    z-index: 1;
}
#banner-section .dripbx {
    position: absolute;
    top: 20%;
    right: 1%;
    width: 74px;
    height:74px;
    line-height: 74px;
    text-align: center;
    border-radius: 50px;
    background-image: linear-gradient(-18deg, #22d3ee 7%, #34d399 78%);
    animation: moveUpDown 2.5s infinite ease-in-out;
}
/*image box*/
#banner-section .imgbx{width: 50%;position: relative;padding: 0 0 0 3.5%;}
#banner-section .imginnbx{position: relative;}
#banner-section .imgbx img{width: 100%; height: 600px; object-fit: cover;}

/*rating star*/
#banner-section .rating-container {display: flex;}
#banner-section .rating-number {
    font-weight: 700;
    margin-left: 10px;
    font-size: 16px;
}
#banner-section .ratingbx {
    position: absolute; 
    top: -1.5rem; 
    left: 3.5rem; 
    background-color: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(4px); 
    border-radius: 1rem;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2); 
    padding: 1rem; /* Padding (p-4) */
    border: 2px solid #fbbf24; 
    z-index: 1;
    animation: moveUpDown 2.5s infinite ease-in-out;
}
#banner-section .rating-display .fa {
  font-size: 18px;
  color: #ddd;
  transition: color 0.2s;
}

#banner-section .rating-display .fa.fa-star {
  color: #FFD700; /* gold */
}

#banner-section .cltxt{  
    position: relative;
    margin-top:6px ; 
    font-size: 0.75rem;
    color: #4a5565;
}
/*rank box*/
#banner-section .rankbx {
    position: absolute;
    top: -30px;
    right: -11%;
    background: linear-gradient(to bottom right, #7c3aed, #ec4899);
    border-radius: 1rem;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08);
    padding:18px 18px 14px;
    border: 2px solid white;
    animation: moveUpDown 2s infinite ease-in-out;
}
#banner-section .rankbx svg{
    width: 40px;
    height: 40px;
}
#banner-section .rankbx .rtxt {
    color: #fff;
    font-size: 14px;
    margin: 6px 0;
    font-weight: 600;
}
@keyframes moveUpDown {
    0% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -30px);
    }
    100% {
        transform: translate(-50%, 0);
    }
}

#banner-section .satsbx {
    position: absolute;
    bottom: -28px;
    right: -11%;
    background: #fff;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
    padding:1.1rem 1.25rem;
    border: 2px solid #34d399;
    border-radius: 20px;
    
}
#banner-section .satsbxinn{
    display: inline-flex;
    align-items: center;
    animation: zoomInOut 2s infinite ease-in-out;
}
@keyframes zoomInOut {
    0% {
        transform: scale(1); /* Normal size */
    }
    50% {
        transform: scale(1.06); /* Zoomed in */
    }
    100% {
        transform: scale(1); /* Back to normal size */
    }
}
#banner-section .satsbx svg{
    margin-right: 10px;
    width: 30px;
    height: 30px;
    stroke: #00bc7d;
}
#banner-section .satsbx .details{position: relative;}

#banner-section .satsnum{
    color: #101828;
    font-size: 1.5rem;
    font-weight: 600;
}
#banner-section .satstxt{
    color: #4a5565;
    font-size: 0.75rem;
    font-weight: 600;
}

/*clientbx*/
#banner-section .clientbx {
    position: absolute; 
    bottom: -1.5rem; 
    left: -1.5rem; 
    background: linear-gradient(to bottom right, #3b82f6, #06b6d4); 
    border-radius: 1rem; 
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2); 
    padding: 1.25rem; 
    border: 2px solid #fff; 
    text-align: center;
    animation: rotateLeftRight 3s infinite ease-in-out; /* Smooth rotation */
    transform-origin: center; /* Set the center as the origin of rotation */
}

@keyframes rotateLeftRight {
    0% {
        transform: rotate(-10deg); /* Rotate to the left */
    }
    50% {
        transform: rotate(10deg); /* Rotate to the right */
    }
    100% {
        transform: rotate(-10deg); /* Rotate back to the left */
    }
}

#banner-section .clntsnum{
    color: #fff;
    font-size: 1.875rem;
    font-weight: 700;
}
#banner-section .clnttxt{
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
}

/*----------------------------------------*/
/*   Counter Area
/*----------------------------------------*/
.counter-area {
    position: relative;
    overflow: hidden;
}
.counter-area .oly {
    position: absolute;
    inset: 0;
    opacity: 1;
    background-image: linear-gradient(108deg, #044e4a 15%, #1c398e 40%, #59168b 100%);
}
.counter-area .counter-single-area{position: relative; margin: 0 14%;}
.counter-area .single-top {
    position: relative;
    padding: 0 8px 0 8px;
    width: 25%;
}
.counter-area .cd-single {
    position: relative;
    /*overflow: hidden;*/
    transition: all 0.5s;
    margin: 0 0 0.8em 0;
    padding: 0px 0px;
}
.counter-area .d-bx{ 
    padding: 0px 0 0 0;
    display: flex;
    align-items: center
    transition: all 0.2s;
}
.counter-area .d-bx:hover .icnbx{
    scale: 1.06;
    transition: all 0.2s;
}
.counter-area .icnbx {
    position: relative;
    margin: 0 14px 0 0;
    transition: all 0.2s;
}
.counter-area .icnbx i {
    background: #f6339a;
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 32px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}
.counter-area .cd-num {
    position: relative;
    display: ruby;
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    padding: 0 0 6px 0;
    transition: all 0.5s;
    line-height: 1.2;
}
.counter-area .cd-title {
    position: relative;
    font-size: 16px;
    color: #fff;
    padding: 0px 0;
    margin: 0px 0 0 0;
    line-height: 1.2;
    word-break: break-word;
    transition: all 0.5s;
}
/*----------------------------------------*/
/*   Service Area
/*----------------------------------------*/
#service .inn-single-service-bx { display: none;}

#service { position: relative;overflow: hidden;}
#service .oly{
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fdf2f8 40%, #eff6ff 90%);
    opacity: 1.0;
}
#service .section-title {
    position: relative;
    margin: 0 auto 4em;
    width: 50%;
}
#service .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
#service .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
#service .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

#service .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
#service .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
#service .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}

#service .single-service-bx {
    margin-bottom: 1em;
    position: relative;
    transition: all 0.5s;
    padding: 0 1px;
}
#service .single-service {
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    padding: 0px;
    border-radius: 24px;
    z-index: 1;
}
/*#service .single-service:hover{border: 2px solid #d33;transition: all 0.5s;}*/
#service .service-icon { position: relative; transition: all 0.5s; overflow: hidden;}
#service .service-icon img { 
    position: relative;
    width: 100%; 
    height: 500px; 
    transition: all 0.5s; 
    object-fit: cover;
}
#service .single-service:hover .service-icon img{scale: 1.05;transition: all 0.5s;}
#service .service-icon .oly {
    position: absolute;
    inset: -0.75rem;
    background: linear-gradient(to top, color-mix(in oklab, #000 60%, transparent), transparent);
    transition: all 0.5s;
}
#service .service-icon .icnbx {
    position: relative;
}
#service .service-icon .icnbx i {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 30px;
    color: #000;
    border-radius: 16px;
    text-align: center;
    transition: all 0.5s;
    display: inline-block;
    /*background-image: linear-gradient(130deg, #ad46ff 8%, #f6339a 70%);*/
}

/*#service .single-service:hover .icnbx i{transition: all 0.5s; transform: rotate(25deg);}*/
#service .sertxbx {
    position: absolute;
    overflow: hidden;
    transition: all 0.5s;
    padding: 20px 30px 20px;
    bottom: 6px;
    z-index: 1;
}
#service .sertxbx h4 {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 15px 0px 10px 0px;
    padding: 0 0 0px 0;
    position: relative;
    transition: all 0.5s;
    z-index: 1;
}
#service .sertxbx p {
    position: relative;
    font-size: 15px;
    margin: 0 0 10px 0;
    transition: all 0.5s;
    line-height: 1.5;
    z-index: 1;
    font-weight: 300;
}
#service .sertxbx .ser-tag {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin: 2px 0px 12px;
    z-index: 1;
  
}
/*box button*/
#service .s-btn i{
    font-size: 12px;
    margin-left: 6px; 
}
#service .s-btn {
    margin: 1em 0 0 0;
    background: none;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    transition: all 0.3s ease;
    border: 2px solid #ccc;
}
#service .s-btn:before{
    content: "";
    position: absolute;
    border-radius: 30px;
    inset: 0;
    background: #e3e1e1;
    opacity: 0.4;
    transition: all 0.3s ease;
    z-index: -1;
}
#service .s-btn:hover:before{transition: all 0.3s ease;opacity: 1;}
#service .s-btn:hover{ color: #000;transition: all 0.3s ease;}
/*section button*/
#service .bttn{
    position: relative; 
    transition: all 0.3s;
    margin: 4.5em 0 0 0;
    text-align: center;
}
#service .bttn a {
    /*background: #6b5235;*/
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 20px 40px 20px 40px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 4px 14px 4px 0;
    transition: all 0.3s ease;
    background-image: linear-gradient(92deg, #2563eb 16%, #9810fa 60%, #f6339a 80%);
}
#service .bttn a i{
    font-size: 12px;
    margin-left: 6px; 
    animation: moveLR 1s ease-in-out infinite;
}
#service .bttn a:hover{
    transition: all 0.3s;
    scale: 1.05;
}

#service .glow-circle {
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 20rem;
    height: 20rem;
    background-color: rgb(208 241 244);
    border-radius: 9999px;
    filter: blur(64px);
    border-radius: 50px;
}

/*====================*/
#service .owl-nav{display: none;}
#service .owl-carousel{ display: block ; padding: 0;}
#service .owl-dots,
#service .owl-theme .owl-dots {display: block;} 
#service .owl-dots { position: relative; margin-top: 5px;text-align: center;}
#service .owl-dots button{ 
    background: #9ca3af80;
    border-radius: 50px;
    padding: 6px 6px;
    margin: 0 6px;
    transition: all 0.5s;
}
#service .owl-dot.active{ 
    padding:6px 16px;
    background-image: linear-gradient(92deg, #2563eb 16%, #9810fa 60%, #f6339a 80%);
}

/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/

.page-template-default #innerpage-box .single-service-bx { display: none; }
#service .singleinner-service { display: none; }
/**/
#innerpage-box .serhed {
    position: relative;
    text-align: center;
    margin: 0 auto 5em;
    align-items: center;
    align-content: center;
    width: 53%;
}
#innerpage-box .serhed .subtle {
    font-size: 0.875rem;
    color: #9810fa;
    display: inline-block;
    font-weight: 600;
    padding: 8px 16px;
    margin: 4px 0 10px;
    border-radius: 50px;
    box-shadow: 0 2px 3px 1px rgb(22 22 22 / 23%);
    background-image: linear-gradient(-90deg, #f3e8ff 8%, #e9f1fc 100%);
}
#innerpage-box .serhed .subtle svg {  margin-right: 4px; width: 16px;}
#innerpage-box .serhed .title{
    font-size: 3.8em;
    font-weight: 500;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin: 10px 0;
    z-index: 1;
    line-height: 1.2;
    font-weight: 700;
    background-image: linear-gradient(108deg, #155dfc -56%, #9810fa 58%);
}
#innerpage-box .serhed p {
    color: #4a5565;
    font-size: 20px;
    margin: 0 auto;
}
/**/

#innerpage-box .inn-single-service-bx {  padding: 0 18px;}
#innerpage-box .service_inbox{
    position: relative;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service {
    margin: 1.6em 0 6px;
    transition: all 0.5s;
    padding: 0;
    position: relative;
    overflow: hidden;
    /*border: 2px solid #ccc;*/
    border-radius: 24px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
#innerpage-box .singleinner-service:hover{
    transform: translateY(-10px) scale(1.01);
    box-shadow:0 8px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
}
#innerpage-box .singleinner-service .oly {
    position: absolute;
    inset: 0;
    background: #000;
    opacity: 0.3;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service:hover .service_inimg .oly{opacity: 0;transition: all 0.5s;}
#innerpage-box .singleinner-service:hover .service_inimg img{scale: 1.05;transition: all 0.5s;}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service .service_inimg img {
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all 0.5s;
    object-fit: cover;
    border-radius:0;
}
#innerpage-box .singleinner-service .icnbx {
    position: absolute;
    top: 26px;
    left: 26px;
}
#innerpage-box .singleinner-service .icnbx i {
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 26px;
    background: #fff;
    color: #000;
    border-radius: 16px;
    text-align: center;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service:hover .icnbx i{transition: all 0.1s; scale: 1.06;}
/*******/
#innerpage-box .serbx {
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    padding: 40px 24px 30px;
    z-index: 1;
}
#innerpage-box .serbx h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin:0px 0px 18px 0px !important;
    padding: 0 0 0px 0;
    position: relative;
    transition: all 0.5s;
    z-index: 1;
}
#innerpage-box .serbx p {
    position: relative;
    font-size: 16px;
    margin: 0 0 24px 0;
    transition: all 0.5s;
    z-index: 1;
}
#innerpage-box .serbx .ser-list{position: relative;}
#innerpage-box .serbx .ser-list li{
    list-style: none;
    font-size: 15px;
    margin: 10px 0 10px 30px;
    position: relative;
}
#innerpage-box .serbx .ser-list li:before {
    content: "\f046";
    font-family: 'Fontawesome';
    margin-right: 4px;
    color: #d33;
    transition: all 0.5s ease 0s;
    top: 1px;
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    left: -30px;
    background: #3ff;
    width: 24px;
    height: 24px;
    line-height: 26px;
    text-align: center;
    border-radius: 50px;
}
#innerpage-box .serbx .ser-tag {
    position: relative;
    display: inline-block;
    padding: 4px 15px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 30px;
    text-transform: capitalize;
    margin: 2px 0px 10px;
    z-index: 1;
    border: 1px solid #ccc;
}

#innerpage-box .serbx .s-btn{position: relative;margin-top:26px; }
#innerpage-box .serbx .s-btn a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 0 6px;
    transition: all 0.5s;
}
#innerpage-box .serbx .s-btn a svg{transition: all 0.5s;width: 18px;}
#innerpage-box .serbx .s-btn a:hover svg{
    margin-left: 10px;
    transition: all 0.5s;
}
/*--------------------------------------------------------------
## Single Services page
--------------------------------------------------------------*/

#innerpage-box .sersinglbx{position: relative;}
#innerpage-box .sersinglbx .serimgbx {width: 50%;margin: 4.2em 0 1em 0; padding: 0 30px 0 15px;}
#innerpage-box .sersinglbx .service_inimg{position: relative;}
#innerpage-box .sersinglbx img{border-radius: 26px;width: 100%;  object-fit: cover;}
#innerpage-box .sersinglbx .rating-container {
    position: absolute;
    top: 22px;
    right: 22px;
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
}

#innerpage-box .sersinglbx .rating-container i { font-size: 18px;color: #ffb400;margin:0 1px;}
#innerpage-box .sersinglbx .rating-text{color: #000;font-size: 16px;font-weight: 600;margin-left:4px; }

#innerpage-box .sersinglbx .serconbx{width: 50%; padding: 0 15px 0 30px; }
#innerpage-box .sersinglbx .ser-tag{
    font-size: 0.875rem;
    color: #9810fa;
    display: inline-block;
    font-weight: 600;
    padding: 10px 20px;
    margin: 4px 0 10px;
    border-radius: 50px;
    /*box-shadow: 0 2px 3px 1px rgb(22 22 22 / 23%);*/
    background-image: linear-gradient(-90deg, #f3e8ff 8%, #e9f1fc 100%);
}
#innerpage-box .sersinglbx .ser-tag svg{width: 16px; height: 16px;margin-right:4px; }
#innerpage-box .sersinglbx .title {
    position: relative;
    margin: 20px 0;
    z-index: 1;
    line-height: 1.2;
    font-size: 44px;
    font-weight: 700;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( 108deg, #155dfc 0%, #9810fa 54%);
}
#innerpage-box .sersinglbx p{margin: 30px 0;color:#4a5565;font-size: 18px;}
#innerpage-box .sersinglbx .ser-list li{
    list-style: none;
    font-size: 16px;
    margin: 22px 0 10px 46px;
    position: relative;
    color: #364153;
}
#innerpage-box .sersinglbx .ser-list li:after {
    content: '\f046';
    font-family: "FontAwesome";
    margin-right: 4px;
    transition: all 0.5s ease 0s;
    top: 0px;
    position: absolute;
    font-size: 13px;
    font-weight: 500;
    left: -46px;
    color: #fff;
    background: #3ff;
    background-image: linear-gradient(130deg, #4a92ff 20%, #b55afe 80%);
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-radius: 50px;
}

/*****end****/



/*----------------------------------------*/
/*   Our Steps Area
/*----------------------------------------*/

#oursteps { position: relative;overflow: hidden;}
#oursteps .oly{
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fdf2f8 40%, #eff6ff 90%);
    opacity: 1.0;
}
#oursteps .section-title {
    position: relative;
    margin: 0 auto 5em;
    width: 50%;
}
#oursteps .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
#oursteps .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
#oursteps .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

#oursteps .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
#oursteps .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
#oursteps .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}
#oursteps .glow-circle {
    position: absolute;
    top: 5%;
    left: 2%;
    width: 20rem;
    height: 20rem;
    background-color: rgba(96, 165, 250, 0.2);
    border-radius: 9999px;
    filter: blur(64px);
    border-radius: 50px;
}

#oursteps .oursteps-post-wrap { position: relative;  padding: 0 0 0 0px;}
#oursteps .oursteps-bx{
    position: relative;
    margin-bottom: 4em;
    padding: 0 36px;
    width: 50%;
}

#oursteps .oursteps-bx:nth-child(2) {margin-top: 5em;}
#oursteps .oursteps-bx:nth-child(3){margin-top: 5em;}

#oursteps .oursteps-post:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
    bottom: auto;
    padding: 4px;
    /* border-radius: 0; */
    background-image: linear-gradient(130deg, #2b7fff -45%, #00b8db 80%);
}
#oursteps .oursteps-post:before {
    content: "";
    position: absolute;
    top: 20px;
    right: -65px;
    width: 8rem;
    height: 8rem;
    background: #67d6e9;
    /*background: linear-gradient(to bottom right, #3b82f6, #06b6d4);*/
    opacity: 0.1;
    transform: rotate(-50deg) translate(4rem, -4rem);
}
#oursteps .oursteps-bx:nth-child(1) .oursteps-post{padding: 2.2rem 2.4em 8em; }
#oursteps .oursteps-post{ 
    position: relative;
    overflow: hidden;
    background: #ffffff;          
    border-radius: 1.5rem;          
    padding: 2.2rem 2.4em 3em;                
    transition: all 0.5s;
    margin-top: 0;
    box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.15),
    0 8px 10px -6px rgba(0, 0, 0, 0.15);
}
#oursteps .oursteps-post:hover {
    transition: all 0.5s;
    /*scale: 1.03;*/
    transform: translateY(-10px) scale(1.03);
    opacity: 0.8;
}

#oursteps .step-number {
    display: inline-block;
    /* padding: 0.75rem 1.5rem; */
    width: 76px;
    line-height: 76px;
    height: 76px;
    border-radius: 50px;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    transition: all 0.5s;
    text-align: center;
    right: 36px;
    position: absolute;
    border: 4px solid #fff;
    background-image: linear-gradient(130deg, #2b7fff -45%, #00b8db 80%);
}
#oursteps .step-number h4 {
    position: relative;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 70px;
    margin: 0;
}
#oursteps .icnbx {
    position: relative;
    margin-top: 1em;
}
#oursteps .icnbx i {
    width: 84px;
    height: 84px;
    line-height: 84px;
    font-size: 40px;
    text-align: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border-radius: 19px;
    background-image: linear-gradient(130deg, #2b7fff -45%, #00b8db 80%);
}

#oursteps .details { position: relative;}

#oursteps .oursteps-bx .title {
    color: #101828;
    font-weight: 700;
    font-size: 2.25rem;
    word-break: break-word;
    padding: 0 0;
    margin: 20px 0 16px;
}
#oursteps .details h6 {
    position: relative;
    font-size: 21px;
    color: #6a7282;
    text-transform: capitalize;
    font-weight: 400;
    padding: 4px 0 20px;
    margin: 0;
}
#oursteps .oursteps-bx p {
    font-size: 16px;
    padding: 0px;
    margin: 0;
}
#oursteps .bttn{
    position: relative;
    margin: 4em auto 0;
    text-align: center;
}

#oursteps .bttn a {
    overflow: hidden;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 18px 40px;
    letter-spacing: 0.2px;
    margin: 0 0px 0 0;
    border: none;
    border-radius: 50px;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    text-align: center;
    z-index: 1;
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
}
#oursteps .bttn a:hover {
    transition: all 0.3s;
    /*box-shadow: 0 4px 15px -3px #00000042;*/
    scale: 1.02;
}
#oursteps .bttn a i {
    font-size: 8px;margin-left:6px ;
    animation: moveLR 2s ease-in-out infinite;
}
#oursteps .bttn .gtoly{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(12deg);
    transition: all 0.3s;
    animation: moveLeftToRight 3s linear infinite;
}

/*----------------------------------------*/
/*   Feature Area
/*----------------------------------------*/
.feature-area {position: relative;overflow: hidden;}
.feature-area .oly{
    position: absolute;
    inset: 0;
    background-image: linear-gradient(135deg, #fdf2f8 40%, #eff6ff 90%);
    opacity: 1.0;
}
.feature-area .glow-circle {
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 20rem;
    height: 20rem;
    background-color: rgb(208 241 244);
    border-radius: 9999px;
    filter: blur(64px);
    border-radius: 50px;
}
.feature-area .section-title {
    position: relative;
    margin: 0 auto 6em;
    width: 49%;
}
.feature-area .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
.feature-area .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
.feature-area .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

.feature-area .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
.feature-area .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
.feature-area .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}

/**********/
.feature-area .f-bx {
    margin: 0 0px 2em 0;
    width:51%;
}
/* Odd boxes */
.feature-area .f-bx:nth-child(odd){float: left;padding-right: 12%;}

/* Even boxes  */
.feature-area .f-bx:nth-child(even){ float: right;padding-left: 12%;}
.feature-area .fea-single:hover:before{
    transition: all 0.5s;
    opacity: 0.6;
}
.feature-area .fea-single:before{
    content: "";
    position: absolute;
    inset: 0;
    background: #e9889f;
    transition: all 0.5s;
    opacity: 0.3;
}
.feature-area .fea-single {
    position: relative;
    overflow: hidden;
    padding: 40px 36px 40px;
    display: flex;
    border-radius: 30px;
    z-index: 1;
    box-shadow: 0 10px 50px -8px rgb(0 0 0 / 48%);
    transition: all 0.5s;
}
.feature-area .fea-single:hover{
    transition: all 0.5s;
    scale: 1.03;
}
.feature-area .fea-single:after{
    content: "";
    position: absolute;
    bottom: -1.5rem;  
    right: -1.5rem;    
    width: 8rem;      
    height: 8rem;    
    border-radius: 50%; 
    background: #fad0e5;
    z-index: -1; 
}
.feature-area .fea-icon span{
    position: relative;
    overflow: hidden;
    transition: all ease 1s;
    /*display: inline-block;*/
    background: #fff;
    width: 74px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    font-size: 36px;
    border-radius: 50px;
    transition: all 0.5s;
    box-shadow: inset 0 0 0 1px rgb(214 180 138 / 24%);
    background-image: linear-gradient(-44deg, #ff2056 33%, #f6339a 100%);
}
.feature-area .fea-single:hover .fea-icon{ scale: 1.05;  transition: all 0.5s;}
.feature-area .fea-conbx{
    position: relative;
    margin-left: 20px;
}
.feature-area .fea-title {
    position: relative;
    font-size: 1.875rem;
    color: #fff;
    font-weight:700;
    padding: 0px 0;
    margin: 0px 0 6px 0;
    word-break: break-word;
}
.feature-area .fea-single p {
    position: relative;
    font-size: 1.125rem;
    margin: 0;
    padding:0 0;
    font-weight: 300;
}
/*----------------------------------------*/
/*  Video-section*/
/*----------------------------------------*/
#ourvideo-section{position: relative;overflow:hidden;}
#ourvideo-section .oly {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #764e95;
    filter: blur(15px); 
    backdrop-filter: blur(15px); 
    transition: all 0.5s;
    opacity: 0.9;
}
#ourvideo-section .top-wave {  width: 100%; }
#ourvideo-section .top-wave svg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    animation: waveMove 10s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
    -webkit-animation: wave 2s infinite alternate;
    animation: wave 2s infinite alternate;
    transition: all 0.2s;
}
#ourvideo-section .top-wave svg path{
    opacity: 0.6;
    fill: #8a749a;
}
@keyframes wave {
    0% { transform: translateY(20px); }
    100% { transform: translateY(0px); }
}
/***************/

#ourvideo-section .section-title {
    position: relative;
    margin: 0 auto 5em;
    width: 50%;
}
#ourvideo-section .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 8px 20px;
    margin: 0 0 8px 0;
    background: #8d6cac;
    box-shadow: 0px 0px 2px 0px #fff;
}
#ourvideo-section .section-title h2 span {
    position: relative;
    z-index: 1;
    position: relative;
    color: #fff;
    font-size: 12px;
}

#ourvideo-section .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.1;
}
#ourvideo-section .section-title h3 span {
    background-image: linear-gradient(58deg, #53EAFF 30%, #5ee9b5 54%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 800;
}
#ourvideo-section .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}
/************/
#ourvideo-section .video-content-bg {
    width: 950px;
    position: relative;
    /*overflow: hidden;*/
    margin: 0 auto;
}
#ourvideo-section .video-content {position: relative;text-align: center;transition: all 0.2s;}
#ourvideo-section .video-content:hover .video-img img{scale: 1.06;transition: all 0.2s;}
#ourvideo-section .video-img img {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    transition: all 0.2s;
}
#ourvideo-section .imgtxtbx {
    position: absolute;
    bottom: 28px;
    left: 28px;
    right: 28px;
    text-align: left;
}
#ourvideo-section .imgtxt {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 20px 22px;
    border-radius: 12px;
}
#ourvideo-section .imgtxt:before{
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    opacity: 0.4;
    filter: blur(20px);
    backdrop-filter: blur(20px);
}
#ourvideo-section .imgtxt p{
    padding: 0;
    margin: 0;
    color: #ffffff;
    font-size: 16px;
}
/**/
#ourvideo-section .video-icon {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    transition: all 0.2s;
}
#ourvideo-section .video-content:hover .video-icon i {scale: 1.06;transition: all 0.2s;}
#ourvideo-section .video-icon i {
    color: #d33;
    font-size: 34px;
    width: 84px;
    height: 85px;
    line-height: 84px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: all 0.2s;
}
#ourvideo-section .vb-brd:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50pc;
    background: #fff;
    opacity: 0.6;
}
#ourvideo-section .vb-brd {
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50pc;
    margin: 0 auto;
    top: -106px;
    z-index: 0;
    
}
#ourvideo-section .vb-brd:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 4px solid #fff;
    border-radius: 50pc;
    opacity: 1;
}
#ourvideo-section .vb-brd1 {
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50pc;
    margin: 0 auto;
    top: -237px;
    z-index: 0;
    
}
#ourvideo-section .vb-brd1:after{
    animation: zoomInOut5 2s infinite ease-in-out; 
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 4px solid #fff;
    border-radius: 50pc;
    opacity: 1;
}
@keyframes zoomInOut5 {
  0% {
    transform: translateX(0%) translateY(-0%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) translateY(0%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/************/
/* Popup overlay */
#ourvideo-section .popup {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    padding: 10px;
    justify-content: center;
    align-items: center;
}

/* Show popup */
#ourvideo-section .popup.show {
    display: flex;
}

/* Video container responsive */
#ourvideo-section .popup-content {
    position: relative;
    width: 100%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

/* iframe full width & height */
#ourvideo-section .popup-content iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Close button inside video box */
#ourvideo-section #closePopup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border: none;
    padding: 5px 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}

/* Close button hover effect */
#ourvideo-section #closePopup:hover {
    background: rgba(255,255,255,0.8);
    color: #000;
}

/* Mobile responsive */
@media (max-width: 600px) {
    #ourvideo-section .popup-content {
        max-width: 100%;
    }
    #ourvideo-section #closePopup {
        top: 5px;
        right: 5px;
        font-size: 24px;
        padding: 4px 8px;
    }
}

/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/

#testimonials {position: relative; overflow: hidden; }
#testimonials .oly{
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #eff6ff 40%, #ecfeff 90%);
    opacity: 1.0;
}
#testimonials .glow-circle {
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 20rem;
    height: 20rem;
    background-color: #a5f3fc;
    border-radius: 9999px;
    filter: blur(64px);
    border-radius: 50px;
    opacity: 0.3;
}
#testimonials .section-title {
    position: relative;
    margin: 0 auto 5em;
    width: 50%;
}
#testimonials .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
#testimonials .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
#testimonials .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

#testimonials .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
#testimonials .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
#testimonials .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}
/********/
#testimonials .testimonials-single-area {
    position: relative;
    margin: 0 14%;
}

#testimonials .single-ts-bx {
    position: relative;
    width: 33.33%;
    padding:0 12px;
    margin-bottom:1.8em;
    transition: all 0.3s ease;
}
#testimonials .ts-area-single:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #3ff;
    padding: 4px;
    content: "";
}
#testimonials .ts-area-single{
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 10px 8px 0px rgb(97 92 92 / 13%);
    transition: all 0.3s ease;
}
#testimonials .ts-area-single:hover {
    /*transform: translateY(-6px);*/
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15);
    transition: all 0.6s ease;
    scale: 1.04;
     animation: popupBounce 0.8s ease;
}
@keyframes popupBounce {
  0%{
    transform: translateY(0) scale(1);
  }
  30%{
    transform: translateY(-10px) scale(1.05); /* big popup */
  }
  50%{
    transform: translateY(0) scale(1);
  }
  75%{
    transform: translateY(-5px) scale(1.02); /* small popup */
  }
  100%{
    transform: translateY(0) scale(1);
  }
}

#testimonials .icnbx {
    position: absolute;
    right: 20px;
    top: 20px;
}
#testimonials .icnbx svg {
    width: 54px;
    height: 54px;
    opacity: 0.1;
    color:  #99a1af;
}
#testimonials .ts-area-single:hover .icnbx svg{
   
   transition: all 0.3s ease;
}
#testimonials .rating-container {
    position: relative;
    margin: 14px 0 10px;
}

#testimonials .ts-area-c p{
    font-style: italic;
    font-size: 13px;
    margin: 0px 0;
    padding: 0;
}
#testimonials .ts-area-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 2px;
}
#testimonials .ts-area-thumb {
    width: 54px;
    height: 54px;
    border-radius: 100px;
    overflow: hidden;
    flex-shrink: 0;
    padding: 3px;
    background: #d33;
}
#testimonials .ts-area-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    /*object-fit: cover;*/
}
#testimonials .ts-area-title { font-size: 1.1rem; color: #fff; margin: 1px 0; font-weight: 700;}
#testimonials .single-ts-bx .text-designation{ font-size:0.75rem; }
#testimonials .single-ts-bx .text-grp {font-size:0.75rem;font-weight: 600; margin-top:0px;}

#testimonials .ts-lasttst{
    position: relative;
    text-align: center;
    margin: 0 10px; 
}
#testimonials .ts-lasttst p{
    position: relative;
    font-size:12px;
    padding: 0;
    margin: 10px auto 0;
    display: inline-block;
    color: #000;
}
#testimonials .ts-lasttst p:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -14px;
    padding: 4px;
    border-radius: 50px;
    background: #3ff;
}
#testimonials .ts-lasttst p:after{
    content: "";
    position: absolute;
    top: 6px;
    right:-14px;
    padding: 4px;
    border-radius: 50px;
    background: #d33;

}


/*----------------------------------------*/
/*   Featured Products Section
/*----------------------------------------*/
#featuredproducts {position: relative; overflow: hidden; }
#featuredproducts .oly {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fdf2f8 40%, #eff6ff 90%);
    opacity: 1.0;
}
#featuredproducts .section-title {
    position: relative;
    margin: 0 auto 1.4em;
    width: 49%;
}
#featuredproducts .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
#featuredproducts .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
#featuredproducts .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

#featuredproducts .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
#featuredproducts .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
#featuredproducts .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}

/********/
#featuredproducts .pricing-tabs{
    position: relative;
    text-align:center;
    margin-bottom:8em;
}
#featuredproducts .pricing-tabs ul {
    list-style: none;
    display: inline-block;
    box-shadow: 0 2px 8px 0px rgb(0 0 0 / 24%);
    margin: 2px;
    border-radius: 50pc;
    padding: 6px 4px;
    background: #fff;
}
#featuredproducts .pricing-tabs li{
    display: inline-block;
    padding: 10px 26px;
    background: #fff;
    margin: 0 1px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    border-radius: 56px;
}
#featuredproducts .pricing-tabs li.active {
    color: #fff;
    background-image: linear-gradient(90deg, #2563eb 10%, #ad46ff 68%);
}
#featuredproducts .tab-pane{display:none;}
#featuredproducts .tab-pane.active{display:block;}
/********/
#featuredproducts .tab-content { margin: 0 12%; }

#featuredproducts .featuredproducts-box{position: relative;}
#featuredproducts .featuredproductsbx {
    position: relative;
    /*overflow: hidden;*/
    width: 33.33%;
    padding: 0 12px;
}
#featuredproducts .featuredproductsus-single {
    position: relative;
    /* overflow: hidden; */
    background-image: linear-gradient(180deg, #ddfaff 19%, #fff 19%);
    margin-bottom: 1em;
    background: #1F2130;
    border-radius: 30px;
    box-shadow: 0 3px 6px 2px rgb(133 130 130 / 17%);
    transition: all 300ms ease;
    padding: 24px 24px 84px 24px;
    margin-top: 15px;
    transition: all 0.3s ease;
}
#featuredproducts .featuredproductsus-single:hover {
    transition: all 0.1s ease;
    animation: popupBounce 0.6s ease;
    transform: translateY(-10px) scale(1.05);
}
#featuredproducts .featuredproductsbx:nth-of-type(2) .featuredproductsus-single {
    transition: all 0.3s ease;
    top:-15%;
    border: 3px solid #d33;
    padding: 24px 24px 170px 24px;
}

#featuredproducts .productbx {padding: 0px 0px 0px 0px;position: relative;  }
#featuredproducts .title {
    position: relative;
    display: block;
    font-size: 28px;
    margin-bottom: 2px;
    font-weight: 700;
}
#featuredproducts .product-price del{display: none;}
#featuredproducts .product-price ins .amount {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}
#featuredproducts .product-price { display: inline-block; margin-bottom: 10px;}
#featuredproducts .billing-period {
    display: inline-block;
    color: #d33;
    font-size: 15px;
    text-transform: lowercase;
}
#featuredproducts .subplnetitle {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a3622;
    background: #fff;
    border: 1px solid #eec195;
    padding: 3px 14px;
    border-radius: 50px;
}
#featuredproducts .plan-period i{margin-right:8px; }
#featuredproducts .plan-period {
    position: absolute;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    background: #d33;
    padding: 5px 20px;
    border-radius: 30px;
    display: inline-table;
    top: -40px;
    right: 0;
    left: 0;
    margin: 0 auto;
    animation: bounceY 2s infinite alternate;
}

@keyframes bounceY {
  0%   { transform: translateY(-5px); }  
  100% { transform: translateY(5px); }   
}
#featuredproducts .imgbrd:before{
    content: "";
    position: absolute;
    bottom: -22px;
    right: 0;
    background: #fff;
    padding: 11px 11px;
}
#featuredproducts .imgbrd:after {
    position: absolute;
    right: 0;
    content: "";
    bottom: -22px;
    padding: 11px 11px;
    background: #d33;
    border-radius: 0 14px 0 0;
}
#featuredproducts .product-description {
    /*padding: 0 20px 20px 20px;*/
}

#featuredproducts .product-description p{
    margin: 6px 0 10px ;
    word-break: break-word;
    line-height: 1.5;
    font-size: 14px;
    color: #fff;
}
#featuredproducts .product-description ul{margin: 0;padding: 0;}
#featuredproducts .product-description li {
    display: block;
    margin-top: 4px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 1px 0px 0px 12px;
}
#featuredproducts .product-description li:before {
    content: "\f00c";
    position: relative;
    font-weight: 100;
    font-family: 'Fontawesome';
    font-size: 10px;
    left: -8px;
    top: -2px;
    background: #fff;
    padding: 4px;
    border-radius: 15px;
}
#featuredproducts .buy-now-button a {
    position: relative;
    background: #6FCC43;
    text-align: center;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    padding: 14px 10px;
    border-radius: 10px;
    margin: 30px 0 0 0;
    transition: all 0.3s ease;
}
#featuredproducts .buy-now-button a:hover{transition: all 0.3s ease;}

#featuredproducts .glow-circle {
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 20rem;
    height: 20rem;
    background-color: #a5f3fc;
    border-radius: 9999px;
    filter: blur(64px);
    border-radius: 50px;
    opacity: 0.3;
}
/*----------------------------------------*/
/*  Difference  Section
/*----------------------------------------*/
#difference { position: relative; overflow: hidden;}

#difference .oly{
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #faf5ff 40%, #eff6ff 90%);
    opacity: 1.0;
}
#difference .section-title {
    position: relative;
    margin: 0 auto 5em;
    width: 50%;
}
#difference .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
#difference .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
#difference .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

#difference .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
#difference .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
#difference .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}
/*******/
#difference .image-comparison {
  width: 100%;
  position: relative;
}
#difference .image-comparison__slider-wrapper {
    position: relative;
    border-radius: 36px;
    overflow: hidden;
    margin: 0 22%;
}
#difference .image-comparison__slider-wrapper input{border: none;padding:0;}
#difference .image-comparison__label {
  font-size: 0;
  line-height: 0;
}
#difference .image-comparison__label,
#difference .image-comparison__range {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: ew-resize;
    z-index: 20;
}
#difference .image-comparison__image-wrapper--overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% + 2px);
    height: 100%;
    overflow: hidden;
}

#difference .image-comparison__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 50%;
    object-position: 0 50%;
    overflow: hidden;
}
#difference .image-comparison__figure:not(.image-comparison__figure--overlay) {
  position: relative;
  height: 550px;
}
#difference .image-comparison__figure img{height: 550px;}
#difference .image-comparison__figure--overlay .image-comparison__image {z-index: 1;}
#difference .image-comparison__slider {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 3px 15px #00000029;
    transition: background-color 0.3s ease-in-out;
    z-index: 10;
}
#difference .image-comparison__range--active ~ .image-comparison__slider {
  background-color: rgba(255, 255, 255, 0);
}
#difference .image-comparison__thumb {
  position: absolute;
    top: 45%;
    left: -20px;
    width: 44px;
    height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #000;
    border-radius: 50%;
    box-shadow: 0px 3px 6px #00000029;
    transform-origin: center;
}
#difference .image-comparison__slider i.difference-icon1 {
    font-size: 22px;
    position: absolute;
    right: 7px;
}
#difference .image-comparison__slider i.difference-icon2 {
    font-size: 22px;
    position: absolute;
    left: 7px;
}
#difference .image-comparison__range::-webkit-slider-runnable-track {
  width: 40px;
  height: 40px;
  opacity: 0;
}
#difference .image-comparison__range::-moz-range-thumb {
  width: 40px;
  height: 40px;
  opacity: 0;
}
#difference .image-comparison__range::-webkit-slider-thumb {
  width: 40px;
  height: 40px;
  opacity: 0;
}
#difference .image-comparison__range::-ms-fill-lower {
  background-color: transparent;
}
#difference .image-comparison__range::-ms-track {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: transparent;
  outline: none;
  cursor: col-resize;
}
#difference .image-comparison__range::-ms-thumb {
  width: 0.5%;
  height: 100%;
  opacity: 0;
}
#difference .image-comparison__range::-ms-tooltip {display: none;}

/*----------------------------------------*/
/* Banne2 Section
/*----------------------------------------*/
#banner2{ position: relative; overflow: hidden;}
#banner2 .oly {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(164deg, #155dfc -40%, #9810fa 56%, #e60076 90%);
}
#banner2 .icn {
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 50pc;
    background: #b94ffe;
    text-align: center;
    margin: 0 auto;
    backdrop-filter:blur(10px);
    animation: floatPulseSwing 4s ease-in-out infinite;
}
#banner2 .icn svg{
    width: 30px;
    height: 30px;
    stroke: #fff;
}
@keyframes floatPulseSwing {
  0% {
    transform: translateY(0px) scale(1) rotate(0deg);
  }
  20% {
    transform: translateY(-6px) scale(1.1) rotate(-15deg); /* swing left + pop */
  }
  40% {
    transform: translateY(-3px) scale(1.05) rotate(10deg); /* swing right */
  }
  60% {
    transform: translateY(-4px) scale(1.05) rotate(-10deg); /* swing left smaller */
  }
  80% {
    transform: translateY(-2px) scale(1.03) rotate(8deg); /* swing right smaller */
  }
  100% {
    transform: translateY(0px) scale(1) rotate(0deg); /* settle then repeat */
  }
}
/********/
#banner2 .section-heding{ position: relative; }
#banner2 .section-heding h3{
    font-size: 5rem;
    font-weight: 400;
    color: #fff;
} 
#banner2 .section-heding h3 span{font-weight: 800;}
#banner2 .textbx{ position: relative;text-align: center;}
#banner2 .section-heding p {
    position: relative;
    color: #ffffffe6;
    font-size: 18px;
    margin: 0 30% 20px;
}
#banner2 .section-heding p span {
    position: relative;
    padding: 3px 12px;
    color: #fff;
    font-weight: 600;
}
#banner2 .section-heding p span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: NONE; */
    filter: blur(0px);
    /* backdrop-filter: blur(8px); */
    z-index: 0;
    opacity: 0.4;
    transition: all 0.5s;
    background: #fff;
    border-radius: 30px;
}
/**** button ****/
#banner2 .bttn {
    position: relative;
    margin: 38px 0;
}
/*button 01*/

#banner2 a.book {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 18px 34px 18px 34px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    background: #fff;
    color: #000;
    transition: all 0.2s ease;
    transition: all 0.2s linear;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    margin: 1px 6px;
}
#banner2 a.book svg{
    font-size: 12px;
    margin-left: 6px; 
    animation: moveLR 1s ease-in-out infinite;
}
#banner2 a.book:hover{
    transition: all 0.2s linear;
    scale: 1.04;
}
/*button 02*/

#banner2 a.view {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 16px 34px 16px 34px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin: 1px 6px ;
    transition: all 0.2s ease;
    transition: all 0.2s linear;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
#banner2 a.view:hover{
    transition: all 0.2s linear;
    scale: 1.04;
}

/**/
#banner2 .list{position: relative;}
#banner2 .list li {
    display: inline-block;
    margin: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffffe6;
    padding: 1px 0px 0px 12px;
}
#banner2 .list li:before {
    content: "\f00c";
    position: relative;
    /* font-weight: 100; */
    font-family: 'Fontawesome';
    font-size: 11px;
    left: 2px;
    top: 0px;
    padding: 4px;
    border-radius: 15px;
}

/* Floating particle animation */

#banner2 #particles{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
}

#banner2 .particle{
    position:absolute;
    width:8px;
    height:8px;
    background:white;
    border-radius:50%;
    opacity:0.9;
    will-change:transform, opacity;
}

/* blinking particles */
#banner2 .blink5{  animation:blink 3s ease-in-out infinite;}

@keyframes blink5{
    0%{
        opacity:0;
    }

    50%{
        opacity:1;
    }

    100%{
        opacity:0;
    }
}

/************/
/*wave*/
#banner2 .wave-wrapper{
    position:absolute;
    bottom:1px;
    left:0;
    width:100%;
    height:120px;
    overflow:hidden;
    line-height:0;
}

#banner2 .waves{
    width:100%;
    height:120px;
}

#banner2 .waves use{ animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite; }

#banner2 .wave1 use{
    animation-delay:-2s;
    animation-duration:7s;
}

#banner2 .wave2 use{
    animation-delay:-3s;
    animation-duration:10s;
}
#banner2 .wave3 use{
    animation-delay:-4s;
    animation-duration:13s;
}
#banner2 .wave4 use{
    animation-delay:-5s;
    animation-duration:20s;
}

@keyframes waveMove{
    0%{
        transform:translate3d(-90px,0,0);
    }

    100%{
        transform:translate3d(85px,0,0);
    }
}

/*----------------------------------------*/
/*  Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .oly{
    position: absolute;
    inset: 0;
    background-image: linear-gradient(135deg, #fdf2f8 40%, #eff6ff 90%);
    opacity: 1.0;
}
.blog-area .section-title {
    position: relative;
    margin: 0 auto 6em;
    width: 49%;
}
.blog-area .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
.blog-area .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
.blog-area .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

.blog-area .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 3.8em;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
.blog-area .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
.blog-area .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}
/**/

/*.blog-area .blog-area-wrap { position: relative; }*/
.blog-area .blog-area-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /*grid-auto-rows: 288px;*/
    gap: 20px;
    margin: 0px 14%;
}

.blog-area .blog-post:nth-child(2),
.blog-area .blog-post:nth-child(3),
.blog-area .blog-post:nth-child(4){
    grid-column: span 4;
    grid-row: span 1;
}
/*1st child*/
.blog-area .blog-post:nth-child(1) {
    grid-column: span 12;
    grid-row: span 2;
}
.blog-area .blog-post:nth-child(1) .blog-image{width: 50%;}
.blog-area .blog-post:nth-child(1) .blog-image img{width: 100%;height: 350px;padding: 0;}
.blog-area .blog-post:nth-child(1) .box-area-S:hover{transition: all 0.9s;  margin-top: 0px;}

.blog-area .blog-post:nth-child(1) .box-area-S .imgoly{ position: absolute;inset: 0;
    background-image: linear-gradient(-90deg, #bc5fff 21%, #477ef6 84%);opacity: 0;transition: all 1.2s;
}
.blog-area .blog-post:nth-child(1) .box-area-S:hover .imgoly{opacity: 0.8;transition: all 1.2s;}

.blog-area .blog-post:nth-child(1) .blog-single{width: 50%; align-content: center;}
.blog-area .blog-post:nth-child(1) .blog-image .catbx{display: none;}
.blog-area .blog-post:nth-child(1) .catbx{display: block;}
.blog-area .blog-post:nth-child(1) .catbx { position: relative;}
.blog-area .blog-post:nth-child(1) .catbx .cattile { padding: 4px 12px; font-size: 13px; color: #fff;
    background-image: linear-gradient(-90deg, #bc5fff 21%, #477ef6 84%);
    margin: 0 6px 6px 0;
}
.blog-area .blog-post:nth-child(1) .inner-area-title { font-size: 26px;margin: 16px 0 8px;line-height: 1.3;}
.blog-area .blog-post:nth-child(1) .blog-single p { font-size: 15px;}
.blog-area .blog-post:nth-child(1) .blog-btn a span{display: inline-block;}

/********/
.blog-area .box-area-S { 
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    margin-top:0px;
    margin-bottom: 10px;
    transition: all 0.8s;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
            0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.blog-area .box-area-S:hover{
    transition: all 0.4s;  
    /*margin-top: -14px; */
    transform: translateY(-14px) scale(1.02);
    animation: popupBounce 1.2s ease;
}
.blog-area .blog-image{ position: relative; overflow: hidden; padding: 0;transition: all 0.4s;}
.blog-area .blog-image img{width: 100%;height: 256px;padding: 0;transition: all 0.4s;object-fit: cover;}
.blog-area .box-area-S:hover .blog-image img{ transition: all 0.4s;  scale: 1.06;}
.blog-area .blog-post .box-area-S .imgoly{ 
    position: absolute;
    inset: 0;
    background-image: linear-gradient(180deg, transparent 81%, #000 109%);
    opacity: 1;
    transition: all 0.4s;
}

.blog-area .blog-single {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
}
.blog-area .blog-single .catbx{display: none;}
.blog-area .blog-image .catbx {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
}
.blog-area .catbx a {
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
}
.blog-area .inner-area-title {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin: 1px 0 8px;
    line-height: 1.5;
}
.blog-area .blog-single p {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0px 0 10px;
    color: #666;
}
.blog-area #reading-time {
    font-size: 13px;
    color: #777;
    display: inline-block;
    width: 50%;
}
.blog-area .blog-btn {
    margin: 6px 0 0 0;
    text-align: right;
    width: 50%;
    display: inline-block;
    float: right;
}
.blog-area .blog-btn a span{display: none;}
.blog-area .blog-btn a i{margin-left:6px;top: 2px;position:relative;font-size: 14px;}
.blog-area .blog-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    background: none;
    color: #000;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    cursor: pointer;
    transition: all .4s;
}
.blog-area .blog-btn a:hover {
    transition: all 0.5s ease-in-out;
    color: #d33;
}
/*section button */

.blog-area .bttn{
    position: relative;
    text-align: center;
    margin-top:1em ;
}
.blog-area .bttn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background-image: linear-gradient(118deg, #ad46ff 12%, #ff2056 77%);
    color: #fff;
    padding: 12px 28px;
    border-radius: 50px;
    transition: all 0.5s;
}
.blog-area .bttn a:hover{ transition: all 0.5s; scale: 1.05;}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/

.footer-area { 
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(145deg, #101828 22%, #59168b 70%, #1c398e 100%);
    /*box-shadow: 0 0 1px 1px #b6b5b542;*/
}

/************/
/*wave*/
.footer-area .wave-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.footer-area .waves{
    width:100%;
    height:120px;
}

.footer-area .waves use{ animation:waveMove3 25s cubic-bezier(.55,.5,.45,.5) infinite; }

.footer-area .wave1 use{
    animation-delay:-2s;
    animation-duration:7s;
}

.footer-area .wave2 use{
    animation-delay:-3s;
    animation-duration:10s;
}
.footer-area .wave3 use{
    animation-delay:-4s;
    animation-duration:13s;
}
.footer-area .wave4 use{
    animation-delay:-5s;
    animation-duration:20s;
}

@keyframes waveMove3{
    0%{
        transform:translate3d(-90px,0,0);
    }

    100%{
        transform:translate3d(85px,0,0);
    }
}

.footer-area .fbox { position: relative; }
.footer-area .single-footer-1{width: 32%;}
.footer-area .single-footer-2,.footer-area .single-footer-3,.footer-area .single-footer-4,
.footer-area .single-footer-5{width: 17%;}

.footer-area .s-footer{ position: relative; padding: 0 20px 0 0; margin: 0 0 1em 0;}

.footer-area .textwidget { position: relative;}
.footer-area .f-text { margin-bottom: 15px;}
.footer-area i {
    font-size: 16px;
    background: #fffefe33;
    text-align: center;
    border-radius: 6px;
    margin-right: 4px;
    text-align: center;
    padding: 10px 10px;
}
.footer-area .menu li {
    display: block;
    margin-bottom: 16px !important;
    font-size: 15px;
    font-weight: 400;
    padding: 0px 0 0 0px;
    transition: all 0.3s;
    line-height: 1.2;
}
/*.footer-area .widget li:before{display: none !important;}*/
.footer-area .widget li{margin-bottom: 1.2em;list-style: none; display: block;}
.footer-area li a {font-weight: 300;text-decoration: none;font-size: 14px;transition: all 0.3s;}
.footer-area .menu li a:hover{transition: all 0.3s;}
/*.footer-area .widget_recent_entries li:before,*/
.footer-area .menu li:hover:before{margin:0 10px 0 4px; transition: all 0.3s;} 
/*.footer-area .menu li:before {
    position: relative;
    font-weight: 100;
    content: "\f178";
    font-family: 'Fontawesome';
    font-size: 10px;
    margin: 0px 12px 0 2px;
    top: 0px;
    color: #d33;
    transition: all 0.3s;
}*/
.footer-area .attachment-thumbnail.size-thumbnail.wp-post-image{
    margin: 10px 0;
}
.footer-area .widget_recent_entries ul li {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 4px;
    align-items: center;
    box-shadow: 0px 1px 0px 0px #ccc;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p { font-weight: 300;
    margin:0 0 10px 0;line-height: 1.625;font-size: 15px;align-items: center;}
footer#footer.footer-area .widget-title {
    position: relative;
    color: #3ff;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 1.125rem;
    font-weight: 600;
    z-index: 1;
    padding: 10px 4px 10px 0;
}
.footer-area .widget { margin-bottom: 1em; padding: 4px 10px;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}

.footer-area .bottom-area {
    position: relative;
    padding: 30px 0 15px;
    box-shadow: 0px -1px 0px 0px #b6b5b51f;
}
.footer-area .footer-text{width: 60%;padding: 0 1px; align-content: center;}
.footer-text, .footer-text a {position: relative;font-size: 14px;font-weight: 300;margin:0px 0;text-align: right;}
.footer-text b,.footer-text bold{font-weight: 600;}

.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    font-size: 14px;
    margin-bottom: 8px;
    padding: 10px 18px 10px 20px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 52px;
    border: none;
    box-shadow: 0px 0px 0px 1px #a4999954 !important;
    background: rgba(255, 255, 255, 0.08);
}

.footer-area textarea {  height: 100px !important;}
.footer-area input[type="submit"] {
    position: relative;
    padding: 10px 22px;
    white-space: normal;
    font-weight: 600;
    font-size: 14px;
    border-radius: 50px;
    background: linear-gradient(to right, #3b82f6, #a855f7);
    /*background: #fff;*/
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: none;
}

.footer-area .top-area { padding: 0 0 0.5em;}
.footer-area label{ font-weight: 400;}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}
.footer-area .tagcloud a {font-size: 15px !important;font-weight: 400;}
.footer-area .social-profile-icons ul{margin: 10px 0 0 0;}
.footer-area .social-profile-icons ul li:before{  display: none;}
.footer-area .f-social li,
.footer-area .social-profile-icons ul li{ display: inline-block;}

.footer-area .f-social li a, 
.footer-area .social-profile-icons ul li a {
    display: inline-block;
    text-align: center;
    margin: 0 12px 6px 0;
    transition: all .5s;
    width: 38px;
    line-height: 40px;
    height: 38px;
    border-radius: 52px;
    /* border: 1px solid #3d3d3d; */
    background: rgba(255, 255, 255, 0.08);
    transition: all .5s;
}
.footer-area .f-social li a:hover, 
.footer-area .social-profile-icons ul li a:hover{scale: 1.1; transition: all .5s;}
.footer-area .f-social a i, 
.footer-area .social-profile-icons ul li i {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
    transition: all .5s;
    background: none;
    width: auto;
    height: auto;
    line-height: normal;
}
.footer-area .social-profile-icons ul li a:hover{transition: all .5s;}

.footer-area .f-social { position: relative; width:40%;  padding: 0 5px 0 0; }

.footer-area .f-detalbx {
    padding: 22px 10px;
    position: relative;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    box-shadow: 0px 0px 0px 1px #a4999954 !important;
    margin: 10px 0 60px;
}
.footer-area .cntpgdtbx {  width: 33.33%; margin-bottom: 10px;}
.footer-area .cntpgtxt {  display: flex;  align-items: center;}
.footer-area .cntpgdtbx .icnbx {
    width: 40px;
    height: 40px;
    line-height: 38px;
    /*background: #00bc7d;*/
    border-radius: 50px;
    text-align: center;
    margin-right: 14px;
}
.footer-area .cntpgdtbx .icnbx svg { width: 20px;}
.footer-area .tlebx p{margin: 0;font-size: 14px; font-weight: 400;}
/**/
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {   padding-top: 0;}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img{transition: all .5s;}
.footer-area figure.gallery-item img:hover{ opacity: 0.8;border-radius: 20px;transition: all .5s;}


/*----------------------------------------*/
/*   Testimonials Page
/*----------------------------------------*/

#innerpage-box .testihed {
    position: relative;
    text-align: center;
    margin: 0 auto 5em;
    align-items: center;
    align-content: center;
    width: 53%;
}
#innerpage-box .testihed .subtle {
    font-size: 0.875rem;
    color: #9810fa;
    display: inline-block;
    font-weight: 700;
    padding: 8px 16px;
    margin: 4px 0 10px;
    border-radius: 50px;
    box-shadow: 0 2px 3px 1px rgb(22 22 22 / 23%);
}
#innerpage-box .testihed .subtle svg {  margin-right: 4px; width: 16px;}

#innerpage-box .testihed .title{
    font-size: 3.8em;
    font-weight: 500;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin: 10px 0;
    z-index: 1;
    line-height: 1.2;
    font-weight: 700;
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
}
#innerpage-box .testihed p {
    color: #4a5565;
    font-size: 18px;
    margin: 0 auto;
}
#innerpage-box .innertest-item{
    position: relative;
    /*width: 33.33%; */
    padding: 0 14px;
}
#innerpage-box .testimonial-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*gap: 10px;*/
}

#innerpage-box .tsarea-inn {
    padding: 2px 26px 24px 26px;
    position: relative;
    overflow: hidden;
    background: #D8E8E8;
    border-radius: 13px;
    transition: all 0.3s;
    margin-bottom: 24px;
    margin-top: 4px;
    box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.1), 0 0px 6px -2px rgba(0, 0, 0, 0.1);
}
#innerpage-box .tsarea-inn:hover{
    box-shadow: 0 12px 20px 6px rgb(148 142 142 / 25%);
    transition: all 0.3s;
    transform: translateY(-10px) scale(1.01);
}
#innerpage-box .tsarea-inn .icnbx {
    /* display: flex; */
    display: inline-block;
    background-color: #e8dcc9;
    line-height: 46px;
    height: 46px;
    width: 46px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    right: 10px;
    /* top: 67px; */
    z-index: 0;
    background-image: linear-gradient(-61deg, #fae3ee -30%, #e9f1fc 70%);
    opacity: 0.6;
    transition: all 0.3s;
}
#innerpage-box .tsarea-inn:hover .icnbx{
    opacity: 1;
    transition: all 0.3s;
}
#innerpage-box .tsarea-inn svg {     
    width: 26px;
    height: 26px;
}
#innerpage-box .tsarea-inn .rating-container{
    display: block;
    margin-top: 30px; 
}
#innerpage-box .tsarea-inn .rating-container i { font-size: 18px;color: #ffb400;}
#innerpage-box .ts-area-content {
    position: relative;
    margin: 12px 0 24px;
    box-shadow: 0 1px 1px 0px #cccccca1;
    padding-bottom: 1.5em;
}
#innerpage-box .ts-area-content p {
    position: relative;
    font-style: italic;
    transition: all 1s ease 0s;
    margin: 1px 0px 1px 0px;
    font-size: 17px;
    line-height: 1.8;
    /* font-weight: 300; */
}
#innerpage-box .ts-area-c{
    position: relative;
    transition: all 1s ease 0s;
    padding: 0em 0;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom:10px;
}
#innerpage-box .ts-area-thumb { 
    position: relative;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: 0;
    transition: all 1s ease 0s;
    border-radius: 50px;
}
#innerpage-box .ts-area-thumb img {
    width: 60px;
    height: 60px;
    position: relative;
    transition: all 1s ease 0s;
    border-radius: 50pc;
    outline: 4px solid #f3e8ff;
    /*object-fit: cover;*/
}
#innerpage-box .tsarea-inn .ts-area-bx{position: relative;padding: 0 0px;}
#innerpage-box h4.ts-area-title {
    position: relative;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0px 0 0px 0 !important;
    transition: all 0.3s;
    z-index: 1;
}

#innerpage-box .text-designation {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 2px 0 1px;
}
#innerpage-box .tsarea-inn .text-grp {
    font-size: 13px;
    font-weight: 600;
    color: #2563EB;
    display: inline-block;
    background-image: linear-gradient(-90deg, #fae3ee -15%, #d7e5f8 100%);
    padding: 4px 12px;
    border-radius: 50px;
    margin: 28px 0 6px 0;
}

/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/

#team { position: relative;overflow: hidden;}
#team .oly{
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #eff6ff 40%, #ecfeff 90%);
    opacity: 1.0;
}
#team .section-title {
    position: relative;
    margin: 0 auto 5em;
    width: 50%;
}
#team .section-title h2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 12px 26px;
    margin: 0 0 1px 0;
}
#team .section-title h2 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 66%, #f6339a 77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
#team .section-title h2 .shbg{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(-90deg, #fae3ee 33%, #e9f1fc 100%);
} 

#team .section-title h3 {
    position: relative;
    overflow: hidden;
    font-size: 4.5rem;
    font-weight: 500;
    margin: 1px 0 10px 0;
    padding: 0;
    line-height: 1.3;
}
#team .section-title h3 span {
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
#team .section-title p {
    color: #6B7280;
    font-size: 22px;
    margin: 0 auto;
}

#team .teambx {
    position: relative;
    margin: 0 12%;
}
#team .single-team{padding: 0 15px;margin-bottom: 1.5em;}
#team .our-team{ position: relative;  transition: all .1s linear;}
#team .our-team:hover{
    transition: all .4s linear;
    /*margin-top:-8px;*/
    animation: popupBounce 0.6s ease;
    transform: translateY(-10px) scale(1);
}
#team .tag p {
    display: inline-block;
    padding: 8px 16px;
    margin: 0;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(90deg, #eab308 7%, #f97316 65%);
}
#team .tag {
    position: absolute;
    margin-top: -12px;
    right: -10px;
    text-align: right;
    z-index: 1;
    opacity: 0;
    transition: all .2s linear;
}
#team .our-team:hover .tag{
    opacity: 1;
    transition: all .2s linear;
    animation: zoomRotateFloat 2s ease forwards;
}

@keyframes zoomRotateFloat {
  0% {
    transform: translateX(0%) scale(0) rotate(-15deg);
  }
  25% {
    transform: translateX(0%) scale(1.1) rotate(15deg);
  }
  50% {
    transform: translateX(0%) scale(1.2) rotate(-10deg);
  }
  75% {
    transform: translateX(0%) scale(1.1) rotate(10deg);
  }
  100% {
    transform: translateX(0%) scale(1) rotate(0deg);
  }
}

#team .single-team-img {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
}
#team .single-team-img img{width: 100%;height: 100%;transition: all .7s linear;border-radius: 34px;}
#team .imgoly {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #eab308, #f97316);
    border-radius: 34px;
    opacity: 0;
    transition: all .3s linear;
}
#team .our-team:hover .imgoly{
    opacity: 0.6;
    transition: all .3s linear;
}
#team .team-text {
    padding: 6px 11px 1px 11px;
    z-index: 1;
    position: absolute;
    bottom: 3px;
    right: 0;
    left: 0;
    width: 96%;
    text-align: left;
    margin: 0 auto;
    bottom: -65px;
    transition: all .3s linear;
}
#team .our-team:hover .team-text {
    bottom: 6px;
    transition: all .3s linear;
    animation: popupBounce 0.6s ease;
} 

@keyframes popupBounce {
  0%{
    transform: translateY(0) scale(1);
  }
  30%{
    transform: translateY(-10px) scale(1.05); 
  }
  50%{
    transform: translateY(0) scale(1);
  }
  75%{
    transform: translateY(-5px) scale(1.02); 
  }
  100%{
    transform: translateY(0) scale(1);
  }
}

#team .team-text p{
    position: relative;
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 0;
}
#team .team-social-icon {
    position: relative;
    text-align: left;
    margin-bottom: 1px;
    transition: all .2s linear;
    z-index: 1;
    opacity: 1;
    width: 100%;
}
#team .our-team:hover .team-social-icon{
    opacity: 1;
    transition: all .1s linear;
}
/*#team .team-social-icon a:hover i{
    transition: all .1s linear;
    scale: 1.02;
    transform: skewY(10deg);
}*/
#team .team-social-icon a i {
    position: relative;
    overflow: hidden;
    margin: 4px 4px 4px 0;
    width: 32px;
    line-height: 32px;
    height: 32px;
    font-size: 16px;
    font-weight: 500;
    color: #767779;
    text-align: center;
    transition: all .1s linear;
    box-shadow: 0px 2px 5px #0000000F;
    border-radius: 58px;
    /* border: 1px solid #ccc; */
    padding: 0;
    transition: all .2s linear;
}
#team .team-social-icon a i:after{
    content: "";
    position: absolute;
    inset: 0;
    background: #d33;
    opacity: 0.3;
    z-index: -1;
    transition: all .2s linear;
}
#team .team-social-icon a i:hover:after{ opacity: 1;transition: all .2s linear;}
#team .detailbx {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 4px;
}
#team .our-team h4 {
    word-break: break-word;
    font-size: 1.2rem;
    font-weight: 600;
    color: #FE8A00;
    margin-bottom: 1px;
}
#team .our-team .team-designation {
    word-break: break-word;
    font-size: 0.875rem;
    margin: 8px 0 4px;
    font-weight: 400;
}

/*----------------------------------------*/
/* Inner team page
/*----------------------------------------*/

#innerpage-box .tmhed {
    position: relative;
    text-align: center;
    margin: 0 auto 5em;
    align-items: center;
    align-content: center;
    width: 53%;
}
#innerpage-box .tmhed .subtle {
    font-size: 0.875rem;
    color: #9810fa;
    display: inline-block;
    font-weight: 700;
    padding: 8px 16px;
    margin: 4px 0 10px;
    border-radius: 50px;
    box-shadow: 0 2px 3px 1px rgb(22 22 22 / 23%);
}
#innerpage-box .tmhed .subtle svg {  margin-right: 4px; width: 16px;}

#innerpage-box .tmhed .title{
    font-size: 3.8em;
    font-weight: 500;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin: 10px 0;
    z-index: 1;
    line-height: 1.2;
    font-weight: 700;
    background-image: linear-gradient(108deg, #2563eb 22%, #9810fa 54%, #f6339a 75%);
}
#innerpage-box .tmhed p {
    color: #4a5565;
    font-size: 18px;
    margin: 0 auto;
}
#innerpage-box .inner-team {
    position: relative; 
    /*overflow: hidden;*/
    width: 25%;
    margin: 16px 0;  
    padding: 0px 14px;
}
#innerpage-box .ht-team-member:hover { 
    position: relative;
    transition: all .2s linear;
    transform: translateY(-10px) scale(1.01);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
#innerpage-box .ht-team-member {
    position: relative;
    transition: all .2s linear;
    overflow: hidden;
    padding: 0;
    border-radius: 24px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
#innerpage-box .imgbx{position: relative;overflow: hidden; border-radius: 14px 14px 0 0;}
#innerpage-box .imgbx img {
    width: 100%;
    transition: all .2s linear;
    padding: 0px;
    border-radius: 0px;
    margin: 0 0 0 0;
    object-fit: cover;
}
#innerpage-box .ht-team-member:hover .imgbx img{scale: 1.08;transition: all .2s linear;}
#innerpage-box .imgbx .oly {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient( to top, #111827, rgba(17, 24, 39, 0.4), transparent );
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
  align-items: flex-end;     
  justify-content: center;    
  padding-bottom: 1.5rem;   
  transition: all .5s linear;
}
#innerpage-box .ht-team-member:hover .imgbx .oly{opacity: 1;transition: all .5s linear;}
#innerpage-box .team-box {
    padding: 10px 0;
    position: absolute;
    bottom:10px;
    width: 96%;
    left: 0.5%;
    right: 0.5%;
    margin: 0 auto;
}
#innerpage-box .team-detail{
    position: relative;
    overflow: hidden;
    padding: 20px 14px 20px 24px;
}
#innerpage-box .team-detail h4{margin:0px 0 6px 0 !important; padding: 0px 0px !important;}
#innerpage-box .team-member-designation {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    margin: 0px 0px 14px;
    padding: 0;
    line-height: 1.2;
}
#innerpage-box .team-detail p{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    color: #4a5565;
}
/*#innerpage-box .team-box .exp {
    font-size: 14px;
    font-weight: 500;
    margin: 4px 0px 0 0;
    color: #4a5565;
}*/
#innerpage-box .team-social-icon {
    position: relative;
    text-align: center;
    padding: 0;
    margin:10px 0 10px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
#innerpage-box .ht-team-member:hover .team-social-icon{
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
#innerpage-box .team-social-icon a i{
    font-size: 17px;
    transition: all .1s linear;
    position: relative;
    z-index: 1;
}
#innerpage-box .ht-team-member:hover .team-social-icon a{opacity: 1;transition: all 0.2s ease-in-out;}
#innerpage-box .team-social-icon a {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.5rem;
    display: inline-block;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    margin: 2px 2px;
    opacity: 1;
}
#innerpage-box .team-social-icon a:hover {
    background-color: rgba(255, 255, 255, 0.3); 
    transition: all 0.2s ease-in-out;
}
/*----------------------------------------*/
/*  Single team page
/*----------------------------------------*/
#innerpage-box .singleinn-team{position: relative;}
#innerpage-box .singleinn-team ul{margin: 0;padding: 0;}
#innerpage-box .singleinn-team li{margin: 10px 0 0 24px;}
#innerpage-box .single-teambx {
    position: relative;
    background-image: linear-gradient(-35deg, #59168b 7%, #1c398e 78%);
    padding: 5em 0;
    margin-bottom: 2em;
}
#innerpage-box .singleinn-team .tmconbx{
    display: inline-flex;
    gap: 50px;
    width: 100%;
}
#innerpage-box .singleinn-team .team_inimg {  position: relative;width: 50%;}
#innerpage-box .singleinn-team .team_inimg img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
#innerpage-box .singleinn-team .exp {
    position: absolute;
    width: 124px;
    background-image: linear-gradient(-35deg, #59168b 7%, #1c398e 78%);
    border-radius: 20px;
    color: #fff;
    padding: 20px;
    bottom: -20px;
    right: -26px;
    font-size: 13px;
}
#innerpage-box .singleinn-team .team-box {
    position: relative;
    width: 100%;
    align-content: center;
    background: none ;
    padding: 0;
    border: none;
    box-shadow: none;
}
#innerpage-box .singleinn-team .team-member-designation {
    position: relative;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 8px 16px;
    display: inline-block;
    /*border: 1px solid #dcc39b;*/
    color: #1c398e;
    background: #fff;
    border-radius: 54px;
    font-size: 13px;
    font-weight: 500;
}

/*#innerpage-box .singleinn-team .team-member-designation:before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.2;
    background-color: #1F9D55;
}*/
#innerpage-box .singleinn-team .team-member-designation svg{margin-right:4px; }

#innerpage-box .singleinn-team .team-box h4{
    margin: 10px 0 12px !important;
    padding: 0 !important;
    font-size: 40px ;
    font-weight:500;
    color: #fff;
}
#innerpage-box .singleinn-team .cmpny {
    position: relative;
    color: #fff;
    font-size: 22px;
    margin: 10px 0 10px;
}
#innerpage-box .singleinn-team .txt{
    font-size: 16px;
    color: #d1d5dc;
    margin: 10px 0 10px;
    line-height: 1.6;
}
#innerpage-box .singleinn-team .detils {
    display: inline-flex;
    gap: 18px;
    color: #d1d5dc;
    padding: 13px 0 28px;
    font-size: 18px;
}
#innerpage-box .singleinn-team .detils i{margin-right: 6px;color: #fff;font-size: 20px;}
#innerpage-box .singleinn-team .team-social-icon {
    position: relative;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    /* text-align: center; */
}
#innerpage-box .singleinn-team .team-social-icon a:hover {
    background-color: rgba(255, 255, 255, 0.3); 
    transition: all 0.2s ease-in-out;
}
#innerpage-box .singleinn-team .team-social-icon a {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    ackdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    border-radius: 0.5rem;
    display: inline-block;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    margin: 2px 5px;
    opacity: 1;
    text-align: center;
}
#innerpage-box .singleinn-team .team-social-icon a i {
    font-size: 18px;
    transition: all .1s linear;
    position: relative;
    z-index: 1;
}
/*----------------------------------------*/
/* Gallery Section
/*----------------------------------------*/

#gallery .gallery-inn{display: none;}
#innerpage-box .homegalry{display: none;}


/*--------------------------------------------------------------
# Gallery Script*/

/*fancybox.css*/

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar{top: 2em !important;}

/*end*/
/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
#innerpage-box .gallery-tabs {
    position: relative;
    text-align: center;
    margin: 0 0 5em 0;
    padding: 0 0 1em;
    box-shadow: 0 0 1px 1px #cccccca8;
}
#innerpage-box .gallery-tabs ul{padding: 0;}
#innerpage-box .gallery-tabs li {display:inline-block; margin:4px 4px; overflow:hidden;}
#innerpage-box .gallery-tabs li:after{display: none;}
#innerpage-box .gallery-tabs li a {
    padding: 7px 26px;
    display: block;
    background-color: #FDA12B;
    color: #222;
    font-size: 15px;
    min-height: auto;
    font-weight: 500;
    border-radius: 10px;
    transition: 0.5s all ease-in-out;
    text-transform: capitalize;
    /* margin: 2px 10px; */
    position: relative;
    overflow: hidden;
}
/*#innerpage-box .gallery-tab.active{background: #ccc;}*/
#innerpage-box .gallery-inn {
    column-count: 3;
    padding: 0;
    gap: 14px;
}
#innerpage-box .innergalry{ position: relative; margin: 0px 4px 8px 4px;}
#innerpage-box .lz-gallery-images {position: relative; overflow: hidden;margin:0px 0px 20px 0;}
#innerpage-box .spa-gall {position: relative; margin: 0px;}
#innerpage-box .gallery-item{position: relative;margin: 4px;display: inline-block;}
#innerpage-box .lz-gallery-images a{
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: 0.5s ease;
}
#innerpage-box .lz-gallery-images img {
    position: relative;
    transition: 0.5s all;
    width: 100%;
    height: auto;
    border-radius: 14px;
}
#innerpage-box .lz-gallery-images .g-oly {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(11, 31, 51, 0.8), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
    transition: 0.5s all;
    display: flex;
    align-items: flex-end;
    padding: 1.5rem; /* 24px */
    border-radius: 14px;
}

#innerpage-box .lz-gallery-images a:hover .g-oly {
    opacity: 0.6;
    transition: 0.5s all;
}
/*#innerpage-box .lz-gallery-images .g-oly{
    position: absolute;
    inset: 0;
    background: #fff;
    opacity: 0;
    transition: 0.5s all;
    border-radius: 17px;
}
#innerpage-box .lz-gallery-images a:hover .g-oly{
    inset: 10px;transition: 0.5s all;opacity: 0.4;
}*/
#innerpage-box .lz-gallery-images .titlbx {
    position: absolute;
    bottom: 20px;
    left: 24px;
}
#innerpage-box .lz-gallery-images .titlbx h3{
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: 0.5s all;
}
#innerpage-box .lz-gallery-images:hover .titlbx h3{
    opacity: 1;
    transition: 0.5s all;
}
#innerpage-box .lz-gallery-images .catnam {
    position: relative;
    font-size: 14px;
    color: #1F9D55;
    margin: 6px 0 0 0;
    padding: 0;
    opacity: 0;
    transition: 0.5s all;
    text-transform: capitalize;
}
#innerpage-box .lz-gallery-images:hover .catnam{
    opacity: 1;
    transition: 0.5s all;
}

/*-----------------------
## Site map Template 
-----------------------------*/
div#sitemap-box { border-top: 2px solid #f94c34;border-radius: 0;}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 36px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 15px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box h4 {
    position: relative;
    font-size: 20px !important;
    background: #2e2e2e;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 0px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}
.page-template-templates main#innerpage-box div#sitemap-box h4:after {  display: none;}
main#innerpage-box div#sitemap-box ul li {list-style: none;padding-bottom: 5px;}
main#innerpage-box div#sitemap-box ul li a {position: relative;padding-left: 2px;}
main#innerpage-box div#sitemap-box ul li a:before {
    position: relative;
    top:-2px;
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #000;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
main#innerpage-box div#sitemap-box ul li a:hover:before {transform: scale(1.4);}
div#sitemap-box ul { margin: 0;}
div#sitemap-box .sitemap-blogposts ul { padding: 5px 5px 5px 0;margin: 0;}
div#sitemap-box .sitemap-posts-box {margin-bottom: 15px;}
div#sitemap-box .blogpostsitemap li {list-style: none;}
div#sitemap-box .sitemap-posts-box img {width: 100%;}
div#sitemap-box h4:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #f94c34;
    right: 0;
    top: -11px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0 0 0px 20px;
}

/*====## Contact Template ==========
====== {contact Inner Page} ========*/
/*************************************/
#innerpage-box {position: relative;overflow: hidden;}
#innerpage-box .contact-address-area { position: relative; margin: 2em 0 0 0;}

/*detailbx*/
#innerpage-box .contact-address-area .detalbx { position: relative; margin: 0em 0 1em;}
#innerpage-box .contact-address-area .condetal{position: relative; margin: 0 0 2em 0;}
#innerpage-box .cntpgdtbx{
    position: relative;
    width: 25%;
    padding: 0 12px ;
}
#innerpage-box .cntpgdtbxinn {
    /* background: #faf8f5; */
    box-shadow: 0 10px 15px -3px #c4c5c833, 0 -1px 6px -4px #49484a33, 0 -1px 20px #645f6222;
    border-radius: 16px;
    padding: 20px 20px;
    transition: all 0.5s;
    margin-bottom: 1.5em;
}
#innerpage-box .cntpgdtbxinn:hover{
    box-shadow: 0 10px 30px rgba(0,0,0,.2); 
    transition: all 0.5s;
    transform: translateY(-10px) scale(1.03);
}
#innerpage-box .cntpgtxt {
    position: relative;
    margin: 5px 0px 20px 0px;
    transition: all 0.5s;
}
#innerpage-box .cntpgtxt .icnbx {
    width: 56px;
    height: 56px;
    line-height: 54px;
    background-color: #6b5235;
    border-radius: 16px;
    text-align: center;
    transition: all 0.5s;
}
#innerpage-box .cntpgdtbxinn:hover .icnbx{
    transition: all 0.2s;
    scale: 1.06;
    /*transform: translateY(0px) scale(1.03);*/
}
#innerpage-box .cntpgtxt .icnbx svg {  width: 26px;}
#innerpage-box .cntpgtxt .tlebx { position: relative; top: 2px;}
#innerpage-box .cntpgtxt .tle {
    font-size: 18px;
    color: #d1d5dc;
    font-weight: 700;
    margin: 20px 0px 12px;
}
#innerpage-box .cntpgtxt p {
    position: relative;
    display: block;
    font-size: 16px;
    word-break: break-word;
    color: #fff;
    margin: 2px 0px 1px 0px;
    padding: 0 0 0 0px;
}
#innerpage-box .cntpgtxt .tlebx.bh-tlebx p{   display: inline-block;}
/*map*/
#innerpage-box .contact-mapbox { position: relative;  width: 50%;padding: 0 0 0 30px ;}
#innerpage-box .contact-mapbox .ct-mpbox {
    box-shadow: 0 5px 50px -12px rgba(0, 0, 0, 0.25);
    padding:40px 44px;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
#innerpage-box .contact-mapbox .mptitlebx {position: relative; margin-bottom: 25px;}
#innerpage-box .contact-mapbox .mptitlebx .mpbxtitle  {
    position: relative;
    background-image: linear-gradient(-90deg, #9810fa 70%, #2563eb 92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0 10px;
}
#innerpage-box .contact-mapbox .mptitlebx .mpbxtxt {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    
}

#innerpage-box .contact-mapbox iframe { width: 100% !important; height: 300px;margin: 0  0;}


/*form*/
#innerpage-box .conpgfmbx {padding: 0 30px 0 0;width: 50%;}
#innerpage-box .conpgfmbx .fmbx {
    padding:50px 44px 10px;
    border-radius: 30px;
    margin: 0 auto;
    box-shadow: 0 5px 50px -12px rgba(0, 0, 0, 0.25);
}
#innerpage-box .conpgfmbx .titlebx {
    position: relative;
    margin-bottom: 20px;
}
/*****/
#innerpage-box .conpgfmbx .fmbx .sub-title {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 40px;
    padding: 6px 14px;
    margin: 0 0 1px 0;
    color: #9810fa;
    background-image: linear-gradient(-90deg, #fae3ee -50%, #d5e5fa 100%);
}
#innerpage-box .conpgfmbx .fmbx .sub-title svg{width: 18px; margin-right:4px; }

/****/
#innerpage-box .conpgfmbx .bxtitle {
    position: relative;
    background-image: linear-gradient(-90deg, #9810fa 70%, #2563eb 92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    font-weight: 700;
    margin: 10px 0 6px;
}
#innerpage-box .conpgfmbx .bxtxt {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    
}
#innerpage-box .conpgfmbx .wpcf7-list-item {
    width: 50%;
    margin: 0 0 0 0em;
    display: block;
    float: left;
}
#innerpage-box .conpgfmbx .fmbx p{margin:1px 0 4px; }
#innerpage-box .conpgfmbx label {
    /* position: relative; */
    color: #d33;
    text-align: left;
    padding: 0;
    border-radius: 0;
    margin: 6px 0 5px 0px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
}
#innerpage-box .conpgfmbx input[type="text"], 
#innerpage-box .conpgfmbx input[type="email"], 
#innerpage-box .conpgfmbx input[type="url"],
#innerpage-box .conpgfmbx input[type="password"], 
#innerpage-box .conpgfmbx input[type="search"], 
#innerpage-box .conpgfmbx input[type="number"], 
#innerpage-box .conpgfmbx input[type="tel"], 
#innerpage-box .conpgfmbx input[type="range"], 
#innerpage-box .conpgfmbx input[type="date"], 
#innerpage-box .conpgfmbx input[type="month"], 
#innerpage-box .conpgfmbx input[type="week"], 
#innerpage-box .conpgfmbx input[type="time"], 
#innerpage-box .conpgfmbx input[type="datetime"], 
#innerpage-box .conpgfmbx input[type="datetime-local"], 
#innerpage-box .conpgfmbx input[type="color"], 
#innerpage-box .conpgfmbx select, 
#innerpage-box .conpgfmbx textarea {
    width: 100%;
    height: auto;
    margin: 0 0 12px 0;
    font-size: 16px;
    padding: 16px 8px 16px 20px;
    /* line-height: 22px; */
    font-weight: 400;
    background: #fff;
    border-radius: 15px;
    border: 2px solid #ebe6e7;
}
#innerpage-box .conpgfmbx option{height: 100px;}
#innerpage-box .conpgfmbx textarea {   height: 150px;}
#innerpage-box .conpgfmbx input[type="submit"] {
    position: relative;
    padding: 20px 10px;
    font-weight: 600;
    font-size: 18px;
    display: block;
    width: 100%;
    box-shadow: none;
    transition: all 0.2s;
    margin-top: 1em;
    border-radius: 16px;
    background-image: linear-gradient(108deg, #2563eb 1%, #9810fa 54%, #f6339a 90%);
}
#innerpage-box .conpgfmbx input[type="submit"]:hover{transition: all 0.2s;}
#ht-contactus-wrap { position: relative; }
#ht-contactus-wrap .conpgfmbx{ position: relative;}

/*phone box*/
#ht-contactus-wrap .phonebx {
    margin-top: 2em;
    position: relative;
    border-radius: 26px;
    padding: 2em 3em;
    background-image: linear-gradient(160deg, #2563eb -33%, #9810fa 60%, #f6339a 96%);
}

#ht-contactus-wrap .phonebx .title{
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
#ht-contactus-wrap .phonebx p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 15px 0 20px;
    padding: 0;
}
#ht-contactus-wrap .phonebx .phbxbtn{position: relative;}
#ht-contactus-wrap .phonebx .phbxbtn svg{width: 20px;margin-right:8px; }
#ht-contactus-wrap .phonebx .phbxbtn a {
    background: #fff;
    display: inline-block;
    padding: 14px 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.2s;
}
#ht-contactus-wrap .phonebx .phbxbtn a:hover{scale: 1.05;transition: all 0.2s;}

.contact-address-area  .contpglbx{
    position: relative;
    margin-top:4em ;
    padding: 4em 1em 5em;
    text-align: center;
    background-image: linear-gradient(99deg, #2563eb 0%, #9810fa 53%, #f6339a 98%);
}
.contact-address-area .contpglbx .title{
    font-size: 44px;
    font-weight: 700;
    color: #fff;
}
.contact-address-area .contpglbx .txt {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 14px 0 30px;
}
.contact-address-area .contpglbx .bton{ position: relative;}
.contact-address-area .contpglbx .bton a {
    position: relative;
    display: inline-block;
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    background: #fff;
    border-radius: 50px;
    transition: all 0.2s;
}
.contact-address-area .contpglbx .bton a:hover{scale: 1.05; transition: all 0.2s;}
/*-----------------------
## FAQS page
-----------------------------*/
/* Wrapper */
#content-box .faq-search-wrapper {
    display: flex;
    justify-content: center;
    margin: 1em 0 3em;
    background-image: linear-gradient(-34deg, #fdf2f8 50%, #faf5ff 86%);
    padding: 3em 0 3em;
}

#content-box .faq-search-form {
    position: relative;
    width: 100%;
    max-width: 650px;
}

/* Input */
#content-box .faq-search-form input[type="search"] {
    width: 100%;
    padding: 22px 20px 22px 60px;
    border-radius: 18px;
    color: #ccc !important;
    background: #faf5ff;
    font-size: 18px;
    color: #333;
    outline: none;
    box-shadow: 0 6px 16px rgb(0 0 0 / 11%);
    transition: all 0.3s ease;
    border: 2px solid #ebe6e7;
}

/* Focus effect */
#content-box .faq-search-form input[type="search"]:focus {
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Placeholder */
#content-box .faq-search-form input::placeholder {
    color: #9aa0a6;
}

/* Search Icon */
#content-box .faq-search-wrapper .search-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
}
#content-box .faq-search-wrapper .search-icon svg {width: 24px; height: 24px;}
/* Hover effect */
#content-box .faq-search-wrapper .search-icon:hover svg {
    stroke: #000;
}
/*****/
#content-box .faq-category-section {
    position: relative;
    margin: 4em 0;
}
#content-box .catsubtitle.inner-area-title {
    display: inline-block;
    background-image: linear-gradient(-90deg, #f3e8ff 8%, #e9f1fc 100%);
    color: #9810fa;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50px;
    padding:5px 16px;
}
#content-box .catsubtitle.inner-area-title svg {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
#content-box .cattitle.inner-area-title {
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 26px;
}
#content-box .faq-innbx {
    position: relative;
    margin: 0 auto;
    width: 70%;
}

div#content-box .faq-content button.accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0 0 0px 0;
    /*background: #fbb34d;*/
    padding: 0;
    transition: 0.4s ease-in-out;
    border-radius: 14px;
    border:none;
    background-image: linear-gradient(-4deg, #faf5ff 7%, #eff6ff 65%);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),    0 2px 4px -2px rgba(0, 0, 0, 0.1); 
}
div#content-box .faq-content button.accordion.active{
    position: relative;
    border-radius: 14px 14px 0 0;
}
div#content-box .faq-content button.accordion.active{border-bottom:none; }
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: 0.4s ease-in-out;box-shadow: none; }
div#content-box .faq-content button.accordion.active:hover{box-shadow:none;}
div#content-box .faq-content button.accordion:hover {transition: 0.4s ease-in-out;}

div#content-box .faq-content button.accordion:after {
    content: "\f063";
    font-family: 'Fontawesome';
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #000;
    float: right;
    position: absolute;
    font-weight: 400;
    top: 26px;
    right: 24px;
    height: 36px;
    background-image: linear-gradient(-28deg, #ad46ff 10%, #2b7fff 90%);
    width: 36px;
    line-height: 36px;
    border-radius: 50px;
    display: inline-block;
    transition: 0.4s ease-in-out;
    opacity: 1;
    box-shadow: none;
    padding: 0px 6px;
}
div#content-box .faq-content button.accordion.active:after{
    transform: rotate(180deg);
    transition: 0.4s ease-in-out;
}
div#content-box .faq-content button.accordion:hover:after{transition: 0.4s ease-in-out; scale: 1.08;}
/*div#content-box .faq-content button.accordion.active:after {
    content: "\f106";
    top: 22px;
    font-family: 'Fontawesome';
    transition: 0.4s ease-in-out;
}*/
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin: 0px 0 12px 0;
    border: none;
    border-radius: 5px 5px;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
div#content-box .faq-content div.panel.show {
    background: #f3f3;
    opacity: 1;
    max-height: 500px;
    padding: 0px 0px 2px 0px;
    border-radius: 0 0 14px 14px;
    margin: 0px 0px 18px 0px;
    transition: 0.4s ease-in-out;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
div#content-box .faq-content div.panel p {
    padding:10px 40px 14px 24px;
    margin: 0px 0px 2px 1px;
    line-height: 1.6;
    font-size: 18px;
    transition: 0.1ms ease-in-out;
}

main#innerpage-box div#content-box h3.faq-title {
    padding: 30px 60px 40px 30px;
    margin: 0;
    font-weight: 700;
    line-height: 26px;
    word-break: break-word;
    text-align: left;
    font-size: 20px;
    transition: 0.4s ease-in-out;
}
div#content-box .faq-content button.accordion.active .faq-title{
    font-size: 1.125 !important;
    transition: 0.4s ease-in-out;
}

/*-----------------------
## End FAQS page
-----------------------------*/

.col-container { display: table; width: 100%;}
.col-oursteps{ display: table-cell;}
.heading.active i {box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;}
.test-right img { width: 100%; height: 100%;}
.heading{cursor: pointer;}
.inside-full-height{height:100%}

/* Catalogue slider Start */

.slider {width: 86%;position: relative;height: 490px;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.slider::-webkit-scrollbar {display: none;}
.slider .slides { display: flex;position: absolute;left: 0;transition: 0.3s left ease-in-out;}
.slider .slide-item { margin-right: 35px;width: 334px;margin-left: 0;}
.slider .slide-item:last-child {margin-right: 0;}

.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {font-size: 13px !important; background: none;border: none;font-weight: 600;text-align: center;cursor: pointer;outline: none;color: #9e9e9e;position: absolute;margin-top: -60.5px;height: 23px;bottom: 0;}
.ctrl-btn:hover{color:#000;background: none;}
.ctrl-btn.pro-next {right: 45%;position: absolute;border: 2px solid #bfbfbf; padding: 3px 5px 3px 5px;margin: 0;z-index: 999;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward { background: none; border: none; position: relative; right: 19px;}
.total-count a.button.wc-forward:hover { background: none; border:none;}
.total-count .count {    
    color: #f72985;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 16px;
    right: 35px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    background: #fff;
}
.total-count img {    width: auto;height: auto;margin: 0px 0 0;}
.total-count {
    background: #f72985;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    padding: 18px 45px;
}
/*===============
All Siderbar 
================*/
#secondary.widget-area {
    padding: 1px 1px 0;
    position: relative;
    overflow: hidden;
    /*background: url(images/sbar.jpg);*/
    /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);*/
}
div#sidebars.sidebar{position: relative;z-index: 1;}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*error start*/

.widget-area form#searchform input[type="submit"] {
    border-radius: 5px !important;
    background: transparent;
    overflow: hidden;
    text-align: center;
    padding: 6px 18px !important;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute !important;
    right: 3px;
    text-indent: -999px !important;
    width: 18px !important;
    z-index: -999 !important;
    /* bottom: 6%; */
    top: 4px;
}
.widget-area form#searchform:hover input[type="submit"],
.widget-area form#searchform input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999 !important;
}
.widget-area form#searchform:after {
    position: absolute;
    margin-top: -54px;
    font-size: 16px;
    font-weight: 100;
    right: 6px;
    text-align: center;
    color: #fff;
    background: transparent;
    background-repeat: no-repeat;
    height: 34px;
    line-height: 34px;
    width: 34px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 5px;
    opacity: 1;
}
/*.widget-area form#searchform:before{
    position: absolute;
    content: "";
    border: 3px solid #d33;
    right: 47px;
    top: 28px;
    bottom: 0;
    height: 26px;
    z-index: 1;
}*/
.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:3em 0em 2em 0; width: 100%;}
div#content-box {
    padding: 0 0em;
/*    position: relative;*/
    overflow: hidden;
}

#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 0px 6px;list-style: none;font-size: 18px;margin: 0;}
#content-box ol{ font-size: 18px;}
#content-box ol ol { margin-left: 5px !important;}
#content-box ul ul { margin-left: 5px !important;}
#content-box li.wc-block-grid__product:before{display: none !important;}
#content-box ul li{margin: 15px 0 15px 30px; position: relative;}
#content-box ul li:after {
    /* content: "\f111"; */
    font-family: 'Fontawesome';
    margin-right: 4px;
    color: #fff;
    transition: all 0.5s ease 0s;
    top: 3px;
    position: absolute;
    font-size: 15px;
    font-weight: 500;
    left: -20px;
}

/*#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}*/

main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
    margin: 1em 0;
    position: relative;
    padding-left: 1.1em;
    /* min-height: 60px; */
    padding-top: 0px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    font-size: 16px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-weight: 500;
    text-align: left;
    padding: 0;
    display: block;
    position: absolute;
    text-align: center;
    left: 0px;
    top: 0px;
    border-radius: 50px;
    background: #d33;
    margin: 0 0 0 -20px;
    transition: all 0.5s ease 0s;
}
#content-box ol li:before:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -10px;
    border-radius: 50px;
    background: #d33;
    padding: 10px;

}
#content-box ol.wp-block-list li{margin-left: 20px;}
#content-box .comment:after{display: none;}
.page_featured {margin: 0 4em;margin-bottom: 2em;padding: 10em 4em;}
img.ht-page-header-img{ width: 100%;box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);}
.sticky {   display: block;}
.total-hentry { margin: 0 0 25px;}
.byline,
.updated:not(.published) { display: none;}
.page-links {clear: both;margin: 0 0 15px;}
.ht_no_sidebar #primary{width: auto;float: none;}
.ht_no_sidebar_condensed #primary{width: 76%;float: none;margin: 0 auto;}
.ht_left_sidebar #primary{float: right;}
.ht_left_sidebar #secondary{float: left;}
.ht-post-info{float: left;width: 80px;text-align: right;}
.single .ht-post-info{margin-right: 30px;margin-bottom: 20px;}
.ht-post-info .entry-date{display: block;font-size: 0.9em;margin-bottom: 20px;}
.ht-post-info .entry-date span{ display: block;}
.ht-post-info .entry-date span.ht-day{ font-size: 60px;line-height: 1.3; color: #fe5722;}
.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    /*text-transform: uppercase;*/
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}
.ht-post-wrapper{padding-left: 105px;}
.entry-figure{background: #f9f9f9; text-align: center; margin-bottom: 15px;}
.entry-header .entry-title{font-weight: 300;letter-spacing: 1px;margin-bottom: 10px;}
.entry-figure + .entry-header{background: #FFF;position: relative;margin-top: -65px;width: 90%;padding: 15px 0 1px;}
.entry-header .entry-title a{ text-decoration: none; color: #333;}
.entry-categories{font-size: 14px;color: #666;font-style: italic;margin-bottom: 15px;}
.entry-categories .fa{ color: #fe5722;margin-right: 8px;}
.entry-categories a{color: #666;text-decoration: none; }
.entry-readmore{margin-top: 20px;}
.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #000 !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{background: #333; color: #FFF;}
section ul{padding: 0 0 20px 0;}
.readmore a{
    background: #4d4d4d;
    padding: 15px 40px;
    color: #fff;
    border-radius: 30px;
}
.readmore a:hover{background: #000;color:#fff;}
.wp-block-woocommerce-cart .wc-block-components-product-name{font-size: 20px; font-weight: 600;}
.wc-block-components-product-metadata p{font-size: 15px;}
.wc-block-cart__submit-container a span{color : #000 !important;}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    /*font-family: josefin sans,sans-serif;*/
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

.error404 .oops-text{text-align: center;}
.toggle-bar{display: none;}
.oops-text { position: relative; z-index: 1;}
.error404 .error-404{
    color: #ffffff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px;
}
@keyframes effect {
   0%{
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
    25%{
        text-shadow:
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000,
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000;
    }
    50%{
        text-shadow:
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000,
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000;
    }
    75%{
        text-shadow:
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000,
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000;
    }
    100% {
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
}

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/
/* BACK TO TOP BUTTON */
#back2Top {
  position: fixed;
  bottom: 50px;
  right: 20px;
  width: 70px;
  height: 70px;
  z-index: 99;
  /*transform: rotate(180deg);*/
}
/**/
#back2Top.to-top:before {
    content: '▲';
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.7em;
    color: #9b46d9;
    border: 4px solid #9b46d9;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 34px;
    /* border-color: inherit; */
    transition: transform .5s ease-in;
}

#back2Top.to-top:hover:before{
  transform: rotate(360deg);
  /*color:#2563eb;
  border-color:#2563eb;*/
}

/******/
.scrollup {
    position: fixed;
    top: 0;
    right: 25px;
    text-align: center;
    cursor: pointer;
    border: none;
    outline: none;
    -webkit-transition: .9s;
    transition: .9s;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
}
.scrollup.is-active {
    top: 90%;
    opacity: 1;
    visibility: visible;
    transition: .9s;
}
.scrollup.is-active:hover,
.scrollup.is-active:focus { transition: .9s;}
/*end*/

div#secondary caption {padding-top: 12px;padding-bottom: 12px;padding-left: 10px;}
div#secondary .widget_calendar table {margin: 0;padding: 0;}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
}
.widget-area .widget_rating_filter ul li {border-bottom: none;}
.widget-area .woocommerce ul.cart_list li, 
.widget-area .woocommerce ul.product_list_widget li {padding: 12px 12px 12px;}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 13px;font-weight: 400;padding: 0px 0 8px;}
.widget-area .woocommerce ul.cart_list li img, .widget-area .woocommerce-page ul.cart_list li img, 
.widget-area .woocommerce ul.product_list_widget li img, 
.widget-area .woocommerce-page ul.product_list_widget li img {width: 74px;height: 74px;}

.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area .woocommerce ul.product_list_widget li img:hover { opacity: 0.8;}
.widget-area .woocommerce .widget_shopping_cart_content p {padding: 12px;margin: 0;border: 1px solid #eaeaea;margin-top: 15px;}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del { font-size: 18px;font-weight: 600 !important;}
.single-productpage h2.woocommerce-loop-product__title {line-height: 33px; word-break: break-word;}
main#innerpage-box div#commentsAdd textarea#comment {background: transparent;}
div#respond textarea#comment { background: transparent;}
div#comments input[type="submit"] {padding: 10px 20px;border-radius: 5px;height: 50px;}
main#innerpage-box .woocommerce-product-search .search-field {border: 0px solid #e9e7e7;background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel {background: transparent !important;border: none !important;}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, 
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, .woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{opacity: 1;}

div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}
#content-box .wc-block-grid__product-title{font-size: 20px;}
#content-box .wc-block-grid__product-price {font-size: 16px;}

/************************/
/*Shop Page*/
/************************/
.total-product-title-wrap del .amount{display: none;}
.total-product-title-wrap ins .amount{    top: 6px;position: relative;}
.total-product-title-wrap ins .amount bdi,
.total-product-title-wrap ins .amount bdi span{font-size: 22px;font-weight: 400;}

/************************/
/*SINGLE PRODUCT PAGE*/
/************************/
/***price******/
.product .product-short-description p{font-size: 18px;color: #707070;}
.product-price-title del .woocommerce-Price-amount span.woocommerce-Price-currencySymbol,
.product-price-title del .woocommerce-Price-amount{color: #d33;font-size: 21px; }
.product-price-title .woocommerce-Price-amount{margin-right:10px; }
.product-price-title ins .woocommerce-Price-amount span.woocommerce-Price-currencySymbol,
.product-price-title ins .woocommerce-Price-amount {color: #d33;font-size: 30px;font-weight: 500;}
/*star-rating*/
.woocommerce .woocommerce-product-rating .star-rating { margin: 0.3em 12px 0 0;float: left;}
.woocommerce div.product .woocommerce-product-rating{ line-height: 2; margin-bottom: 20px;}

/*short-description*/
.woocommerce-product-details__short-description{display: none;}

/*product-categories*/
.product-type-simple .related.products,
.product-type-simple .quantity,
.product-type-simple .summary.entry-summary .qty-label,
.product-type-simple .summary.entry-summary .product-categories{display: none;}

.product_meta { display: none;}
.product .qty-label{margin: 14px 0 0 0;}
.single-productpage .product-categories a {
    position: relative;
    overflow: hidden;
    background: #ccc;
    padding: 9px 10px;
    margin:2px 10px 2px 2px;
    font-size: 15px;
    font-weight: 500;
    height: 10px;
    line-height: 3;
    top:10px;
}

/*quntity Button*/
.woocommerce div.product form.cart div.quantity{float: none;margin: 15px 0;}
.single-productpage .quantity button.minus {
    font-size: 30px;
    padding: 4px 10px;
    margin: 0;
    border-radius: 0;
    background: #f0f1f3;
    line-height: 1;
    font-weight: 500;
    box-shadow: none;
    right: -6px;
    position: relative;
}
.single-productpage .quantity button.plus {
    position: relative;
    left: -6px;
    top: -1px;
    font-size: 24px;
    padding: 8px 10px;
    margin: 0;
    border-radius: 0;
    background: #f0f1f3;
    line-height: 1;
    font-weight: 500;
    box-shadow: none;
}
.woocommerce .quantity .qty {
    height: 38px !important;
    width: 66px !important;
    margin: 0;
    text-align: center;
    padding: 4px 6px 4px 14px;
    border: none;
    font-size: 22px;
    font-weight: 500;
    background: #ccc;
}
/*add to cart button*/
.single_add_to_cart_button{display: none !important;}
.product .buy-now-button {
    display: block !important;
    width: 70%;
    background: #2E2E2D ;
    border-radius: 4px;
    padding: 14px 10px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #fff ;
}
.product .buy-now-button:hover{color: #FF7617 !important;}

/*Related Product*/

.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, 
.woocommerce .upsells.products ul.products li.product, 
.woocommerce-page .upsells.products ul.products li.product, 
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul li.product {
    width: 22% !important;
    margin-right: 2% !important;
}

/*---------------FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/

.woocommerce-product-gallery__wrapper{width:100%;height: 100%;}
.woocommerce-product-gallery__image.flex-active-slide a img {
    height: 100% !important;
    width: 100% !important;
}

ul.flex-direction-nav {
    position: absolute;
    top: 30%;
/*    z-index: 99999;*/
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
}

li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next::after {
    visibility:visible;content: '\f054';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 20px;   
    font-weight: bold;
}
a.flex-prev::before {
    visibility:visible;
    content: '\f053';
    font-family: 'FontAwesome';   
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}
ul.flex-direction-nav li a {
    color: #ccc;
}
ul.flex-direction-nav li a:hover {
    text-decoration: none;
}
/****cart page******/
.wc-block-components-button__text {
    background: #000;
    color: #fff;
    padding: 10px 20px;
}

/*---------------END FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/
/*-----------------------
## Start search
-----------------------------*/
main#innerpage-box h2 a {color: #000;font-weight: 600; margin-bottom: 10px;}
.entry-readmore a {
    padding: 2px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post {
    position: relative;
    float: left;
    margin: 0em 0em 2em 0em;
    padding: 0 14px;
}
#innerpage-box .inner-blogpost { position: relative;transition: all 0.5s;}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { 
    position: relative; 
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}
#innerpage-box .ht-blog-thumbnail img {
    border-radius: 16px 16px 0 0;
    width: 100%;
    transition: all 0.5s;
}
#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail img {
    scale: 1.05;
    transition: all 0.5s;
}
#innerpage-box .inner-blogpost-info {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 20px;
    /*box-shadow: 0px 1px 0px 1px #b4b2b269;*/
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    border-radius: 0 0 14px 14px;
    transition: all 0.5s;
}
#innerpage-box .inner-blogpost:hover .inner-blogpost-info{
    /*box-shadow: 0px 8px 8px 2px #b4b2b233;*/
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transition: all 0.5s;
}
#innerpage-box .inner-blogpost .cattilebx {
    position: absolute;
    top: 12px;
    left: 14px;
}
#innerpage-box .inner-blogpost .cattile {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #1955C1;
    background: #EDF7FE;
    padding: 4px 13px;
    border-radius: 8px;
    margin: 0 6px 4px 0;
    text-transform: capitalize;
}
#innerpage-box .inner-blogpost .blog-date {
    float: right;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: #6a7282;
    align-items: center;
}
#innerpage-box .inner-blogpost .blog-date i{margin-right:2px; }
main#innerpage-box #blog-box h2 {
    word-break: break-word;
    margin: 8px 0 10px 0px;
    padding: 0 0 0 0px;
}
#innerpage-box .inner-blog-excerpt p, 
#innerpage-box .inner-blog-excerpt {
    font-size: 15px;
    font-weight: 400;
    word-break: break-word;
    padding: 0px;
    position: relative;
    line-height: 1.5;
    margin:18px 0 12px;
}
#innerpage-box .inner-blogpost-info .admbx {
    justify-content: space-between;
    display: flex;
    /* margin: 0px 0px; */
    gap: 6px;
    box-shadow: 0 -1px 0px 0px #cccccc54;
    padding-top: 14px;
    margin-top: 14px;
}
#innerpage-box .blog-admin i {
    margin-right: 6px;
    font-size: 11px;
}
#innerpage-box .blog-admin {
    color: #4a5565;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0 6px 4px 0;
    font-weight: 300;
}
#innerpage-box .blog-btn a i {
    margin-left: 4px;
    position: relative;
    top: 0px;
    font-size: 13px;
    transition: all 0.5s;
}
#innerpage-box .blog-btn a {
    position: relative;
    overflow: hidden;
    /*display: inline-block;*/
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    background: none;
    color: #000;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    cursor: pointer;
    transition: all .4s;
}
#innerpage-box .blog-btn a:hover {
    transition: all 0.5s;
    color: #d33;
}
#innerpage-box .inner-blogpost:hover .blog-btn a{
    transition: all 0.5s;
    margin-left:10px ;
}
/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6
 {word-break: break-word;margin: 20px 0;}

#innerpage-box .wp-block-image figure {
    overflow: hidden;
    position: relative;
    border-radius: 0px;
}

.wp-block-group__inner-container h2, #innerpage-box .widget-area .widget-title {
    position: relative;
    text-align: left;
    margin: 0px 0px 12px 0px;
    background: #e2a822;
    font-size: 19px !important;
    letter-spacing: 1px;
    color: #000;
    font-weight: 600;
    background: #000;
    padding: 10px 24px 10px 25px;
    z-index: 9;
    border-radius: 7px;
}
#secondary .widget-title:before,
#sidebars .widget-title:before{
    content: "\f1a5";
    position: absolute;
    font-family: 'Fontawesome';
    font-size: 16px;
    top: 10px;
    left: 0;
    color: #2563eb;
    font-weight: 500;
}
#innerpage-box .widget_search .widget-title:before { content: "\f002" !important;}
#innerpage-box .widget_recent_entries .widget-title:before,
#innerpage-box .widget_recent_comments .widget-title:before{content: "\f201" !important;}
#innerpage-box .widget_archive .widget-title:before { content: "\f274" !important;}
#innerpage-box .widget_tag_cloud .widget-title:before,
#innerpage-box .widget_categories .widget-title:before { content: "\f02c" !important; }
#innerpage-box  .widget_calendar .widget-title:before {content: "\f073" !important;}

main#innerpage-box .widget-area .tagcloud a {
    margin: 6px 2px;
    padding: 2px 12px;
    border-radius: 8px;
    border: none;
    position: relative;
    box-shadow: unset;
    text-align: center;
    background: none;
    display: inline-block;
    background: #faf8f5;
    transition: all 0.3s ease;
}
main#innerpage-box .widget-area .tagcloud a:hover{
    background: #6b5235;
    transition: all 0.3s ease;
    color: #fff;
}
.widget-area .tagcloud {list-style: none;padding: 0;margin: 1em 0em;}
.widget-area .textwidget { padding: 10px 15px 10px 15px;}
.widget-area li span.post-date {margin-bottom: 1em;position: relative;display: list-item;}
.widget-area .widget_media_image img {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 .gallery-item a{padding: 0;}
.widget-area div#calendar_wrap {padding: 0px 0px 0 ;margin: 0;border: 1px solid #eaeaea;}
.widget_calendar table {border-collapse: separate; width: 100%;}
.widget-area .woocommerce-product-search, 
.widget-area form#searchform { position: relative; width: 100%;  padding: 0px;}
.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 5px 0;
}
.widget-area ul ul {border-radius: 0;border:none;}
.widget-area ul ul li {padding-left: 10px;border-bottom: none;}
.widget-area ul ul li a {padding: 0;}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #444;
}
.widget_calendar tfoot tr td {border: none; padding: 0px;}

/*#secondary .widget_calendar table tbody td{color: #fff !important;}*/
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {  position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {  text-align: center;}

/*--------------------------------------------------------------
## WooCommerce Cateigiries Page
--------------------------------------------------------------*/
#content-box ul li.product-category:before{display: none;}
#content-box .product-category {position: relative;}
#content-box  .woocommerce.columns-4,
#content-box .products.columns-4{padding: 0;}
#content-box li.product-category.product {
    padding: 0 20px;
    margin: 0 0 50px 0;
    text-align: center;
    width: 25%;
    float: left;
}
#content-box h2.woocommerce-loop-category__title {
    position: relative;
    font-size: 25px ;
    font-weight: 400 !important;
    line-height: 1.4;
    margin: 30px 0 6px 0 !important;
}
#content-box .woocommerce-loop-category__title mark.count {
    font-size: 22px;
}
/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{border-color: #6a1b9a;}
 main#innerpage-box h2.woocommerce-loop-product__title {font-weight: 500;}
.woocommerce ul.products li.product a img{ height: auto;border: none !important;}
.woocommerce div.product div.images img {border: 2px solid #f1f0f0 !important;}
.woocommerce ul.products li.product .total-product-title-wrap{padding: 10px 10px 0;}
.woocommerce ul.products li.product a{color: inherit;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{margin: 0 0 6px;padding: 0;}
.woocommerce div.product div.images .flex-control-thumbs{ margin: 5px -5px 0;display: flex;}
.woocommerce div.product div.images .flex-control-thumbs li{ padding: 5px;}
.woocommerce ul.products li.product .price{font-weight: 500;font-size: 20px;color: #fe5722;margin: 0;}
.woocommerce ul.products li.product .price del{ display: inline;color: #999;opacity: 1;}
.woocommerce ul.products li.product .price ins{display: inline;font-weight: 600 !important;}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {float: right;width: 100%;}
.woocommerce-MyAccount-navigation ul li:before{display: none;}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    color:#fc856d;
    padding: 0px 4px;

}
.woocommerce-MyAccount-navigation ul li{margin: 5px 0 !important;}
.woocommerce-MyAccount-navigation-link.is-active a{color:#000 !important;}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, 
.woocommerce button.button:hover, .woocommerce input.button:hover{background: #333;color: #FFF;}

.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,
.woocommerce input.button { color:#fff ;}

.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #c3c3c3;
    border:none;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0px;
    box-shadow: none;
}

.single_inner .page-main-header {  display: none;}
/*.woocommerce ul.products li.product:hover .button{border-color: #fe5722;background-color: #fe5722;color: #FFF;}*/
.woocommerce ul.products li.product .button.loading{  opacity: 1;}
.woocommerce a.added_to_cart{
    padding-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 25px;
    font-size: 13px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt{ border-color: #fe5722;background-color: #fe5722;}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{background: #333;border-color: #333;color: #FFF;}
.woocommerce nav.woocommerce-pagination ul{border: 0;margin: 0;}
.woocommerce nav.woocommerce-pagination ul li{border: 0;margin: 0 4px;}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{background: #333;color: #FFF;}

.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: -3px !important;
    left: 0 !important;
    z-index: 1;
}

.woocommerce span.onsale:after{
    border-color: transparent #e8ae00 #e8ae00 transparent;
    border-width: 3px;
    border-style: solid;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0px;
}

/*.woocommerce ul.products li.product .onsale{margin: 10px -6px 0 0;}*/
.woocommerce ul.products li.product .onsale {
    top: auto;
    right: auto;
    left: auto;
    margin: auto;
}
.woocommerce ul.products li.product .onsale:after{
    border-color: transparent transparent #e8ae00 #e8ae00;
    border-width: 3px;
    border-style: solid;
    right: 0px;
    left: auto;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{z-index: 1;}
.woocommerce div.product p.price, 
.woocommerce div.product span.price{color: #fe5722}
.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{font-weight: 400;}
.woocommerce .product_meta{font-size: 15px;}
.woocommerce .product_meta a{color: inherit;}
.woocommerce .product_meta a:hover{ color: #fe5722;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;border-bottom: 2px solid #fe5722;padding-bottom: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{ display: none !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {padding: 10px 0;font-weight: 400;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background: #fe5722;z-index: 1;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color: #fff !important;}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{font-size: 22px; margin-bottom: 30px;}
.woocommerce #reviews #comments h2, 
.woocommerce-page #reviews #comments h2 { margin-bottom: 10px !important;}
.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{ width: 100%;}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{width: 100%;}
.related.products h2{ margin-bottom: 30px;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}

.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{background: #333;color: #FFF;}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{background: #fe5722;border-color: #fe5722;}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{line-height: 40px;font-size: inherit;padding: 0;}
.select2-container .select2-choice{
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}
.select2-results{font-size: 0.9em;color: inherit;}
.select2-drop-active{border-color: #EEE;}
.select2-drop.select2-drop-above.select2-drop-active{border-color: #EEE;}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{border-top-color: #fe5722;font-size: 0.9em; margin-bottom: 15px; padding: 1em 2em 2em 3.5em;}
.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{ color: #fe5722;}

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 10px 20px;
    line-height: 4;
    height: auto;
    margin-right: 15px;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{font-weight: 400;}
#customer_details{ margin-bottom: 40px;}
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{border: 1px solid #EEE;border-radius: 0;   padding: 10px;}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    float: none;
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.woocommerce .widget_shopping_cart .cart_list li, 
.woocommerce.widget_shopping_cart .cart_list li{
    padding-top: 4px;
}

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{font-weight: 400;}
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 8px;}
.woocommerce .widget_layered_nav ul li{ padding: 5px 0;}
.woocommerce .widget_price_filter .ui-slider{margin: 0 12px 5px; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: #FFF; border: 3px solid #000;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fe5722}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #EEE;}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style: none;}
.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{ background: none;}
.woocommerce ul.products li.product strong {display: inline-block;}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{ background-color: #6963635c; border: 1px solid #6963635c;}

ul.themetext {margin: 0;padding: 0;list-style: none;}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title { margin: 4px 0 0 0;}

div#content li.blocks-gallery-item:before {content: none;}
div#content li.blocks-gallery-item {padding: 14px 14px 0 14px;}
div#content li.blocks-gallery-item img:hover {opacity: 0.5;}
.single_post .datebx{ margin-bottom: 0px;}
.single_post .datebx li{list-style: none; display: inline-block;}
.single_post .datebx .post-date-publishable {
    display: inline-block; 
    margin-right: 20px; 
    padding-top: 15px;
    padding-bottom: 15px;
}
.single_post .datebx  i { padding-right: 6px;}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
/*    width: 100%;*/
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow:none;
    margin: 0px 0 0 20px;
}
div#sidebars ins {background: none;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 8px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}

/*-----------------------
## product rating
------------------------*/
.woocommerce .star-rating {
    position: relative;
    height: auto; 
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating {
    display: block;
    position: relative;
    unicode-bidi: bidi-override;
    direction: ltr; /* Use ltr direction for proper filling */
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating::before {
/*    color: #ccc ; */
    content: '\73\73\73\73\73';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
}
.woocommerce .star-rating span {
/*    color: red ; */
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0; /* Default width */
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    font-family: star;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 18px;
}

/* Rating specific styles */
.woocommerce .star-rating[data-rating="5"] span {  width: 100%;}
.woocommerce .star-rating[data-rating="4"] span { width: 80%;}
.woocommerce .star-rating[data-rating="3"] span { width: 60%;}
.woocommerce .star-rating[data-rating="2"] span { width: 40%;}
.woocommerce .star-rating[data-rating="1"] span { width: 20%;}

/*sidebar star*/
.widget_recent_reviews .star-rating{display: none;}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    margin: 0;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    padding: 0px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce div.product div.images img:hover {opacity: 0.8;}
.woocommerce div.product .woocommerce-product-rating a{float: right;display: contents;}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {display: inherit;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product {overflow: hidden;}
.woocommerce ul.products li.product a img {transform: scale(1);transition: all 1s ease 0s;}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    margin: 2px 0;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {padding-top: 40px;}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{padding-bottom: 30px;}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {display: none;}
.woocommerce #reviews #comments ol.commentlist li img.avatar { position: relative;}
.woocommerce #reviews #comments ol.commentlist li {display: inline-block;}
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0;}

/*-----------------------
## Single product 
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, 
.woocommerce div.product .product_meta .tagged_as {display: block;font-weight: 400;line-height: 1.6;}
.woocommerce .star-rating {
/*    float: right;*/
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
/*    width: 100%;*/
    font-family: star;
    overflow: initial;
}
.woocommerce .woocommerce-product-rating .star-rating{}
.woocommerce .widget_rating_filter ul li a {padding: 1px 0;text-decoration: none;}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating { margin: 0;}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 16px;font-weight: 500;padding: 0px 0 8px;}
.widget-area .woocommerce .product_list_widget li .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 63%;
    font-family: star;
    overflow: initial;
    margin-bottom: 10px !important;
}
main#innerpage-box .woocommerce-product-details__short-description ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

main#innerpage-box .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 1.4;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}

/**********Responsive ********/

@media only screen and (max-width: 1600px) {
.head-menu { width: 55%;} 
header .h-bttn{width: 25%;}
#banner-section .banner_titlehigh, #banner-section .banner_title {font-size: 5rem;}
#banner-section .rankbx {  right: -8%;}
#banner-section .satsbx { right: -1.1%;}
#service .section-title ,#oursteps .section-title ,#ourvideo-section .section-title ,#team .section-title,
#featuredproducts .section-title,#difference .section-title,#testimonials .section-title,.blog-area .section-title,
.feature-area .section-title {  width: 52%;}
#innerpage-box .serhed,#innerpage-box .testihed,
#innerpage-box .tmhed { width: 56%;}

}


@media only screen and (max-width: 1399px) {
    #innerpage-box .serhed,#innerpage-box .testihed,
    #innerpage-box .tmhed { width: 64%;}
}

@media only screen and (max-width: 1350px) {
.head-menu { width: 53%;} 
header .h-bttn{width: 27%;}
}

@media only screen and (max-width: 1299px) {
.head-menu { width: 50%;} 
header .h-bttn{width: 30%;}
#service .section-title ,#oursteps .section-title ,#ourvideo-section .section-title ,#team .section-title,
#featuredproducts .section-title,#difference .section-title,#testimonials .section-title,.blog-area .section-title,
.feature-area .section-title {  width: 59%;}

.feature-area .f-bx { width: 54%;}
.counter-area .counter-single-area { margin: 0 9.5%;}
#featuredproducts .tab-content { margin: 0 6%;}
#team .teambx { margin: 0 12%;}
.blog-area .blog-area-wrap { margin: 0px 12%;}

}


@media screen and (max-width: 1199px){
.page-main-header p {margin: 20px 16% 10px;font-size: 20px;}
.logo { width: 21%;}
.head-menu {width: 44%;}
header .h-bttn { width: 35%;}
.counter-area .counter-single-area { margin: 0 2%;}
#service .section-title ,#oursteps .section-title ,#ourvideo-section .section-title ,#team .section-title,
#featuredproducts .section-title,#difference .section-title,#testimonials .section-title,.blog-area .section-title,
.feature-area .section-title { width: 74%;}
#featuredproducts .tab-content { margin: 0 0%; }

.facility-area .fasy-bx {  padding: 14px;}
#oursteps .oursteps-bx { padding: 0 20px;}

#innerpage-box .serhed,#innerpage-box .testihed,
#innerpage-box .tmhed { width: 80%;}

#testimonials .testimonials-single-area { margin: 0 6%;}
#team .teambx {  margin: 0 6%;}
#team .single-team { padding: 0 10px;}
.blog-area .blog-area-wrap {  margin: 0px 6%;}

#innerpage-box .conpgfmbx { padding: 0 10px 0 0;}
#innerpage-box .contact-mapbox { padding: 0 0 0 10px;}

#innerpage-box .inn-single-service-bx { padding: 0 8px;}
#innerpage-box .innertest-item {padding: 0 10px;}
#innerpage-box .inner-team {  width: 33.33%;}
#content-box .faq-innbx { width: 80%;}

/*single page*/
#innerpage-box .sersinglbx .serimgbx { padding: 0 15px;}
#innerpage-box .sersinglbx .serconbx{ padding: 0 15px;}
#innerpage-box .sersinglbx .title { font-size: 36px;}
#innerpage-box .sersinglbx p { font-size: 16px;}
#innerpage-box .sersinglbx .ser-list li { font-size: 16px;}

.wp-block-group__inner-container h2, 
#innerpage-box .widget-area .widget-title {font-size: 17px !important;}
#innerpage-box .workbx .wkbxinn { margin: 0px 6em 0em 10em;}
#innerpage-box .workbx .ntc_img2{right: -7em;}
#content-box li.product-category.product {padding: 0 10px;margin: 0 0 15px 0;}
#content-box h2.woocommerce-loop-category__title {margin: 10px 0 6px 0 !important;}

.widget-area .tagcloud { margin: 1em 0em ;}
.footer-area .f-social li a, 
.footer-area .social-profile-icons ul li a { width: 40px; line-height: 40px; height: 40px;
}
}

@media screen and (max-width: 1024px){
.logo { padding: 1px 4px 1px 1px;}
.feature-area .f-bx:nth-child(odd) {  padding-right: 1%;}
.feature-area .f-bx:nth-child(even) { padding-left: 1%;}
.feature-area .f-bx { width: 60%;}
#ourvideo-section .video-content-bg { width: auto;}
#difference .image-comparison__slider-wrapper { margin: 0 14%;}
#team .teambx {  margin: 0 0%;}
#banner-section .banner_titlehigh, 
#banner-section .banner_title { font-size: 4rem;}

#banner2 .section-heding p { margin: 0 16% 20px;}
#banner2 .section-heding h3 { font-size: 4rem;}
.blog-area .blog-area-wrap {   margin: 0px 0%;}

.ht-main-title {font-size: 4rem;}

.footer-area .single-footer-1,.footer-area .single-footer-2{width: 50%;}
.footer-area .single-footer-3 ,.footer-area .single-footer-4,.footer-area .single-footer-5{width: 33.33%;}

}

@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {   top: -5px;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: -14px;}
}

@media screen and (min-width: 992px) and (max-width: 1023px){
.luzuk-content-area {top: 70%; width: 390px;right: 0%;
}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
header.site-header .list-inline.m-a0{padding-left: 0px !important;}
header.site-header .text-bx.padding0{padding-left: 15px;}
header.site-header input[type="search"] {
    width: 100%;
}
}

@media (max-width: 1012px){
.header-transparent .sticky-header {padding: 0;
}
}

@media screen and (max-width: 1000px){
.toggle-bar{
    display: block;
    position: absolute;
    top: -35px;
    right: 35px;
    width: 50px;
    background: #fe5722;
    cursor: pointer;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    cursor: pointer;
}
 .toggle-bar span{
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 4px;
    left: 8px;
    right: 8px;
    background: #FFF;
    box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
}
}

@media only screen and (max-width: 991px) {
.ht-site-title, .site-title { font-size: 22px;}
.navigation .mainmenu { display: block;}
.navigation .mainmenu li:hover ul li:hover > ul{display: inline-block !important;}
.navigation .mainmenu ul.sub-menu li { margin: 0 9px 1px 2px;}
div#sitemap-box h4:before,
div#sitemap-box:before{display: none;}
.commentmetadata span.reply{position: relative; top: -5px; margin: 10px;}
#sidebars .widget, div#secondary.widget-area .widget { margin: 0px 2px 1em 2px;}
#content-box li.product-category.product{width: 33.33%;}
#content-box h2.woocommerce-loop-category__title {font-size: 18px !important;}
#content-box .woocommerce-loop-category__title mark.count { font-size: 16px;}

/*single team*/
#innerpage-box .singleinn-team .team_inimg img { height: 380px;}
#innerpage-box .singleinn-team .team-box h4{ font-size: 30px; margin: 6px 0 6px !important;}
#innerpage-box .singleinn-team .cmpny { font-size: 20px; margin: 4px 0 4px;}
#innerpage-box .singleinn-team .txt { font-size: 16px;margin: 6px 0 6px;line-height: 1.5;}
#innerpage-box .singleinn-team .detils { padding: 8px 0 8px;font-size: 16px;}
#innerpage-box .singleinn-team .exp {border-radius: 10px;padding: 10px; font-size: 12px;}

/*single service*/
#innerpage-box .sersinglbx img { height: 300px;border-radius:20px; }
#innerpage-box .sersinglbx .title {font-size: 30px; margin: 8px 0; }
#innerpage-box .sersinglbx p { margin: 12px 0;}
}

@media screen and (max-width: 991px) {
.page-main-header p { margin: 10px 14% 4px;font-size: 18px;}
header .search_bar input[type=text] {box-shadow: 0px 0px 5px 3px #dfdfdf94;}
header .mid-head {  padding: 2px 0 2px 0;}
header .tp-head { padding: 0;}
header .h-bttn { margin: 2px 0 0 0;}
.logo {  width: 39%; padding: 1px 4px 1px 1px;}
header .h-bttn { width: 45%;}
header .head-menu { width: 16%; order: 1;padding: 0;}
.site-navigation{background:none ;}
.site-navigation{ float:right;}
.top-bar-head {padding: 0em 0;}
.home.page-template .site-header { position: relative;}

.mid-head {padding: 4px 0;}
.navigation .mainmenu li a::before{display: none;}

#banner-section .Lbx { width: 100%; padding: 0 0px ;order: 2;}
#banner-section .banner_titlehigh, 
#banner-section .banner_title { font-size: 4rem; }
#banner-section .Lbx p { font-size: 18px; margin: 10px 0px 10px 0;}
#banner-section a.bt1 { padding: 10px 20px;}
#banner-section .imgbx{width: 100%;padding: 0 0px; margin:2em 0; order: 1; position: relative;}
#banner-section .imgbx img { height: 500px;}
#banner-section .ratingbx { left: 5.5rem;}
#banner-section .rankbx { position: absolute; top: -30px; right: -5%;}
#banner-section .satsbx { right: 0%;}
#banner-section .clientbx { left: 0%;}
.counter-area .single-top {  width: 50%;}
.counter-area .counter-single-area { margin: 0 0%;}

#service .section-title ,#oursteps .section-title ,#ourvideo-section .section-title ,#team .section-title,
#featuredproducts .section-title,#difference .section-title,#testimonials .section-title,.blog-area .section-title,
.feature-area .section-title {  margin: 0 auto 2em; }

#team .section-title h3,.blog-area .section-title h3,
#service .section-title h3,#oursteps .section-title h3,#ourvideo-section .section-title h3,
#featuredproducts .section-title h3,#difference .section-title h3,#testimonials .section-title h3,
.feature-area .section-title h3 { font-size: 2.75rem;}

#team .section-title p,.blog-area .section-title p,
#service .section-title p,#oursteps .section-title p,#ourvideo-section .section-title p,
#featuredproducts .section-title p,#difference .section-title p,#testimonials .section-title p,
.feature-area .section-title p {  font-size: 18px;}

#service .sertxbx h4 { font-size: 1.6rem;}
#service .bttn a { padding: 12px 24px; font-size: 16px;}
#service .bttn { margin: 1.5em 0px 0px;}
.feature-area .f-bx {width: 75%;}
#featuredproducts .pricing-tabs { margin-bottom: 1em;}
#featuredproducts .featuredproductsbx:nth-of-type(2) .featuredproductsus-single { top: 0;}

#oursteps .oursteps-bx:nth-child(1) .oursteps-post,
#oursteps .oursteps-post{ padding: 2.2rem 2.4em 3em; }

#oursteps .oursteps-bx .title { font-size: 1.5rem;}
#oursteps .oursteps-bx { margin-bottom: 1em;}
#oursteps .oursteps-bx:nth-child(2) { margin-top: 1em;}
#oursteps .oursteps-bx:nth-child(3) {margin-top: 1em;}
#oursteps .details h6 { font-size: 18px; padding: 4px 0 12px;}
#oursteps .bttn { margin: 0em auto 0;}
#oursteps .bttn a { font-size: 16px; padding: 12px 20px;}

.facility-area .img-title{font-size: 1.2rem;}
.facility-area .img-txt { font-size: 16px;}
.facility-area .imgbtn a { padding: 8px 20px;}
#featuredproducts .featuredproductsbx:nth-of-type(2) .featuredproductsus-single,
#featuredproducts .featuredproductsus-single { padding: 24px 24px 24px 24px;}
#difference .image-comparison__figure:not(.image-comparison__figure--overlay),
#difference .image-comparison__figure img{height: 400px;}
#testimonials .testimonials-single-area {  margin: 0 0%;}
#banner2{padding: 2em 0 8em !important;}
#banner2 .section-heding h3 {font-size: 3rem;}
#banner2 .section-heding p { font-size: 16px; margin: 0 8% 0px; }

#featuredproducts .featuredproductsbx { width: 50%;}

#skill,#featuredproducts,#contact,#about,
#difference,#team,#gallery,#appointment,#callus,#achievement,#counter,#support,#project,#clientlogo,
#course,#banner-section,#ourvideo-section ,#ourclient,#counter,#steps,#testimonials,#difference,
#oursteps,#blog,#service,#plan,#pricing,#faq_section,#offres{ padding: 1em 0 !important;}
#newsletter,.feature-area,#facility{ padding: 2em 0 !important;}
header .second-featured-image { width: 240px;height: 180px;bottom: -2em;}
.page-main-header{padding: 3em 0 5em !important;}
#innerpage-box { padding: 2em 0em 2em 0;}
.site-header {position: relative;}
header .woocommerce-breadcrumb, .breadcrumbbox .button { font-size: 18px;}
.ht-main-title { font-size: 2.5rem;}

#innerpage-box blockquote p { font-size: 18px;}
#innerpage-box .inner-blog-post {margin: 0em 0em 1.5em 0em;}
#innerpage-box .inner-team { width: 50%; }
#innerpage-box .gallery-tabs {  margin: 0 0 2em 0;}
#innerpage-box .gallery-inn { gap: 6px;}
#innerpage-box .lz-gallery-images { margin: 0px 0px 6px 0;}

#innerpage-box .cntpgdtbx {  width: 50%;}
#innerpage-box .conpgfmbx .fmbx { padding: 30px 24px 10px;}
#innerpage-box .conpgfmbx .bxtitle {font-size: 30px;}
#innerpage-box .conpgfmbx .bxtxt {  font-size: 16px;}
#innerpage-box .contact-mapbox .ct-mpbox {  padding: 24px 30px;}
#innerpage-box .conpgfmbx .bxtxt {  font-size: 16px;}
#ht-contactus-wrap .phonebx { border-radius: 16px; padding: 2em 1.5em;}
#innerpage-box .conpgfmbx .bxtitle,
#innerpage-box .contact-mapbox .mptitlebx .mpbxtitle{ font-size: 26px;}
#ht-contactus-wrap .phonebx .title { font-size: 24px;}
.contact-address-area .contpglbx .title { font-size: 32px;}
.contact-address-area .contpglbx .bton a {  padding: 10px 20px; font-size: 16px;}
#innerpage-box .serhed,#innerpage-box .testihed,
#innerpage-box .tmhed { width: 100%; padding: 0; margin: 0 0 10px 0; }
#innerpage-box .serhed .title,#innerpage-box .testihed .title,
#innerpage-box .tmhed .title { font-size: 2.5em;}
#innerpage-box .serhed p,#innerpage-box .testihed p,
#innerpage-box .tmhed p {  font-size: 16px;}
#content-box .faq-search-form { max-width: 80%;}
#innerpage-box .testimonial-wrapper { grid-template-columns: repeat(2, 1fr);}
#content-box .faq-search-wrapper { margin: 0em 0;padding: 1.5em 0;}
#content-box .faq-innbx { width: 100%;padding: 0;}
#content-box .faq-category-section { margin: 2em 0;}
#content-box .cattitle.inner-area-title { font-size: 24px;margin-top: 4px; margin-bottom: 12px;}
#content-box .catsubtitle.inner-area-title { font-size: 12px; padding: 6px 12px; }
main#innerpage-box div#content-box h3.faq-title {   font-size: 18px;}
div#content-box .faq-content div.panel p { font-size: 15px;}

div#content-box { padding: 0 0em;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
/*.footer-area .s-footer{width: 50%;}*/
.footer-area li a { font-size: 16px;}
.footer-area .social-profile-icons ul li a { margin: 0 8px 0 0;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;}

/*.s-footer { padding-bottom: 0em;}*/
.footer-area input[type="submit"] { position: relative;}
#content-box ol li { margin: 1em 0;}

}

@media screen and (max-width: 850px){
    #testimonials .single-ts-bx {  width: 50%;}
}

@media screen and (max-width: 768px){
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{  margin-bottom: 10px;}
.woocommerce .widget_price_filter .price_slider_amount .button{ margin-bottom: 15px;}
.ht-main-navigation a{ padding: 8px 17px;}
.ht-section-title,
.ht-section-tagline{  width: auto;}
.ht-top-footer{  margin-left: 0;}
.ht-footer{ width: auto; margin: 0 0 30px; float: none;}
#primary{width: auto !important;float: none !important;margin-bottom: 30px;}
#secondary{ width: auto !important; float: none !important; margin-bottom: 30px; overflow: hidden;}

}

@media screen and (min-width: 320px) and (max-width: 768px){
header.site-header .main-dispaly.padding0 {padding-right: 20px;}
.navigation .mainmenu { right: 0; padding-left: 0;}
.ht-section-title:after {width: 65%;}
.woocommerce div.product .woocommerce-tabs ul.tabs{ padding-top: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size: 18px;}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce .related ul.products li.product, 
.woocommerce-page .related ul.products li.product{ margin-bottom: 30px !important;}
#content-box li.product-category.product{margin-bottom: 15px !important;}
.sf-arrows .sf-with-ul:after{ right: 40px;}
.navigation .mainmenu li a{box-shadow: none;}
.ti-home:before{left: 15px;top: 12px;}
.is-fixed .main-bar ul.sub-menu { margin-top: 0 ;}
.navigation .mainmenu li a,
header.site-header ul.sub-menu li a{padding: 5px 0 5px 10px;}
header.site-header ul.sub-menu li a {padding: 5px 45px;}
}

@media screen and (min-width: 320px) and (max-width: 768px){
.main-dispaly.padding0 {padding-left: 20px;}
.header.site-header ul.sub-menu li a:hover{padding-left: 15px;padding-right: 15px;}
.navigation .mainmenu li ul li{ top: auto;}
.navigation .mainmenu li:hover > ul{ position: relative; top: auto;}
.navigation .mainmenu li:hover ul li:hover > ul{  position: relative; left: 0;display: block !important;}
.navigation .mainmenu li{bottom: auto;}
.navigation .mainmenu li ul li a{ padding: 5px 0 5px 25px;}
.navigation .mainmenu li a{ text-align: left;}
.navigation .mainmenu li:hover > ul{ width: 100%;}
.header-transparent .is-fixed .main-bar h1.ht-site-title { position: relative;top: 60px;text-align: center;}
header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
.bx-controls-direction { display: none;  }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }
.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {position: relative; top: 80px;}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;}

.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ font-size: 16px;}
}

@media screen and (max-width: 768px){
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars { margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 { width: 100% !important;}
.ht-main-navigation li{ padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
#quote-carousel .carousel-control.right { right: 0; top: 140px;}
#quote-carousel .carousel-control.left { left: -7px; top: 140px;}
#quote-carousel .carousel-control { margin-top: -50px;}
.top-bar-head { padding:0 !important;}

}

@media screen and (max-width: 767px){

header .second-featured-image { width: 300px; height: 200px; bottom: -2em;}
#innerpage-box { padding: 1em 0em 1em 0;}
header .head-menu { width: 10%;}
header .h-bttn { width: 51%;}
header .h-bttn .gt i{display: none;}
header .h-phbx {  box-shadow: none; padding: 0px 0px;}
header .h-phbx .tooltiptext,
header .h-phbx .tooltiptext{
    visibility: hidden;
    display: inline-block;
    width: 200px;
    background-color: #DEDEE7;
    color: #000;
    text-align: center;
    padding: 2px 2px;
    position: absolute;
    font-size: 14px;
    top: 20px;
    right: 0px;
    opacity: 1;
    transition: all 0.2s linear;
    z-index: 9999;
}
header .h-phbx:hover .tooltiptext,
header .h-phbx:hover .tooltiptext{ visibility: visible; opacity: 1;}
.page-main-header p { margin: 10px 10% 4px;font-size: 16px;}

.page-main-header { padding: 2em 0 4em !important;}
.widget-area a { padding: 6px 12px 6px 12px;}
.site-header .navbar-toggler, 
.site-header .is-fixed .navbar-toggler { margin: 22px 0 22px 10px; box-shadow: none;}
.text-white .site-button.outline { padding: 8px 15px;}

#banner-section .rankbx { padding: 10px 10px 6px;}
#banner-section .ratingbx { padding: 10px;}
#banner-section .satsbx { padding: 10px 14px;}
#banner-section .clientbx {  padding: 10px;}
#banner-section .imgbx img { height: 400px;}
#banner-section .banner_titlehigh, 
#banner-section .banner_title { font-size: 3rem; }

.feature-area .fea-single { padding: 20px 20px;}
.feature-area .fea-title{  font-size: 1.6rem;}
.feature-area .fea-single p { font-size: 16px;}

#oursteps .oursteps-bx {padding: 0 10px;}
#oursteps .oursteps-bx:nth-child(1) .oursteps-post,
#oursteps .oursteps-post { padding: 2.2rem 1.4em;}
#difference .image-comparison__slider-wrapper {margin: 0 0%;}

#featuredproducts .featuredproductsbx { width: 100%;padding: 0;}

.section-title { margin-bottom: 2em;}
#about, #team, #gallery, #appointment, .feature-area, #callus, #achievement, #counter, #support,#blog,
#project, #course, #banner-section, #ourvideo-section, #ourclient, #newsletter,#facility,
#oursteps{padding: 1em 0 !important;}
.breadcrumbbox {  margin: 2px 0 0 0;}
header .woocommerce-breadcrumb, .breadcrumbbox .button { font-size: 15px; }
.ht-main-title { padding: 8px 0 0 0;font-size: 32px;}

/*#secondary.widget-area { padding: 0px 0;}*/
#secondary .widget_nav_menu li a:before, #sidebars .widget_nav_menu ul li a:before{right: -3%;}
#secondary input[type="text"], #secondary input[type="email"], #secondary input[type="url"], 
#secondary input[type="password"], #secondary input[type="search"], #secondary input[type="number"], 
#secondary input[type="tel"], #secondary input[type="range"], #secondary input[type="date"],
#secondary input[type="month"], #secondary input[type="week"], #secondary input[type="time"], 
#secondary input[type="datetime"], #secondary input[type="datetime-local"], 
#secondary input[type="color"], #secondary input[type="file"], 
#secondary textarea, #secondary select{padding: 10px 3px 10px 12px;}
.widget-area li{padding-left: 3%;}
#innerpage-box .singleinner-service { margin-bottom: 10px;}
#innerpage-box .inn-single-service-bx { padding: 0 1px;}
#innerpage-box .inner-team { padding: 0px 4px; margin-top: 10px;}
#innerpage-box .team-social-icon a { margin: 2px 1px;}
/*#innerpage-box .innertest-item { width: 100%;}*/
#innerpage-box .gallery-tabs { margin: 0 0 0.8em 0;}
#innerpage-box .gallery-tabs li { margin: 4px 4px;}
#innerpage-box .gallery-tabs li a { padding: 8px 16px;}
#innerpage-box .gallery-inn, #gallery .homegalry { column-count: 2;}
#content-box .faq-search-form { max-width: 94%;}

#content-box li.product-category.product{width: 50%;}


#innerpage-box .conpgfmbx{width: 100%;padding: 0 0px;}
#innerpage-box .contact-mapbox{width: 100%;padding: 0 0px;margin-top:1em; }
.contact-address-area .contpglbx{   margin-top: 1em;  padding: 2em 1em 2em;}
.contact-address-area .contpglbx .txt {font-size: 16px; margin: 1px 0 10px;}
.contact-address-area .contpglbx .title {  font-size: 28px;}

/*single team*/

#innerpage-box .single-teambx { padding: 2em 0;}
#innerpage-box .singleinn-team .tmconbx {display: block;}
#innerpage-box .singleinn-team .team-box { margin-top: 2em;}
#innerpage-box .singleinn-team .team_inimg img { height: auto;}

/*single service*/
#innerpage-box .sersinglbx .serimgbx { width: 100%; margin: 0.4em 0 1em 0; padding: 0;}
#innerpage-box .sersinglbx img {height: auto;}
#innerpage-box .sersinglbx .serconbx {width: 100%; padding: 0 0px; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images
{width: 100% !important;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary{width: 100% !important;}
#innerpage-box .product_title { font-size: 24px !important;}
.product .product-short-description p { font-size: 16px;}
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, 
.woocommerce .upsells.products ul.products li.product, 
.woocommerce-page .upsells.products ul.products li.product, 
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul li.product {
    width: 48% !important;
    margin-right: 2% !important;
}
}

@media screen and (max-width: 766px){
.blog-area .blog-post:nth-child(2), .blog-area .blog-post:nth-child(3), 
.blog-area .blog-post:nth-child(4) { grid-column: span 6; grid-row: span 1;}
.blog-area .blog-post:nth-child(1) .inner-area-title { font-size: 18px;}
.blog-area .blog-post:nth-child(1) .blog-image img {height: 256px;}

}

@media screen and (max-width: 650px){
#innerpage-box .testimonial-wrapper { grid-template-columns: repeat(1, 1fr);}
#innerpage-box .tsarea-inn { padding: 2px 10px 10px 10px;}
#innerpage-box .ts-area-content p {  font-size: 16px;}
.footer-area .single-footer-1,.footer-area .single-footer-2,.footer-area .single-footer-3,
.footer-area .single-footer-4,.footer-area .single-footer-5{width: 100%;}
.footer-area .cntpgdtbx { width: 100%;}
.footer-area .f-detalbx { margin: 10px 0 16px;}
.footer-area .f-social {width: 100%; }
.footer-area .footer-text {width: 100%; text-align: left;}
.footer-area .bottom-area{padding: 10px 0 10px; }
}

@media screen and (max-width: 600px){
#oursteps .oursteps-bx:nth-child(even) {  margin-top: 0em;}
#oursteps .oursteps-bx:nth-child(odd) {  margin-bottom: 0em;}
#oursteps .oursteps-bx {   padding: 0 0px;  width: 100%;margin: 0em 0 1.4em 0 !important;}
#difference .image-comparison__figure:not(.image-comparison__figure--overlay), 
#difference .image-comparison__figure img { height: 300px; }
#testimonials .single-ts-bx {  width: 100%; padding: 0;}

}

@media screen and (max-width: 580px){  
.ht-portfolio{ width: 50%; padding: 4px;}
.feature-area .f-bx {width: 90%;}
#banner2 .section-heding p { margin: 0 0% 0px;}
#banner2 a.view,
#banner2 a.book { padding: 10px 20px 10px 20px;}
/*.footer-area .s-footer {  padding: 0 4px 0 0;}*/

}

@media screen and (max-width: 575px){
header .second-featured-image { width: 220px; height: 160px;}
.logo { width: 50%;}
header .h-bttn { width: 38%;text-align: left;}
header .h-bttninn {right: 2px;gap: 4px;}
header .h-bttn .gt { padding: 6px 8px;border-radius: 6px; font-size: 14px;}
header .head-menu { width: 12%;}
.page-main-header p { margin: 10px 0% 4px;font-size: 15px;}

#service .section-title ,#oursteps .section-title ,#ourvideo-section .section-title ,#team .section-title,
#featuredproducts .section-title,#difference .section-title,#testimonials .section-title,.blog-area .section-title,
.feature-area .section-title { width: 100%;}

#team .section-title h3,.blog-area .section-title h3,
#service .section-title h3,#oursteps .section-title h3,#ourvideo-section .section-title h3,
#featuredproducts .section-title h3,#difference .section-title h3,#testimonials .section-title h3,
.feature-area .section-title h3 {  margin: 0px 0 4px 0;font-size: 2.4rem;}

#team .section-title p,.blog-area .section-title p,
#featuredproducts .section-title p,#difference .section-title p,#testimonials .section-title p,
#service .section-title p,#oursteps .section-title p,#ourvideo-section .section-title p,
.feature-area .section-title p { font-size: 16px;}

#ourvideo-section .video-icon { top: 28%;}
#ourvideo-section .video-icon i { font-size: 24px; width: 60px; height: 60px; line-height: 60px;}
#ourvideo-section .vb-brd { width: 90px; height: 90px; top: -76px;}
#ourvideo-section .vb-brd1 { width: 90px; height: 90px; top: -166px;}

.counter-area .single-top{width: 100%;}

#team .single-team { width: 50%;}

.blog-area .blog-post:nth-child(2), 
.blog-area .blog-post:nth-child(3), 
.blog-area .blog-post:nth-child(4) { grid-column: span 12; grid-row: span 1;}
.blog-area .blog-post:nth-child(1) .blog-image { width: 100%;}
.blog-area .blog-post:nth-child(1) .blog-single { width: 100%;}
.blog-area .bttn {  margin-top: 1px;}

/*.footer-area .s-footer{width: 100%;}*/

#innerpage-box .cntpgdtbx{width: 100%;padding: 0;}
#innerpage-box .contact-address-area .condetal { margin: 0 0 0em 0;}
#innerpage-box .serhed .title,#innerpage-box .testihed .title,
#innerpage-box .tmhed .title { font-size: 2em;}
#innerpage-box .serhed p,#innerpage-box .testihed p,
#innerpage-box .tmhed p { font-size: 15px; }

.widget-area a { padding: 6px 0 6px 10px;}

/*single*/
#innerpage-box .singleinn-team .exp { right: -2px;}

}

@media screen and (max-width: 520px){
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 16px;}
header .woocommerce-breadcrumb:before, .breadcrumbbox .button:before{left: 14px; top: 16px; padding: 4px;}
#innerpage-box .innertest-item { width: 100%;padding: 0 1px;}
/*.s-footer {  margin-bottom: 1em;}*/
}

@media screen and (max-width: 525px){
#difference .image-comparison__slider-wrapper { border-radius: 20px;}
#difference .image-comparison__figure:not(.image-comparison__figure--overlay), 
#difference .image-comparison__figure img { height: 300px; }
}

@media screen and (min-width: 320px) and (max-width: 475px){
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{ font-size: 20px !important;}
.single-productpage .innerpage-whitebox{ padding: 0;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product { width: 30.75%; width: 100% !important;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    margin-bottom: 10px;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,
header.site-header input[type="submit"]{right: 0;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
#banner-section .imgbx img { height: 300px;}
#banner-section .banner_titlehigh, #banner-section .banner_title { font-size: 2rem; }
#banner-section .Lbx p { font-size: 16px;}
#banner-section a.bt1{font-size: 16px; padding: 8px 12px;}

.feature-area .f-bx {width: 97%;}

.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title{ font-size: 28px !important;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 16px;}
body {   position: inherit; }
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
.single-header-info { text-align: center; padding: 0;}
#team .single-team { width: 100%;}
#innerpage-box .inner-team { width: 100%;}
#innerpage-box .imgbx img {height: auto !important;}

/*single service*/
#innerpage-box .sersinglbx .title {font-size: 24px;}
}

@media screen and (max-width: 450px){
.counter-area .single-top {  width: 100%;padding: 0;}
}

@media screen and (max-width: 425px){
header .second-featured-image { width: 175px; height: 140px;}
.ht-site-title, .site-title { font-size: 20px;}
.feature-area .fea-title { font-size: 21px;}
#ourvideo-section .video-img img { width: 100%;  height: 320px; border-radius: 20px;}

#innerpage-box .serbx { padding: 20px 15px ;}
#innerpage-box .gallery-inn,
#gallery .homegalry { column-count: 1;}
}



@media screen and (max-width: 375px){
header .second-featured-image {width: 200px;height: 150px;}
#content-box li.product-category.product { width: 100%;}
header .js-nav-toggle {  width: 34px !important;  height: 34px !important; }
#banner-section .rankbx { right: -14%; }
#banner2 .section-heding h3 { font-size: 2.8rem; }
.feature-area .fea-single {padding: 16px 12px;}
.feature-area .fea-icon span { width: 54px; height: 54px; line-height: 54px; font-size: 24px;}

}

@media screen and (min-width: 320px) and (max-width: 375px){
.navicon { top: -60px !important;}
.page_featured { 
    margin-bottom: 1em; 
    padding: 2em 4em;
}
}

@media screen and (max-width: 374px){ 
header .h-phbx{display: none;}

 }

@media screen and (min-width: 320px) and (max-width: 320px){
.header-transparent .is-fixed .main-bar h1.ht-site-title { top: 45px;}

.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}
.woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
.star-rating {padding-top: 9px;}
.toggle-bar {right: 25px !important;}
.total-count { padding: 18px 36px;}
.total-count .count { right: 24px;}
.total-count .count {right: 10px;}
.total-count { padding: 18px 20px;}
.page_featured {
    margin-bottom: 0em;
}
}

main#innerpage-box .tagcloud a {
    border-radius: 5px;
    padding: 4px;
    display: inline-block;
}
div#secondary select option{ background: transparent;}
body.home.blog .page-main-header img {display: none;}
.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{ padding: 5px 0;}
h1.product_title.entry-title { word-break: break-word;}
.select2-container--default .select2-selection--single,div#payment,
#coupon_code{ background: transparent !important;}
#content-box li.blocks-gallery-item:before {  content: none;}
div#content-box li.blocks-gallery-item figure img {  padding: 5px;  margin-bottom: 0;}
div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover{  opacity: 0.7;}
main#innerpage-box ul.children { border: 0; margin-left: 2em;}
.woocommerce-MyAccount-content .woocommerce-info {  background: transparent !important;}