/*
Theme Name: Courier Services
Theme URI: https://www.vwthemes.com/products/free-courier-services-wordpress-theme
Author: VWThemes
Author URI: https://www.vwthemes.com/
Description: Courier Services is a specialized WordPress theme designed for businesses in the logistics, Courier Services, Express Delivery, Same Day Delivery, International Courier, Fast Courier, Parcel Delivery, Local Courier Services, Overnight Delivery, Courier Shipping, Delivery Tracking, E-commerce Courier, Package Delivery, Courier Near Me, Door-to-Door Delivery, Reliable Courier Services, Courier Shipping Rates, Parcel Pickup, Freight Courier, Logistics Services, Online Courier Services, International Shipping, courier, and delivery sectors, Delivery Management, Logistics Solutions, Shipping Company, Parcel Delivery, Freight Services, Courier Tracking, Transport Solutions, Express Shipping, Package Handling, Delivery Network, Logistics Management, Distribution Services, Shipping Solutions, Freight Tracking. This theme provides a robust and professional solution for companies seeking to establish or enhance their online presence. It is tailored to meet the needs of courier service providers, parcel delivery companies, freight services, and related enterprises. Built with versatility and ease of use in mind, this theme is ideal for both experienced web developers and those with minimal technical expertise. Users can easily install and customize the theme to suit their brand, thanks to its intuitive interface and comprehensive documentation. The theme comes with pre-designed templates, customizable widgets, and multiple layout options, allowing users to create a unique and functional website without extensive coding knowledge. Key benefits of the Courier Services WordPress Theme include its responsive design, ensuring optimal performance and appearance on all devices, from desktops to smartphones. The theme also features integrated booking and tracking systems, enabling customers to book services and track their parcels directly from the website. Additionally, it usually supports various plugins to enhance functionality, such as SEO tools, contact forms, and social media integrations. It also includes multiple color schemes and typography options, allowing businesses to align their websites look with their corporate identity. Demo: https://www.vwthemes.net/courier-services/
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.2
Version: 0.2.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: courier-services
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-patterns, block-styles, flexible-header, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, post-formats, rtl-language-support, blog, portfolio, education

Courier Services WordPress Theme has been created by VW Themes(vwthemes.com), 2024.
Courier Services WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

* {
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    position: relative;
    background-color: #fff;
    font-size: 15px;
    overflow: hidden;
    font-family: "Lato", sans-serif;
}

img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: 100%;
    height: auto;
}

section img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-weight: 600;
}

p {
    color: #8d8b8b;
    font-size: 15px;
}

a {
    text-decoration: none;
    color: #030934;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: #030934;
}

a:focus span,
a:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="phno"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus,
input[type="submit"]:focus,
#comments:focus,
select:focus,
.main-navigation ul ul a:focus,
.toggle-nav button:focus,
.main-navigation a:focus,
.toggle-nav button:focus,
button.close:focus,
#slider .owl-prev i:focus,
#slider .owl-next i:focus {
    outline: 2px solid #f30505 !important;
    text-decoration: none !important;
}

.close:focus,
.close:hover {
    color: #fff;
}

code {
    color: #212fcd;
}

:hover {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

input[type='submit']:hover {
    cursor: pointer;
}

.center {
    text-align: center;
    margin-bottom: 40px;
}

button {
    padding: 5px;
}

.home .middle-align {
    padding: 0;
}

.middle-align,
.blog .middle-align {
    margin: 0 auto;
    padding: 3em 0;
}

.wp-caption {
    margin: 0;
    padding: 0;
    font-size: 13px;
    max-width: 100%;
}

.wp-caption-text {
    margin: 0;
    padding: 0;
}

.sticky {
    margin: 0;
    padding: 0;
}

.sticky .post-main-box h2:before {
    content: '\f08d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 20px;
    font-size: 20px;
    color: #030934;
}

.gallery-caption {
    margin: 0;
    padding: 0;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 0;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-bottom: 10px;
    margin-left: 25px;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.alignnone,
img.alignnone {
    padding: 5px;
}

.comment-list .comment-content ul {
    list-style: none;
    margin-left: 15px;
}

.comment-list .comment-content ul li {
    margin: 5px;
}

p.comment-form-comment label {
    display: block;
}

.toggleMenu {
    display: none;
}

.bypostauthor {
    margin: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="phno"],
input[type="tel"],
input[type="password"],
textarea,
input#url {
    border: 1px solid #c8c8c8;
    width: 100%;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0 0 23px 0;
    height: auto;
}

textarea {
    height: auto;
}

input[type="submit"],
input.button {
    text-align: center;
    font-size: 15px;
    padding: 15px 30px;
    background: #ff7109;
    font-weight: bold;
    color: #fff;
    border: none;
}

div#respond {
    border-top: solid 1px #c8c8c8;
    margin-bottom: 18px;
}

h2#reply-title {
    margin-top: 20px;
}

/*---------- WIDE BLOCKS ------------*/

.alignwide {
    margin-left: -60px;
    margin-right: -60px;
}

.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.alignfull img {
    width: 100vw;
}

/*css for block-cover and block-image*/
.services .alignfull,
.services .alignwide {
    margin: 15px 0px;
}

.services .alignfull img {
    width: 100%;
}

/*without classic widgets plugin*/
#sidebar h3 a.rsswidget {
    margin-right: 10px;
}

#sidebar .wp-block-tag-cloud a {
    border: solid 1px #000;
    color: #000;
    font-size: 14px !important;
    padding: 10px 18px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

#sidebar .wp-block-tag-cloud a:hover {
    background: #030934;
    color: #fff !important;
    border: 1px solid transparent;
    transition: 0.1s;
}

.wp-block-post-comments-form .comment-reply-title {
    padding-top: 15px;
}

li#comment-2 {
    margin-bottom: 10px;
}

#sidebar .wp-block-latest-posts.wp-block-latest-posts__list,
#sidebar ul.sub-menu {
    display: block !important;
}

#tag-cloud-sec .tag-cloud-link {
    font-size: 16px !important;
    color: #fff !important;
    border: 1px solid;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    text-transform: capitalize;
    background: #030934 !important;
}

/*footer without classic widgets*/
#footer .widget {
    margin-top: 25px;
    margin-bottom: 25px;
}

#footer h3 {
    padding-bottom: 10px;
}

.custom-about-us a.custom_read_more {
    background: #030934;
    border-radius: 5px;
    padding: 10px 22px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.custom-about-us .custom_author {
    margin-bottom: 12px;
    margin-top: 12px;
}

#footer .wp-block-tag-cloud a {
    border: solid 1px #fff;
    color: #fff;
    font-size: 14px !important;
    padding: 10px 18px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

#footer .wp-block-tag-cloud a:hover {
    background: #030934;
    color: #fff !important;
    border: 1px solid transparent;
    transition: 0.1s;
}

#footer ul li a {
    color: #fff;
    font-size: 15px;
}

#footer .wp-block-latest-posts.wp-block-latest-posts__list,
#footer ul.sub-menu {
    display: block !important;
}

/*---------- ACCESSIBILITY ------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
    clip-path: none;
    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;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/* ------------ LOGO CSS ----------- */
p.site-title,
.site-description a {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}

.site-title a {
    font-size: 22px !important;
    font-weight: 600 !important;
}

p.site-title a,
.logo h1 a,
.logo p.site-description {
    color: #000;
}

p.site-title a:hover,
.logo h1 a:hover {
    color: #030934;
}

.menu-bar-sec i {
    color: #000;
}

/*plugin css*/
table.compare-list .add-to-cart td a:not(.unstyled_button) {
    background: #030934;
}

/*----------------- TOP HEADER ----------------*/
.more-btn a:hover,
input[type="submit"]:hover,
#comments input[type="submit"]:hover,
#comments a.comment-reply-link:hover,
.pagination .current,
.pagination a:hover,
#footer .tagcloud a:hover,
#sidebar .tagcloud a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.widget_product_search button:hover,
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: #00bbad;
    color: #fff;
    box-shadow: outset 0 0 0 2em #030934;
}

.admin-bar .home-page-header {
    margin-top: 32px;
}

.logo {
    position: relative;
    padding-bottom: 10px !important;
    padding-top: 10px;
}

.page-template-custom-home-page .top-header {
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    position: relative !important;
    z-index: 99;
    border-bottom: 2px solid transparent;
}

.top-header {
    border-bottom: 2px solid #030934;
    padding: 10px 0px;
}


.location p,
.location a,
.location-mail a {
    color: #fff;
}

.location i,
.location-mail i {
    color: #030934;
}

.skew-background {
    position: relative;
    padding: 20px;
    z-index: 0;
    border-radius: 10px;
}

.skew-background::before,
.skew-background::after {
    content: '';
    position: absolute;
    z-index: -1;
}

.skew-background::before {
    top: 0;
    left: 20px;
    bottom: 0;
    background: #000000;
    transform: skew(0deg, 0deg);
    transform-origin: center;
    border-radius: 10px;
    width: 100%;
}

.skew-background::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    transform: skew(20deg, 0deg);
    transform-origin: center;
    border-radius: 10px;
}

.slider-small-text {
    background: #030934;
    border-radius: 6px;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

/*topbar social icons*/
.topbar-social-icon h3 {
    display: none;
}

.topbar-social-icon .custom-social-icons {
    display: inline-flex;
    gap: 20px;
    justify-content: end;
}

.topbar-social-icon .custom-social-icons i {
    color: #fff;
}

.topbar-social-icon .custom-social-icons i:hover {
    color: #030934;
}

/* --------- MENUS CSS --------- */
#mySidenav {
    display: inline-block;
}

.main-navigation ul {
    margin: 0;
    padding: 0;
}

.main-navigation li {
    display: inline-block;
    position: relative;
}

.main-navigation li:before {
    content: none;
}

.main-navigation a {
    padding: 6px 12px;
    display: block;
    color: #888889;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
}

.main-navigation a:hover {
    color: #030934;
}

.main-navigation ul ul {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 200px;
    z-index: 9999;
    top: 100%;
    line-height: 30px;
    box-shadow: 0px 3px 4px 1px #eee;
}

.main-navigation ul li.page_item_has_children.focus ul,
.main-navigation ul li.menu-item-has-children.focus ul {
    opacity: 1;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0%;
}

.main-navigation ul ul a {
    color: #000;
    border-bottom: 1px solid #eaeaea;
    margin-top: 5px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.main-navigation ul.sub-menu a:hover {
    padding-left: 50px !important;
    background: transparent;
    box-shadow: none;
}

.main-navigation ul.sub-menu > li > a:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    margin-top: 15px;
    left: 0;
    opacity: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    background: #00bbad;
}

.main-navigation ul.sub-menu > li > a:hover:before {
    opacity: 1;
    left: 15px;
    width: 20px;
}

.main-navigation ul ul li {
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
}

.main-navigation ul ul li:last-child {
    border-bottom: 0;
}

.main-navigation .menu > ul > li.highlight {
    background-color: #006ccc;
}

.main-navigation .menu > ul > li.highlight:hover {
    background: transparent;
}

.main-navigation ul li:hover > ul {
    display: block;
}

/* --------- Header --------- */
.admin-bar .home-page-header {
    margin-top: 32px;
}

#sidebar .wp-block-search .wp-block-search__button:hover,
#comments input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.widget_product_search button:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce a.added_to_cart.wc-forward:hover {
    background: #030934 !important;
    color: #fff !important;
}

.myaccount a,
.search-box-sec a {
    border-left: 2px solid #010101;
}

.info-ctr p a {
    color: #000;
}

/* ------------ Social Media ----------- */
.social-media .custom_title {
    display: none;
}

.social-media {
    position: relative;
}

.social-media .custom-social-icons i {
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
    background: transparent;
    padding: 14px 0;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 45px;
    height: 45px;
    text-align: center;
}

.social-media .custom-social-icons i:hover {
    background-color: #030934;
    color: #333029;
}

.social-media .custom-social-icons {
    display: inline-flex;
    position: absolute;
    right: 10%;
    bottom: 100px
}

/* --------- SLIDER--------- */
#slider {
    margin-top: -6px;
    background: #000;
}

#slider .carousel-item.active {
    z-index: unset !important;
}

#slider img {
    background-size: 100% 100% !important;
    opacity: 0.6;
}

#slider:before {
    background: url(assets/images/shape.png) no-repeat;
    content: "";
    width: 100%;
    height: 42%;
    position: absolute;
    bottom: -64px;
    left: 0px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

#slider:after {
    background: url(assets/images/defaultbanner1.png) no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

#slider .carousel-item img {
    background-repeat: no-repeat;
    width: 100%;
    height: 635px;
    object-fit: cover;
}

#slider .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    text-align: start;
    left: 15%;
    right: 50%;
    z-index: 2;
}

#slider .carousel-control-next,
#slider .carousel-control-prev {
    width: 15%;
    opacity: 1;
}

#slider .carousel-control-next i,
#slider .carousel-control-prev i {
    color: #000;
    font-size: 16px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

#slider .carousel-control-next i:hover,
#slider .carousel-control-prev i:hover {
    background-color: #030934;
    color: #fff;
}

.slider-small-text {
    color: #fff;
    text-transform: uppercase;
}

.slide_splice,
.slide_desc {
    color: #fff;
}

.slider-btn1 a {
    background: transparent;
    border-radius: 6px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    border: 2px solid #fff;
}

.slider-btn1 a:hover {
    background: #030934;
}

.slider-btn2 a {
    background: transparent;
    border-radius: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}

#slider .carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: unset;
}

#slider .carousel-control-prev-icon i,
#slider .carousel-control-next-icon i {
    font-size: 25px;
    border: 2px solid #fff;
    border-radius: 50px;
    height: 60px;
    width: 60px;
    line-height: 2.2;
}

#slider .slider-indicator button {
    background: none;
    border: #fff;
    text-indent: unset !important;
    width: 140px !important;
    position: relative;
}

#slider .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 50%;
    left: -20em;
    z-index: 2;
    opacity: 1;
    display: flex;
    gap: 50px;
    flex-direction: column;
}

#slider button.active .count {
    background: #030934 !important;
}

#slider .carousel-control-next,
.carousel-control-prev {
    width: 7%;
    opacity: 1;
}

#slider .count {
    position: absolute;
    color: #fff;
    left: unset;
    right: 0;
    align-items: center;
    align-self: center;
    letter-spacing: 0px;
    top: 0;
    font-size: 35px;
    z-index: 99;
    font-size: 14px;
    border-radius: 30px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
}

#slider h2 {
    line-height: 40px;
    text-align: left;
}

#slider h2:after {
    content: '';
    background: url(./assets/images/border-img.png);
    padding-bottom: 20px;
    background-repeat: no-repeat;
    display: block;
    margin-top: 6px;
    left: 0;
    margin-right: auto;
    margin-left: 0;

}

/*contact form 7*/
.form-sec-slider .contact-form-info {
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    padding: 25px;
    position: relative;
    margin-top: -102px;
    background: #fff;
    z-index: 9;
}

.form-sec-slider .contact-form-info .address {
    font-size: 18px;
    font-weight: 600;
}

.pickup-address input,
.phone-numbers input,
.dropdown-menus input,
.phone-numbers input {
    padding: 0;
    border: none;
    margin-bottom: 0;
    color: #212121;
}

.pickup-address p,
.phone-numbers p,
.dropdown-menus p,
.form-btn p {
    margin-bottom: 0;
}

.dropdown-menus select {
    border: none;
    background: transparent;
}

button.btn.btn-appointment {
    background: #030934;
    border-radius: 6px;
    padding: 10px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
}

button.btn.btn-appointment:hover {
    background: #000;
}

.border-css {
    position: relative;
}

.border-css:after {
    content: "";
    position: absolute;
    right: 10px;
    z-index: 100;
    top: 12px;
    width: 1px;
    height: 70%;
    background: #00000029;
}

.phone-numbers input {
    width: 170px;
}

.pickup-address input::placeholder {
    color: #212121;
}

/*sevice section*/

#service-sec .service-heading {
    font-weight: 600;
    position: relative;
    text-align: center;
}

#service-sec h4 {
    color: #fff;
    font-size: 20px;
    text-align: start;
}

#service-sec h4 a,
.icon i {
    color: #fff;
}

.icon-post-heading {
    position: absolute;
    bottom: 22px;
    left: 17px;
    z-index: 9;
}

.icon {
    color: #fff;
    font-size: 30px;
    text-align: start;
    border: 2px solid;
    border-radius: 6px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.feature-box1 img {
    height: 320px;
    object-fit: cover;
    border-radius: 10px;
}

.feature-box1:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 315px;
    width: 100%;
    margin-top: 100px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background-color: #030934;
    opacity: .6;
    content: "";
    transition: .3s ease-in-out;
}

.feature-box1:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 315px;
    width: 100%;
    margin-top: 160px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background-color: #000;
    opacity: .6;
    content: "";
    transition: .3s ease-in-out;
}

.feature-box1:hover .icon {
    background: #030934;
    border: 1px solid #0000;
}

.feature-box1:hover::before {
    margin-top: 55px;
    opacity: .4;
    background-color: #030934;
}

.feature-box1:hover::after {
    margin-top: 110px;
    opacity: .5
}

/*owl*/
#service-sec .owl-dots {
    text-align: center;
    padding-top: 15px;
}

#service-sec .owl-dots button.owl-dot {
    width: 30px;
    height: 6px;
    display: inline-block;
    background: #000000;
    margin: 0 3px;
}

#service-sec .owl-dots button.owl-dot.active {
    background-color: #030934;
}

#service-sec .owl-dots button.owl-dot:focus {
    outline: none;
}

#service-sec .owl-nav button {
    position: absolute;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

#service-sec .owl-nav button:focus {
    outline: none;
}

/* --------- MENUS CSS --------- */
#mySidenav {
    display: inline-block;
}

.main-navigation ul {
    margin: 0;
    padding: 0;
}

.main-navigation li {
    display: inline-block;
    position: relative;
}

.main-navigation a {
    display: block;
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-transform: Uppercase;
    position: relative;
}

.main-navigation ul ul li a:hover,
.main-navigation li a:focus,
.main-navigation ul ul a:focus,
.main-navigation ul ul a:hover {
    color: #000;
}

.main-navigation ul ul li.current_page_item,
.main-navigation ul ul li a:hover {
    background-color: transparent;
}

.main-navigation ul ul {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 200px;
    z-index: 9999;
    top: 100%;
    line-height: 30px;
    box-shadow: 0px 3px 4px 1px #eee;
    border-radius: 5px;
    border-top: 2px solid #030934;
    border-bottom: 2px solid #030934;
}

.main-navigation ul li.page_item_has_children.focus ul,
.main-navigation ul li.menu-item-has-children.focus ul {
    opacity: 1;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0%;
}

.main-navigation li.current_page_item {
    padding: 0 !important;
}

.main-navigation ul a {
    color: #000;
    border-bottom: 1px solid transparent;
    margin-top: 5px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.main-navigation ul.sub-menu a:hover {
    padding-left: 50px !important;
    background: transparent;
    box-shadow: none;
}

.main-navigation .current_page_item a {
    border-radius: 0;
}

.main-navigation ul.sub-menu > li > a:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    margin-top: 15px;
    left: 0;
    opacity: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    background: #000;
    top: auto;
    bottom: auto;
}

.main-navigation ul.sub-menu > li > a:hover:before {
    opacity: 1;
    left: 15px;
    width: 20px;
}

.main-navigation ul.sub-menu > li > a:after,
.main-navigation ul.sub-menu > li > a:hover:after {
    content: none;
}

.main-navigation ul ul li {
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0 !important;
}

.main-navigation ul ul li:last-child {
    border-bottom: 0;
}

.main-navigation ul li:hover > ul {
    display: block;
}

.main-navigation .menu > ul > li.highlight {
    background-color: #006ccc;
}

.main-navigation .menu > ul > li.highlight:hover {
    background: transparent;
}

.main-navigation li {
    position: relative;
    padding: 8px 8px !important;
}

.main-navigation ul ul li.current_page_item a {
    padding-bottom: 8px;
    border-bottom: none
}

.search-box i {
    color: #fff;
}

/*---------Sticky Header---------*/
.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    border-bottom: 2px solid #385cff;
}

body.page-template-custom-home-page.admin-bar .header-fixed,
body.admin-bar .header-fixed {
    margin-top: 30px !important;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #333;
}

.toggle-nav,
a.closebtn,
.social-icons h3.custom_title {
    display: none;
}

.sf-arrows .sf-with-ul:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    position: absolute;
    right: -2px;
    top: 10px;
}

/*WOOCOMMERCE NAVIGATION CSS*/
.woocommerce nav.woocommerce-pagination ul li a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #030934;
    transition: background .15s ease-in-out;
    font-weight: bold;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #000;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    padding: 12.5px 15px;
    background: #000;
    color: #fff;
    font-weight: normal;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    float: none;
    overflow: unset;
}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 20px;
}

/*Woocommerce star*/
.woocommerce ul.products li.product .star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
    color: #fdce38;
    left: 50%;
    margin-bottom: 10px;
    transform: translate(-50%);
}

.woocommerce ul.products li.product .star-rating:before {
    content: "\73\73\73\73\73";
    color: #fdce38;
    float: right;
    top: 0;
    left: 0;
    position: absolute;
}

.woocommerce ul.products li.product .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}

.woocommerce ul.products li.product .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

/* --------- BUTTONS--------- */
.more-btn a,
#comments input[type="submit"],
#comments a.comment-reply-link,
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.pro-button a,
.woocommerce a.added_to_cart.wc-forward {
    background-color: #030934;
    color: #fff;
    text-transform: capitalize;
    text-decoration: none !important;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 12px 20px 12px 20px !important;
    display: inline-block;
    border-radius: 6px;
}

.page-template-custom-home-page .topbar i.fas.fa-phone.me-2:hover,
.topbar i.fas.fa-phone.me-2:hover,
.pagination span:hover,
.pagination a:hover,
.post-nav-links span:hover,
.post-nav-links a:hover,
#comments input[type="submit"]:hover,
#comments a.comment-reply-link:hover,
.more-btn a:hover,
#comments a.comment-reply-link:hover,
.pagination a:hover,
#footer .tagcloud a:hover,
.pro-button a:hover {
    color: #fff !important;
    background: #000 !important;
}

.more-btn a:hover i {
    color: #030934 !important;
}

.woocommerce a.added_to_cart.wc-forward {
    margin-left: 10px;
    line-height: 1;
}

.top-icon i {
    background: #fff;
    color: #000;
    margin-left: 10px;
    padding: 8px 8px;
    border-radius: 6px;
}

/*----------- PRELOADER ----------*/
#preloader {
    background: #030934;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    height: 100%;
}

.loader-inner {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loader-line-wrap {
    animation: spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px;
}

.loader-line {
    border: 4px solid #ffffff;
    border-radius: 100%;
    box-sizing: border-box;
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loader-line-wrap:nth-child(1) {
    animation-delay: -50ms;
}

.loader-line-wrap:nth-child(2) {
    animation-delay: -100ms;
}

.loader-line-wrap:nth-child(3) {
    animation-delay: -150ms;
}

.loader-line-wrap:nth-child(4) {
    animation-delay: -200ms;
}

.loader-line-wrap:nth-child(5) {
    animation-delay: -250ms;
}

.loader-line-wrap:nth-child(1) .loader-line {
    height: 90px;
    width: 90px;
    top: 7px;
}

.loader-line-wrap:nth-child(2) .loader-line {
    height: 76px;
    width: 76px;
    top: 14px;
}

.loader-line-wrap:nth-child(3) .loader-line {
    height: 62px;
    width: 62px;
    top: 21px;
}

.loader-line-wrap:nth-child(4) .loader-line {
    height: 48px;
    width: 48px;
    top: 28px;
}

.loader-line-wrap:nth-child(5) .loader-line {
    height: 34px;
    width: 34px;
    top: 35px;
}

@keyframes spin {

    0%,
    15% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.elementor-page #preloader {
    display: none;
}

/* --------- FOOTER ------- */
#footer .tagcloud a {
    border: solid 1px #ffffff;
    color: #ffffff;
    font-size: 14px !important;
    padding: 6px 12px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

#footer .tagcloud a:hover {
    background: #030934 !important;
    border: solid 1px #030934;
}

#footer input[type="submit"] {
    margin-top: 0;
    font-size: 15px;
    width: 100%;
    background: #030934;
    color: #fff;
    border-radius: 0;
}

#footer label,
iframe,
.entry-audio audio,
#our-services iframe,
#sidebar input[type="submit"],
span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-page form .password-input,
.woocommerce label {
    width: 100%;
}

#footer .search-form .search-field {
    width: 100%;
    border: solid 1px #ffffff;
    background: transparent;
    color: #fff;
}

#footer caption,
#sidebar caption {
    color: #ffffff;
    font-size: 20px;
}

#footer table {
    width: 100%;
}

#footer table,
#footer th,
#footer td {
    border: 1px solid #ffffff;
    text-align: center;
}

#footer td,
#sidebar td {
    padding: 7px;
    color: #ffffff;
}

#footer th {
    text-align: center;
    padding: 10px;
    color: #fff;
}

#footer nav.wp-calendar-nav a {
    color: #fff;
}

#footer ul li {
    list-style: none;
    padding: 5px 0;
    font-size: 15px;
}

#footer ul {
    margin: 0;
    padding-left: 0;
}

#sidebar select,
#footer select {
    padding: 10px 5px;
    width: 100%;
}

.sub-title {
    margin: 5em 0 0 0;
    line-height: 2em;
}

#footer {
    background: #121212;
}

#footer-2 {
    background: #030934;
}

#footer h3,
#footer .wp-block-search .wp-block-search__label {
    font-size: 30px;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
    margin-bottom: 30px;
}

#footer .wp-block-search .wp-block-search__inside-wrapper,
#sidebar .wp-block-search .wp-block-search__inside-wrapper {
    flex-wrap: wrap;
    display: block;
}

#footer .wp-block-search .wp-block-search__input,
#sidebar .wp-block-search .wp-block-search__input {
    padding: 10px 10px;
    font-size: 15px;
    margin-bottom: 10px;
    color: #4d4749;
    border: solid 1px #e1e1e1;
    width: 100%;
    border-radius: 3px;
}

#footer .wp-block-search .wp-block-search__button,
#sidebar .wp-block-search .wp-block-search__button {
    background: #030934;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    width: 100%;
    margin-left: 0;
    border-radius: 5px !important;
}

#footer p,
#footer li a,
#footer,
#footer h3,
#footer a.rsswidget,
#footer #wp-calendar a,
.copyright a,
#footer .custom_details,
#footer ins span,
#footer .tagcloud a,
.main-inner-box span.entry-date a,
nav.woocommerce-MyAccount-navigation ul li:hover a {
    color: #fff;
    font-size: 15px;
}

.copyright .widget {
    text-align: center;
    margin-top: 10px !important;
}

.copyright .custom-social-icons {
    display: inline-flex;
}

.copyright p {
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
}

.copyright .custom-social-icons i {
    margin-left: 12px;
    font-size: 18px;
    background: transparent !important;
    color: #fff !important;
}

.copyright .custom-social-icons .custom_title {
    display: none;
}

.copyright a:hover {
    color: #000;
}

.scrollup i {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 70px;
    right: 15px;
    font-size: 25px;
    display: none;
    background: #030934;
    z-index: 999;
    color: #fff;
    padding: 12px;
    border-radius: 50px;
}

.scrollup.left i {
    left: 10px;
}

.scrollup.center i {
    left: 50%;
    right: 50%;
}

/* --------- BLOG PAGE ------- */
.box-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0;
}

.post-main-box,
.grid-post-main-box {
    border: 1px solid #030934;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    border-radius: 12px;
}

.post-main-box:hover h2 a,
.post-main-box:hover .post-info span a,
.single-post .post-info:hover a,
.middle-bar h6,
.grid-post-main-box:hover h2 a,
.grid-post-main-box:hover .post-info span a {
    color: #030934;
}

.post-main-box h2 a,
.post-main-box p,
.grid-post-main-box h2 a,
.grid-post-main-box p {
    color: #000;
}

.post-main-box h2,
.grid-post-main-box h2 {
    font-size: 25px;
}

.new-text p {
    line-height: 26px;
}

.new-text h2 {
    font-size: 30px;
    letter-spacing: 1px;
}

.post-info {
    font-size: 12px;
    background: #F6F6F6;
}

.single-post .post-info {
    background: #F6F6F6;
}

.post-info span {
    margin-right: 1%;
}

.post-info span a,
span.entry-comments,
span.entry-time {
    font-weight: bold;
    letter-spacing: 1px;
    color: #222;
    font-size: 13px;
}

.post-info i {
    color: #222;
}

.tags-bg a {
    text-decoration: none !important;
    font-weight: 400;
    color: #121212 !important;
    background: #f8f8f8;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
    text-shadow: none;
    line-height: 3.5;
    padding: 8px;
    margin: 5px;
    font-size: 15px;
}

.tags-bg a:hover {
    color: #030934 !important;
}

.nav-links {
    margin-bottom: 20px;
}

.related-post h2 {
    margin-top: 20px !important;
}

.related-post .post-main-box {
    padding: 30px 20px !important;
}

.post-main-box .more-btn a {
    display: inline-block;
    cursor: pointer;
}

/* --------- POST --------- */
h2#reply-title {
    text-align: left;
    margin-bottom: 0;
    text-transform: none;
}

.breadcrumbs {
    padding: 30px 0;
}

.breadcrumbs a,
.post-categories li a,
.breadcrumbs span {
    background: #030934;
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 8px;
    display: inline-block;
    font-weight: 600;
}

.breadcrumbs a:hover,
.post-categories li a:hover {
    background: #030934;
}

/*------------------ category ----------------*/
.post-categories li,
.single-post ul {
    display: inline-block;
    padding-left: 0;
}

.single-post-category span {
    font-weight: 600;
}

/*-------------- Comments BOX------------- */
#comments ol.children img {
    width: 30px;
}

#comments ol {
    list-style: none;
    padding-left: 0;
}

#comments {
    margin-top: 30px;
}

#comments h2.comments-title {
    font-size: 20px;
    font-weight: bold;
    border-top: 2px dotted #7e7e7e;
    padding: 40px 0 0 0;
}

#comments h3.comment-reply-title {
    font-size: 20px;
    font-weight: bold;
    clear: both;
}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea,
input#url {
    width: 100%;
    padding: 12px 10px;
    font-size: 18px;
    margin: 20px 0 0 0;
}

#comments input[type="submit"],
#comments a.comment-reply-link {
    padding: 10px 20px;
    text-decoration: none;
}

#comments ol li {
    width: 100%;
    list-style: none;
    margin: 0 0 20px !important;
    padding: 20px !important;
    background: #fff;
    display: inline-block;
    border: solid 1px #f0f0f0;
}

.comment-meta.commentmetadata {
    float: right;
    width: 50%;
    text-align: right;
}

#comments .reply {
    float: left;
    margin-bottom: 15px;
}

#comments .comment-author {
    width: 50%;
    float: left;
}

#comments .comment-metadata {
    width: 90%;
    float: left;
    padding: 1% 0 0 0;
}

#comments .comment-content {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0;
}

#comments .comment-content p {
    width: 100%;
    float: left;
    color: #000;
}

/*blog post navigation css*/
nav.navigation.posts-navigation .nav-previous a {
    padding: 15px 15px;
    color: #fff !important;
    font-size: 15px;
    line-height: 13px;
    font-weight: bold;
    text-align: left;
    background: #030934;
}

nav.navigation.posts-navigation .nav-next a {
    padding: 15px 15px;
    color: #fff;
    font-size: 15px;
    line-height: 13px;
    font-weight: bold;
    text-align: right;
    background: #030934;
}

nav.navigation.posts-navigation .nav-previous a:hover,
nav.navigation.posts-navigation .nav-next a:hover {
    background: #000;
}

nav.navigation.posts-navigation .nav-previous,
nav.navigation.posts-navigation .nav-next {
    margin-top: 0;
}

/*------------ Sidebar------------------- */
#sidebar ul li::before {
    content: "" !important;
    font-family: 'FontAwesome' !important;
    margin-right: 10px !important;
    height: 8px !important;
    width: 8px !important;
    background: #030934 !important;
    display: inline-block !important;
    transform: rotate(45deg);
}

#sidebar .custom-social-icons {
    text-align: center;
    padding: 25px;
}

#sidebar .custom-social-icons p,
#footer .custom-social-icons p {
    margin-bottom: 30px !important;
    display: inline-block;
}

#sidebar .custom-social-icons a,
#footer .custom-social-icons a {
    padding: 10px 15px;
    color: #fff;
    background: #030934;
}

#sidebar .custom-social-icons a:hover,
#footer .custom-social-icons a:hover,
#footer input[type="submit"]:hover {
    background: #030934;
    color: #333029;
}

#sidebar h3.custom_title {
    margin-bottom: 25px;
    padding: 15px;
}

#sidebar caption {
    color: #151821;
    font-size: 20px;
}

#sidebar table,
#sidebar th,
#sidebar td {
    border: 1px solid #e1e1e1;
    text-align: center;
}

#sidebar td {
    padding: 7px;
    color: #151821;
}

#sidebar th {
    text-align: center;
    padding: 5px;
    color: #151821;
}

#sidebar select,
.woocommerce .woocommerce-ordering select {
    padding: 10px 5px;
    border: solid 1px #e1e1e1;
    color: #151821;
    background: transparent;
}

#sidebar h3,
#sidebar .widget_block h3,
#sidebar h2,
#sidebar label.wp-block-search__label {
    font-size: 30px;
    padding: 8px 0px !important;
    border-bottom: 3px solid #d7d7d7;
    position: relative;
}

#sidebar .wp-block-search__inside-wrapper,
#sidebar .wp-block-latest-comments {
    margin-top: 20px;
}

#sidebar h3:before,
#sidebar .widget_block h3:before,
#sidebar h2:before,
#sidebar label.wp-block-search__label:before {
    background: #030934;
    position: absolute;
    content: "";
    height: 3px;
    width: 25%;
    bottom: -2px;
    left: 0;
}

#sidebar .widget_block h3,
#sidebar h2 {
    padding: 15px;
}

#sidebar input[type="search"],
input.search-field {
    font-size: 15px;
    margin-bottom: 10px;
    color: #151821;
    border: 1px solid #e1e1e1;
    background: #f7f7fd;
    width: 100%;
    padding: 10px;
    border-radius: 0px;
}

#sidebar label {
    margin-bottom: 0;
    width: 100%;
}

#sidebar .widget {
    border: 1px solid #030934;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    margin-bottom: 30px !important;
    padding: 18px 18px !important;
    border-radius: 12px;
    border-top: 1px solid #030934;
    border-left: 1px solid #030934;
    border-right: 1px solid #030934;
    border-bottom: 5px solid #030934;
}

#sidebar .widget p {
    color: #000;
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar ul li {
    color: #000;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
    line-height: 43px;
}

#sidebar ul li:hover {
    margin-left: 10px;
    transition: 0.5s;
    color: #030934;
}

#sidebar ul li a {
    color: #000;
    font-size: 15px;
}

#sidebar .tagcloud a {
    border: solid 1px #000;
    color: #000 !important;
    font-size: 14px !important;
    padding: 10px 18px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

#sidebar .tagcloud a:hover {
    background: #030934;
    color: #fff;
    border: 1px solid transparent;
    transition: 0.1s;
}

#sidebar h3 a.rsswidget {
    color: #000;
}

.tag-cloud-link {
    font-size: 16px !important;
    color: #fff !important;
    border: 1px solid;
    padding: 4px;
    margin: 10px;
}

.nav-previous,
.nav-next {
    float: left;
    width: 50%;
    margin: 1% 0 0 0;
}

.nav-next {
    text-align: right;
    font-size: 18px;
}

.nav-previous {
    text-align: left;
    font-size: 18px;
}

.woocommerce-page #sidebar {
    margin-top: 20px;
}

.hidden-title-form .edit-title-buttons {
    top: calc(50% - 26px);
}

.woocommerce ul.products li.product {
    padding: 30px 20px 20px 20px;
    border: 1px solid #D8D8D8;
    text-align: center;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.woocommerce ul.products li.product a img {
    max-height: 300px;
    object-fit: contain;
}

/*------------ PAGE CSS -------------*/
.post-main-box:hover h3 a,
#sidebar ul li a:hover,
#footer li a:hover,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title,
.post-navigation a:hover,
.post-navigation a:focus {
    color: #030934;
}

.error404 .page-content {
    text-align: center;
    margin: 30px 0 40px 0;
}

#content-vw a,
.entry-content a,
.widget_text a,
.woocommerce-page .entry-summary a,
.comment-content p a {
    text-decoration: underline;
}

.woocommerce-page .entry-summary a {
    text-decoration: none !important;
}

.wishlist_table tr td,
.wishlist_table tr th.product-checkbox,
.wishlist_table tr th.wishlist-delete {
    text-align: left !important;
}

.woocommerce table.shop_table th {
    font-size: 16px !important;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table {
    font-size: 16px !important;
}

.woocommerce a.remove {
    text-decoration: none !important;
}

.woocommerce-error {
    border-top-color: #030934;
}

.woocommerce-error::before {
    color: #030934;
}

.woocommerce div.product form.cart {
    margin-bottom: 10px;
}

.yith-wcwl-add-button > a i {
    margin-right: 0;
}

/*------------- PAGINATION CSS --------------*/

p.post-nav-links,
.post-nav-links span,
.post-nav-links a {
    float: unset !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.pagination {
    clear: both;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    float: right;
    font-weight: bold;
    width: 100%;
    margin-bottom: 30px;
}

.pagination span,
.pagination a,
.post-nav-links span,
.post-nav-links a {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    padding: 10px 15px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #030934;
    border-radius: 0;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.pagination a:hover,
.pagination .current {
    background: #030934;
    color: #fff;
}

.pagination .current {
    padding: 10px 15px;
    font-weight: bold;
}

.post-navigation,
.post-navigation,
.nav-previous,
.related-post,
#respond,
.clear {
    clear: both;
}

.nav-previous {
    float: left;
    width: 50%;
}

.post-navigation .current .screen-reader-text {
    position: absolute !important;
}

.post-navigation a {
    color: #151821;
    display: block;
}

.post-navigation span.meta-nav {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 15px;
    color: #000;
}

.post-navigation span.meta-nav:hover {
    color: #030934;
}

.nav-previous span.meta-nav:before {
    content: "\f30a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
    margin-right: 10px;
}

.nav-next span.meta-nav:after {
    content: "\f30b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
    margin-left: 10px;
}

.post-navigation span {
    display: block;
}

.post-navigation .meta-nav {
    color: #686868;
    font-size: 13px;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}

.post-navigation .post-title {
    display: none;
}

.post-navigation:before {
    right: 0;
}

.post-navigation:after {
    right: 54px;
}

.post-navigation .nav-links {
    position: relative;
}

.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
    color: #fff;
    font-size: 32px;
    line-height: 51px;
    opacity: 0.3;
    position: absolute;
    width: 52px;
    z-index: 1;
}

.post-navigation .page-numbers {
    display: inline-block;
    line-height: 1;
    margin: 0 0.7368421053em 0 -0.7368421053em;
    padding: 0.8157894737em 0.7368421053em 0.3947368421em;
    text-transform: uppercase;
}

.post-navigation .current {
    display: inline-block;
    font-weight: 700;
}

.post-navigation .prev,
.post-navigation .next {
    background: #1a1a1a;
    color: #fff;
    display: inline-block;
    height: 52px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 52px;
    z-index: 2;
}

.post-navigation .prev:before,
.post-navigation .next:before {
    font-size: 32px;
    height: 53px;
    line-height: 52px;
    position: relative;
    width: 53px;
}

.post-navigation .prev:hover,
.post-navigation .prev:focus,
.post-navigation .next:hover,
.post-navigation .next:focus {
    background: #007acc;
    color: #fff;
}

.post-navigation .prev:focus,
.post-navigation .next:focus {
    outline: 0;
}

.post-navigation .prev {
    right: 54px;
}

/*------------- WOOCOMMERCE CSS --------------*/
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
    color: #151821;
}

.widget_product_search button {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 18px 15px 14px;
    background: #000;
    font-weight: bold;
    color: #fff;
    border: none;
    width: 100%;
}

.woocommerce .star-rating span,
.woocommerce p.stars a {
    color: #feaf18;
}

.woocommerce .products .star-rating {
    font-size: 15px !important;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 5px;
}

.woocommerce span.onsale {
    top: 15px !important;
    border-radius: 5px;
    min-height: 2em;
    min-width: 4em;
    line-height: 2;
    left: 8px !important;
    background: #030934;
    color: #fff;
}

.woocommerce div.product span.onsale {
    left: 20px !important;
    right: auto !important;
    top: 20px !important;
}

h2.woocommerce-loop-product__title {
    font-size: 18px !important;
    padding: 0px 0 10px 0 !important;
    font-weight: 500;
}

.woocommerce div.product .product_title {
    font-size: 25px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    color: #000;
    font-size: 16px;
    margin-top: 0px;
}

.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    margin-bottom: 5px;
}

.woocommerce .quantity .qty {
    width: 5em;
    padding: 7px;
    border: solid 2px #000;
    color: #000;
}

.woocommerce div.product form.cart div.quantity {
    margin-right: 10px;
}

.col-1,
.col-2 {
    max-width: 100%;
}

nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 0;
}

nav.woocommerce-MyAccount-navigation ul li {
    padding: 12px 20px;
    margin-bottom: 10px;
    background: #030934;
    color: #fff;
}

nav.woocommerce-MyAccount-navigation ul li:hover {
    background: #030934;
    color: #333029 !important;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    text-decoration: none !important;
    font-weight: 600;
}

.woocommerce .woocommerce-ordering select {
    padding: 5px;
    font-size: 12px;
    background: #fff;
}

span.posted_in {
    display: block;
    margin-top: 10px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 22%;
    display: inline-block;
    margin: 5px;
}

.woocommerce-message,
.woocommerce-info {
    border-top-color: #030934;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #030934;
}

.related.products ul li {
    width: 29% !important;
}

.woocommerce #comments p {
    float: none;
    margin-top: 0px !important;
}

.woocommerce #comments ol li {
    padding: 0 !important;
}

.woocommerce input#password {
    border: 1px solid #bcbcbc;
}

.woocommerce ul.products li.product .button {
    margin-top: 5px;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table {
    border-color: 1px solid rgba(0, 0, 0, .1);
}

.woocommerce .select2-container--default .select2-selection--single,
.woocommerce input#billing_phone {
    padding: 10px;
    border-radius: 0px;
    border: 1px solid #bcbcbc;
}

.woocommerce .select2-container--default .select2-selection--single {
    padding: 10px 10px 30px 10px;
}

.woocommerce .select2-container .select2-selection--single,
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}

.woocommerce #payment {
    margin: 0 0 30px 0;
}

.woocommerce ul.products li.product .button,
.woocommerce a.added_to_cart.wc-forward {
    margin-top: 5px;
    border-radius: 6px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 115px !important;
    padding: 7px 0px 7px 8px !important;
    margin: 0px 10px 0px 0 !important;
}

.woocommerce ul.products li.product a {
    text-decoration: none !important;
}

.woocommerce td.product-name a {
    text-decoration: none !important;
}

.form-row.place-order .woocommerce-privacy-policy-text p {
    color: #000;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 15px !important;
}

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

.wishlist_table .product-stock-status span.wishlist-in-stock {
    color: #030934;
}

/*cart and checkout css*/
.wc-block-cart__submit-container {
    position: static !important;
}

.wp-block-woocommerce-cart.alignwide {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
    padding: 10px;
    border-radius: 6px !important;
}

.wc-block-grid__product .wc-block-grid__product-title {
    color: #000 !important;
    font-size: 22px !important;
    text-decoration: none !important;
}

.wc-block-grid__product-onsale {
    background: #030934 !important;
    padding: 8px !important;
    border: none !important;
}

.wc-block-grid__product-onsale span {
    color: #fff !important;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button,
a.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__button {
    background-color: #030934 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 10px;
    border: none !important;
    padding: 10px;
}

.wc-block-components-checkout-return-to-cart-button svg {
    left: 3% !important;
}

a.wc-block-components-checkout-return-to-cart-button {
    padding: 15px 12px 15px 30px !important;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
a.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-components-checkout-place-order-button:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items,
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #dee2e6 !important;
    padding: 10px;
}

.wp-block-woocommerce-cart .wc-block-cart-items__header-image,
.wc-block-cart-items__header-total {
    padding: 10px !important;
}

.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container {
    margin-top: 20px;
}

.wp-block-woocommerce-cart .wc-block-components-product-badge {
    background-color: #030934 !important;
    color: #fff !important;
    padding: 10px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    border-color: transparent;
}

a.wc-block-components-product-name,
.wc-block-components-product-name {
    font-size: 22px !important;
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.wc-block-components-order-summary-item__quantity {
    background-color: #030934 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0% !important;
}

/*my account address button css*/
header.woocommerce-Address-title.title a,
a.added_to_cart.wc-forward {
    background-color: #030934;
    border-radius: 6px !important;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 12px 20px !important;
}

a.added_to_cart.wc-forward:hover,
header.woocommerce-Address-title.title a:hover,
#tag-cloud-sec .tag-cloud-link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover:hover {
    background: #000 !important;
    color: #fff;
}

#tag-cloud-sec .tag-cloud-link {
    font-size: 16px !important;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    text-transform: capitalize;
    background-color: #030934;
    border-radius: 6px !important;
    color: #ffffff !important;
}

#tag-cloud-sec ul {
    display: flex;
    justify-content: center;
}

/*remove cart css*/
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
    font-size: 14px;
    text-transform: capitalize;
}

a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.wc-block-grid__product-title {
    border-bottom: none;
    color: #000 !important;
    font-size: 18px !important;
}

.wc-block-grid__product-onsale {
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    background: #030934 !important;
    padding: 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    border-color: #030934 !important;
}

span.woocommerce-Price-amount.amount {
    font-size: 14px;
}

li.wc-block-grid__product {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 13px;
    max-width: 22% !important;
}

@media screen and (max-width:767px) {
    li.wc-block-grid__product {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .wc-block-grid__products {
        padding: 10px;
    }

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    li.wc-block-grid__product {
        max-width: 100% !important;
    }

    .wc-block-grid__products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        padding: 0px 50px !important;
    }

    header.woocommerce-Address-title.title {
        margin-bottom: 10px;
    }

    header.woocommerce-Address-title.title h3 {
        font-size: 20px;
    }

    header.woocommerce-Address-title.title a,
    a.added_to_cart.wc-forward {
        padding: 5px 15px !important;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1080px) {
    .wc-block-grid__products {
        padding: 0px 34px !important;
    }
}

/*------------------RESPONSIVE MEIDA-------------------*/
@media screen and (max-width: 1000px) {

    .menubar .nav ul li a:focus,
    a.closebtn.mobile-menu:focus {
        outline: 2px solid #1858cc;
    }

    .toggle-nav {
        display: none;
        position: relative;
        cursor: pointer;
    }

    .toggle-nav i {
        font-size: 20px;
        color: #fff;
        padding: 7px 7px;
        background: #030934;
        border-radius: 6px !important;
    }

    .toggle-nav button {
        border: none;
        padding: 0;
        border-radius: 6px;
        margin-left: 14px;
    }

    .sidenav,
    .left-menu {
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 999999;
        left: 0;
        top: -110%;
        overflow-x: hidden;
        overflow-y: scroll;
        background: #fff;
        visibility: hidden;
        transition: all 0.5s ease-in-out;
        cursor: zoom-in;
    }

    .sidenav.show,
    .left-menu.show {
        visibility: visible;
        top: 0%;
    }

    .sidenav .closebtn,
    .left-menu .closebtn {
        position: absolute;
        right: 25px;
        font-size: 22px;
        display: block !important;
        color: #fff;
        background: #030934;
        padding: 2px 8px;
        top: 0;
    }

    .sidenav #site-navigation {
        width: 100%;
    }

    .left-menu ul li,
    .left-menu ul li a {
        color: #000;
    }

    .left-menu ul li:hover {
        background: transparent;
    }

    .toggle-nav {
        display: block !important;
    }

    .main-navigation ul {
        position: relative;
        top: 25%;
        width: 100%;
        text-align: center;
        margin-top: 0px;
        float: none;
    }

    .main-navigation ul ul li {
        display: block;
    }

    .menubar .nav ul li {
        border-top: 1px #f1f1f1 solid;
        display: block;
    }

    .main-navigation ul li.current_page_item,
    .main-navigation li a:hover {
        background-color: transparent;
        border-radius: 0px;
        display: inline-block;
    }

    .main-navigation ul li a {
        padding: 8px;
        text-decoration: none;
        font-size: 15px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        float: none;
        margin: 5px 0;
        border-right: none;
    }

    .main-navigation a:hover {
        background: #fff !important;
        color: #030934 !important;
    }

    .main-navigation .current-menu-item > a:after {
        content: none;
    }

    .main-navigation ul li ul li a:before {
        content: "\00BB \00a0";
    }

    .main-navigation ul.sub-menu a:hover {
        padding-left: 20px !important;
        background: #fff !important;
    }

    .main-navigation ul ul {
        position: static;
        width: 100%;
        background: transparent;
        border-top-width: 0px;
        border-bottom-width: 0px;
        box-shadow: none;
        opacity: 1;
    }

    .main-navigation ul ul a {
        border-bottom: none;
        text-align: center;
        padding-left: 40px;
    }

    .main-navigation ul ul ul.sub-menu a {
        padding-left: 40px;
    }

    .main-navigation li {
        padding: 0;
        display: block;
        text-align: center;
    }


    .main-menu {
        padding: 0em;
        padding-top: 50px;
    }

    .main-navigation ul.sub-menu > li > a:before {
        content: unset;
    }

    .main-navigation ul.sub-menu > li > a:hover:before {
        opacity: 0;
        left: 0px;
        width: 0px;
    }

    .sf-arrows .sf-with-ul:hover:after,
    .main-navigation ul li li:hover .sf-with-ul:after {
        content: '\f107';
        font-weight: 600;
        font-family: 'Font Awesome 5 Free';
        color: #000;
    }

    .sf-arrows .sf-with-ul:after {
        content: '\f106';
        position: absolute;
        height: 0;
        width: 0;
        border-top-color: #e1e1e1;
        color: #000;
        font-weight: 600;
        font-family: 'Font Awesome 5 Free';
        margin-top: 0px;
        font-size: 12px;
        padding: 0px 10px;
    }

    .admin-bar #mySidenav {
        margin-top: 0px;
    }

    #footer td,
    #sidebar td,
    #footer th {
        padding: 2px;
    }

    .phone-media {
        padding-left: 12px;
    }
}

@media screen and (max-width:319px) {
    .toggle-btn {
        position: absolute;
        right: 0;
        top: 160px;
    }
}

#slider .carousel-indicators [data-bs-target] {
    margin: 0;
    opacity: 1;
}

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

    body.page-template-custom-home-page.admin-bar .header-fixed,
    body.admin-bar .header-fixed {
        margin-top: 0px !important;
    }

    .sidenav .closebtn,
    .left-menu .closebtn {
        top: 50px;
    }

    .post-main-box {
        margin-bottom: 20px !important;
    }

    #sidebar h3,
    #sidebar .wp-block-search .wp-block-search__label {
        margin: 0px auto 10px auto;
    }

    .admin-bar .home-page-header {
        margin-top: 46px;
    }

    .main-header input[type="search"] {
        width: 78%;
    }

    button.product-btn,
    .product-cat {
        width: 100%;
    }

    .social-media .widget {
        margin-bottom: 0 !important;
    }

    .social-media .custom-social-icons {
        right: 6px;
        bottom: 10px;
    }

    .middle-header input[type="search"] {
        width: 75%;
    }

    .menu-section-sec,
    .myaccount,
    .search-box-sec {
        border: none;
    }

    .copyright p,
    .copyright .widget {
        width: 100%;
        text-align: center !important;
        margin-top: 10px;
    }

    .page-template-custom-home-page .main-header,
    .page-template-ibtana-page-template .main-header {
        position: static !important;
    }

    #sidebar-pop:before,
    #sidebar-pop:after,
    .banner-grp-img img {
        display: none;
    }

    .page-template-custom-home-page .main-header,
    .page-template-ibtana-page-template .main-header {
        margin: 0;
    }

    /*theme css  */
    #slider h2:after {
        display: none;
    }

    .skew-background::before {
        display: none;
    }

    .skew-background::after {
        transform: skew(0deg, 0deg);
    }

    .location p,
    .location i,
    .location a,
    .location-mail a,
    .location-mail i,
    .location-mail,
    .topbar-social-icon .custom-social-icons {
        text-align: center;
        margin: 6px 0;
    }

    .col-topbar {
        padding: 15px 0;
    }

    #slider .carousel-item img {
        height: 240px;
    }

    #slider:after,
    #slider:before,
    .slide_desc {
        display: none;
    }

    #slider img {
        mask-image: unset;
        opacity: 0.6;
    }

    #slider {
        background: #000;
    }

    #slider h2 {
        font-size: 18px;
    }

    #slider .carousel-caption {
        text-align: center;
        left: 0;
        right: 0;
    }

    #slider h2:after {
        left: 50%;
        transform: translate(-50%);
        top: 50%;
    }

    .slider-small-text {
        font-size: 10px;
    }

    #service-sec h4 {
        text-align: start !important;
    }

    p.site-title,
    .site-description a {
        text-align: center;
    }

    #slider .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 10px;
        left: 30px;
        z-index: 2;
        opacity: 1;
        flex-direction: row;
        margin-bottom: 22px;
    }

    .logo {
        text-align: center;
    }

    #slider .slider-indicator button {
        width: 0px !important;
    }

    #slider .carousel-indicators [data-bs-target] {
        margin: 0;
        opacity: 1;
    }

    #slider .count {
        width: 30px;
        height: 30px;
    }

    .main-navigation li.current_page_item {
        display: inline-block;
    }

    .form-sec-slider .contact-form-info {
        margin-top: 0;
    }

    .border-css:after {
        display: none;
    }

    .form-sec-slider .contact-form-info,
    .pickup-address input,
    .phone-numbers input,
    .dropdown-menus input,
    .phone-numbers input {
        text-align: center;
    }

    .pickup-address input,
    .phone-numbers input,
    .dropdown-menus input,
    .phone-numbers input {
        margin-bottom: 10px;
    }

    .form-btn {
        text-align: center !important;
        margin-top: 10px;
    }

    .slider-btn1 a {
        font-size: 14px;
        padding: 5px 12px;
    }

    #slider h2 {
        line-height: 27px;
    }

    .pickup-address,
    .phone-numbers,
    .dropdown-menus {
        position: relative;
        margin-bottom: 25px;
    }

    .pickup-address:after,
    .phone-numbers:after,
    .dropdown-menus:after {
        position: absolute;
        border-bottom: 1px solid #00000029;
        width: 70px;
        content: '';
        bottom: -12px;
        left: 50%;
        transform: translate(-50%);
    }

    .sf-arrows .sf-with-ul:after {
        right: 26%;
    }
}

@media screen and (min-width: 426px) and (max-width: 767px) {
    .classes-inner-box img {
        height: 250px;
    }

    .border-css:after {
        display: none;
    }

    #slider .carousel-caption h1 {
        font-size: 30px;
    }

    #slider .carousel-caption h1 a {
        margin-bottom: 10px;
    }

    .slider-carousel-img {
        height: 320px;
    }

    #slider .carousel-control-next i,
    #slider .carousel-control-prev i {
        width: 30px;
        height: 30px !important;
    }

    .slider-carousel-img {
        display: none;
    }

    .inner_carousel-col {
        padding: 10em 0 0;
    }

    #slider .carousel-caption {
        padding: 0;
        left: 20px !important;
        right: 20px !important;
    }

    .text-icon-contact {
        justify-content: center !important;
        gap: 64px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .sf-arrows .sf-with-ul:after {
        right: 40%;
    }

    .related-post .post-main-box {
        padding: 30px 20px !important;
        margin-bottom: 20px !important;
    }

    .phone-media {
        padding: 0 !important;
    }

    .page-template-custom-home-page .main-top-bar-section {
        padding-bottom: 0 !important;
    }

    .site-title a {
        font-size: 18px;
    }

    p.site-title,
    .site-description a {
        line-height: 24px;
    }

    .logo svg.logo-shape {
        z-index: 99;
    }

    .social-icons,
    .search-cart-icon {
        margin-bottom: 0px;
    }

    .admin-bar #mySidenav {
        margin-top: 35px;
    }

    .top-header {
        padding-bottom: 10px;
    }

    .main-header input[type="search"] {
        width: 70%;
    }

    .main-header button[type="submit"] {
        padding: 0px 20px;
    }

    .middle-header input[type="search"] {
        width: 85%;
    }

    .page-template-custom-home-page .topbar {
        padding: 30px 0px 14px;
    }

    .page-template-custom-home-page .main-header,
    .page-template-ibtana-page-template .main-header {
        position: static !important;
    }

    #sidebar-pop:before,
    #sidebar-pop:after,
    .banner-grp-img img {
        display: none;
    }

    #slider .inner_carousel h1 {
        font-size: 30px;
    }

    #slider .inner_carousel p {
        display: none;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 87%;
        left: 12%;
        z-index: 9;
        width: 80%;
    }

    .slide_splice {
        margin-bottom: 20px;
    }

    .inner_carousel {
        width: 70%;
    }

    .feature-box .icon {
        margin-top: -16%;
    }

    .social-icons a {
        width: 34px;
        height: 34px;
        padding: 8px;
    }

    .search-box i,
    span.cart_no i {
        padding: 10px 10px 0px 0px;
        width: 35px;
        height: 35px;
    }

    #slider .inner_carousel h1 a {
        line-height: 20px;
    }

    .admin-bar .home-page-header {
        margin-top: 46px;
    }

    .page-template-custom-home-page .main-header,
    .page-template-ibtana-page-template .main-header {
        padding: 10px;
    }

    .page-template-custom-home-page .topbar-background {
        background: transparent;
    }

    body.admin-bar #mySidenav,
    body.page-template-custom-home-page.admin-bar .header-fixed,
    body.admin-bar .header-fixed {
        margin-top: 40px !important;
    }

    /* theme css */
    .topbar-social-icon .custom-social-icons {
        gap: 8px;
    }

    .skew-background {
        position: relative;
        padding: 6px 12px;
    }

    .logo {
        text-align: center;
    }

    .location p,
    .location i,
    .location a,
    .location-mail a,
    .location-mail i,
    .topbar-social-icon .custom-social-icons i {
        font-size: 12px;
    }

    .col-topbar {
        padding: 15px 0 0 0;
    }

    #slider .carousel-item img {
        height: 350px;
        mask-image: unset;
    }

    #slider:before {
        height: 42%;
        bottom: -35px;
    }

    #slider h2 {
        margin-bottom: 7px;
        font-size: 22px;
        line-height: 38px;
    }

    #slider h2:after {
        top: 52%;
    }

    .slider-small-text {
        padding: 4px 8px;
        font-size: 13px;
    }

    .form-sec-slider .contact-form-info {
        padding: 12px;
    }

    .form-sec-slider .contact-form-info .address {
        font-size: 12px;
    }

    .phone-numbers input {
        width: 95px;
    }

    .pickup-address input,
    .phone-numbers input,
    .dropdown-menus input,
    .phone-numbers input,
    .dropdown-menus select {
        font-size: 12px;
    }

    button.btn.btn-appointment {
        font-size: 12px;
        padding: 5px;
    }

    .form-sec-slider .contact-form-info {
        margin-top: -72px;
    }

    #slider .carousel-indicators {
        left: -12em;
    }

    .border-css:after {
        right: -10px;
    }

    .slider-btn1 a {
        font-size: 14px;
        padding: 6px 20px;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1024px) {
    .slider-carousel {
        padding-top: 48px;
    }

    .main-navigation ul a {
        text-transform: Uppercase;
        font-size: 14px;
        padding: 0px;
    }

    p.site-title,
    .logo h1 {
        font-size: 22px;
    }

    .main-header input[type="search"] {
        width: 82%;
    }

    .middle-header input[type="search"] {
        width: 80%;
    }

    .main-navigation a {
        font-size: 12px;
        padding: 0px 1px;
    }

    .main-navigation li {
        position: relative;
        padding: 2px 20px !important;
    }

    .site-title a {
        font-size: 16px !important;
    }

    .logo p.site-description {
        font-size: 14px;
    }

    a.slider-btn1,
    a.slider-btn2,
    .trusted-help-text {
        font-size: 14px;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 28% !important;
        left: 12%;
        z-index: 9;
    }

    .slider-carousel {
        transform: translate(7%, 0%);
    }

    .sf-arrows .sf-with-ul:after {
        right: -14px;
        top: 5px;
    }

    #footer td,
    #footer th {
        padding: 4px;
    }

    /*Theme img  */
    #slider .carousel-item img {
        height: 460px;
    }

    #slider:before {
        bottom: -46px;
        height: 42%;
    }

    .form-sec-slider .contact-form-info .address {
        font-size: 16px;
    }

    .topbar-text,
    .location-mail a {
        font-size: 13px;
    }

    #slider .carousel-indicators {
        left: -14em;
    }

    .border-css:after {
        right: 0px;
    }

    #slider .carousel-caption {
        top: 38%;
    }

    .skew-background {
        padding: 10px;
    }

    .topbar-social-icon .custom-social-icons {
        gap: 10px
    }

    .classes-inner-box img {
        height: 280px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1080px) {
    .slider-carousel {
        padding-top: 48px;
    }

    .main-navigation ul a {
        text-transform: Uppercase;
        font-size: 14px;
        padding: 0px;
    }

    p.site-title,
    .logo h1 {
        font-size: 22px;
    }

    .main-header input[type="search"] {
        width: 82%;
    }

    .middle-header input[type="search"] {
        width: 80%;
    }

    .main-navigation a {
        font-size: 12px;
        padding: 0px 1px;
    }

    .main-navigation li {
        position: relative;
        padding: 2px 20px !important;
    }

    .site-title a {
        font-size: 16px !important;
    }

    .logo p.site-description {
        font-size: 14px;
    }

    a.slider-btn1,
    a.slider-btn2,
    .trusted-help-text {
        font-size: 14px;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 28% !important;
        left: 12%;
        z-index: 9;
    }

    .slider-carousel {
        transform: translate(7%, 0%);
    }

    .sf-arrows .sf-with-ul:after {
        right: -14px;
        top: 5px;
    }

    /*Theme img  */
    #slider .carousel-item img {
        height: 460px;
    }

    #slider:before {
        height: 148px;
        bottom: -36px;
    }

    .form-sec-slider .contact-form-info .address {
        font-size: 16px;
    }

    .topbar-text,
    .location-mail a {
        font-size: 13px;
    }

    #slider .carousel-indicators {
        left: -14em;
    }

    .border-css:after {
        right: 0px;
    }

    #slider .carousel-caption {
        top: 38%;
    }

    .topbar-social-icon .custom-social-icons {
        gap: 10px
    }

    .classes-inner-box img {
        height: 280px;
    }

    #footer td,
    #footer th {
        padding: 4px;
    }
}

@media screen and (min-width: 1081px) and (max-width: 1199px) {
    .slider-carousel {
        padding-top: 48px;
    }

    .sf-arrows .sf-with-ul:after {
        right: -14px;
        top: 5px;
    }

    #about-sec img {
        height: 280px !important;
    }

    p.site-title,
    .logo h1 {
        font-size: 22px;
    }

    .main-header input[type="search"] {
        width: 82%;
    }

    .middle-header input[type="search"] {
        width: 80%;
    }

    .main-navigation a {
        font-size: 12px;
        padding: 0px 1px;
    }

    .main-navigation li {
        position: relative;
        padding: 2px 20px !important;
    }

    .feature-box .icon {
        margin-top: -18%;
    }

    #slider .inner_carousel h1 a {
        line-height: 50px;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 35%;
        left: 12%;
    }

    #slider .inner_carousel h1 {
        font-size: 33px;
    }

    #slider .inner_carousel p {
        font-size: 14px;
    }

    .site-title a {
        font-size: 16px !important;
    }

    .logo p.site-description {
        font-size: 14px;
    }

    #slider .carousel-control-prev-icon,
    #slider .carousel-control-next-icon {
        font-size: 23px;
    }

    #slider .carousel-control-next {
        bottom: 38px;
    }

    .slider-arrow-section,
    .media-box-style {
        width: 100px;
    }

    a.slider-btn1,
    a.slider-btn2,
    .trusted-help-text {
        font-size: 16px;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 87%;
        left: 12%;
    }

    #slider .carousel-caption {
        width: 58%;
    }

    #slider .carousel-indicators {
        left: -14em;
    }

    #slider:before {
        bottom: -64px;
        height: 42%;
    }

    #footer td,
    #footer th {
        padding: 4px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-carousel {
        padding-top: 48px;
    }

    p.site-title,
    .logo h1 {
        font-size: 22px;
    }

    .main-header input[type="search"] {
        width: 82%;
    }

    .middle-header input[type="search"] {
        width: 80%;
    }

    .main-navigation a {
        font-size: 12px;
        padding: 0px 1px;
    }

    .sf-arrows .sf-with-ul:after {
        right: -14px;
        top: 5px;
    }

    .main-navigation li {
        position: relative;
        padding: 2px 20px !important;
    }

    #slider .inner_carousel h1 a {
        line-height: 50px;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 35%;
        left: 12%;
    }

    #slider .inner_carousel h1 {
        font-size: 33px;
    }

    #slider .inner_carousel p {
        font-size: 14px;
    }

    .site-title a {
        font-size: 16px !important;
    }

    .logo p.site-description {
        font-size: 14px;
    }

    #slider .carousel-control-prev-icon,
    #slider .carousel-control-next-icon {
        font-size: 23px;
    }

    #slider .carousel-control-next {
        bottom: 38px;
    }

    a.slider-btn1,
    a.slider-btn2,
    .trusted-help-text {
        font-size: 16px;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 87%;
        left: 12%;
    }

    #slider .carousel-caption {
        width: 58%;
    }

    #partners-details,
    div#partners-details:after {
        height: 126px;
    }

    .slider-carousel {
        transform: translate(24%, 0%);
    }

    #slider .carousel-indicators {
        left: -15em;
    }

    #slider:before {
        height: 40%;
        bottom: -45px;
    }

    #slider .carousel-item img {
        height: 470px;
    }

    .form-sec-slider .contact-form-info {
        padding: 15px;
    }

    .form-sec-slider .contact-form-info {
        margin-top: -62px;
    }

    #slider h2 {
        margin-top: 15px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1539px) {
    .slider-carousel {
        padding-top: 48px;
    }

    #slider .inner_carousel h1 a {
        line-height: 60px;
    }

    #slider .carousel-caption,
    #slider .inner_carousel,
    #slider .inner_carousel h1 {
        right: 35%;
        left: 12%;
    }

    #slider .inner_carousel h1 {
        font-size: 42px;
    }

    #slider .inner_carousel p {
        font-size: 14px;
    }

    .slider-arrow-section,
    .media-box-style {
        width: 120px;
    }

    .slider-carousel {
        transform: translate(10%, 0%);
    }

    #slider .carousel-indicators {
        left: -16em;
    }
}

@media screen and (min-width: 1540px) and (max-width: 2560px) {
    #slider h2 {
        line-height: 45px;
        margin-top: 20px;
    }

    #slider .carousel-item img {
        height: 635px;
    }
}


/* --------------------------Top Bar---------------------------- */

.socialbox i {
    color: #fff;
}

.socialbox {
    display: flex;
    justify-content: end;
    gap: 10px;
}

.socialbox a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* border: 2px dashed var(--primary-color);
z-index: 9;
padding-right: 12px;
border-bottom-left-radius: 90px;
border-top-left-radius: 90px;
border-right: none;
border-top: none;
border-bottom: none; */
}

.socialbox a:hover i::before {
    color: var(--primary-color) !important;
}

.quote {
    text-align: right;
}

section#site_top {
    color: #fff;
    border-radius: 10px;
    border-top-left-radius: 0px;
    filter: url(#goo);
    overflow: hidden;
    position: relative;
    overflow: visible;
}

section#site_top::after {
    transform: skewX(24deg);
    width: 40px;
    height: 100%;
    top: 0px;
    left: -20px;
    background: #000;
    content: "";
    position: absolute;
    /* border: 1px solid #000; */
    border-bottom-left-radius: 10px;
}

section#site_top::before {
    content: "";
    background: #000;
    /* border: 1px solid #fff; */
    position: absolute;
    top: 0;
    right: 0px;
    width: 20px;
    height: 100%;
    border-radius: 10px;
}

#site_top .top-bar-new-btn {
    background: rgba(207, 255, 70, 1);
    padding: 1px 10px;
    border-radius: 22px;
    color: #000;
    font-weight: 400;
    font-size: 12px;
}

#site_top .top-bar-para {
    font-family: Lato;
    font-size: 14px;
    padding-left: 10px;
    color: #fff;
    font-weight: 400;
}

#site_top .top-icon {
    color: #fff;
    padding: 0px 5px;
}

#site_top i.fas.fa-phone {
    transform: rotate(90deg);
    color: #fff;
}


/* --------------------------Header---------------------------- */


.head-togle {
    text-align: end;
    align-items: center;
    display: flex;
    /* justify-content: end; */
    padding: 0;
}

#sidebar1,
.mobile-menu,
.sub-menu {
    display: none;
}

.hamburger.active .menu-open {
    display: none;
}

.hamburger.active .menu-close {
    display: block;
}

.hamburger .menu-open {
    display: block;
}

.hamburger .menu-close {
    display: none;
}

#header_widgets .header_title {
    margin: 0;
    padding: 0;
    color: #fff;
    position: relative;
}

.header_title::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #fff;
    top: 0;
    /* left: 0; */
    right: 0;
    bottom: 0;
    width: 83px;
}

#header .logo img {
    max-width: 70% !important;
    width: auto;
}

.menubar {
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

#header .logo,
#footer .logo {
    margin: 0;
    padding: 16px 0;
}

#header .logo h1,
#footer .logo h1 {
    font-weight: 700;
    padding: 0;
    margin-bottom: 8px;
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
}

.logo a.custom-logo-link {
    color: black;
}

.logo h1 a,
.logo h1 a {
    color: var(--grey1);
    text-transform: uppercase;
    font-size: 26px;
}

.logo p {
    color: var(--grey1);
    margin-bottom: 0;
    font-size: 14px;
}

.logged-in .scrolled .toggle-nav {
    top: 50% !important;
}

.logged-in .scrolled #header .logo img {
    width: 45%;
}

.header-customize.scrolled {
    top: 0;
}

.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    background-color: #F82938;
    padding: 0px 10px;
    height: 75px;
}

.scrolled .innermenubox {
    /* float: right !important; */
}

@media(max-width:767px) {
    .custom-logo {
        height: 48px;
        max-height: 240px;
        max-width: 240px;
        width: 127px;
        object-fit: contain;
    }

    .socialbox {
        display: none;
    }

    .toggle-nav.mobile-menu {
        order: 10;
    }
}

/*----------------Menu bar-----------*/
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.main-navigation ul {}

.main-navigation li {
    position: relative;
    padding: 0px !important;
    display: inline-block;
    cursor: pointer;
}

.socialbox li {
    list-style-type: none;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    font-family: Lato;
    color: #000 !important;
    text-transform: capitalize;
}


.quote a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
    color: #000;
    padding: 14px 30px;
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    margin: 10px 0px;
    border-radius: 10px;
}

.quote a:hover {
    background: var(--primary-color);

}

#open_nav i[class^="fa"]::before {
    font-size: 25px;
}

ul#menu-primary-menu {
    display: flex;
    justify-content: space-between;
}

div[class ^="topbar"] .fa,
div[class ^="topbar"] .far,
div[class ^="topbar"] .fas {
    color: var(--primary-color);
}

.topbar-left i::before {
    color: var(--primary-color);
}

span.topbar.data {
    margin-left: 12px;
}

.topbar-left {
    display: flex;
    justify-content: space-between;
}

.socialbox a .fab::before {
    font-size: 20px;
}



.main-navigation .sub-menu .current-menu-item a:after {
    display: none;
}

.primary_nav > li:hover > .sub-menu {
    display: block;
    position: absolute;
    gap: 25px;
    left: 0;
    top: 70%;
    opacity: 0;
    pointer-events: none;
    z-index: 25;
    white-space: nowrap;
    animation: pulse 0.6s ease-in-out;
    border-radius: 8px;
    border: 4px solid var(--primary-color);
    border-bottom: none;
    border-top: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    /* transition: all .5s ease-in-out; */
}

.primary_nav > li:nth-child(6):hover > .sub-menu {
    right: 0;
    left: unset;
}

#sidebar1,
.mobile-menu,
.sub-menu {
    display: none;
}

.primary_nav > li:hover > .sub-menu {
    top: 100%;
    opacity: 1;
    pointer-events: all;
}

.primary_nav > li > ul {
    background: var(--color-white);
    z-index: 2;
    box-shadow: 0 3px 6px #00000029;
    background: #fff;
}

.primary_nav > li:hover > ul ul {
    display: block;
}

.primary_nav > li > ul > .menu-column-title > a {
    font: normal normal 600 18px/22px Open Sans;
    margin-block: 15px;
    display: inline-block;
}

.primary_nav > li > ul > li a {
    font-size: 20px;
    font-weight: 600;
    font-family: Lato;
    color: #000 !important;
    padding: 0 0 0 10px;
}

.side-navigation ul li.current_page_item {
    border: 2px solid #fff;
    border-radius: 50px;
    background: #566e89;
    padding: 4px 26px;
    margin: 20px;
}

/* .main-navigation ul ul ul {
left:93%;
top: 0;
} */

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li {
    float: none;
    display: block;
    text-align: left
}

.main-navigation ul ul li:hover {
    background: var(--primary-color);
}

.main-navigation ul ul li:last-child {
    border-bottom: 0;
}

.sub-menu .current-menu-item a,
#sidebar1 .main-navigation .current_page_item > a {
    background: unset;
    border: unset;
    color: #000;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}


/* .search-icon {
padding-top: 3px;
}
.search-icon i {
border-left: 2px solid #cfcfcf;
padding: 0 26px;
padding-right: 0;
color: var(--orange);
}

.search-box{
  display: flex;
}
.search-input{
  outline: none;
  border: none;
  line-height:40px;
  width: 0px;
  float: left;
  font-size:14px;
  transition: 0.7s ease;
  font-family:sans-serif;
  background-color: transparent !important;
}
.search-btn{
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border: navajowhite;
background: transparent;
padding: 0 15px;
border-radius: 50%;
float: right;
color: #000;
font-weight: 800;
font-size: 20px;
transition: 0.4s ease;
}
.search-box:hover > .search-input{
  width: 80px;
  margin: 0px 8px;
  border-bottom: 1px solid #fff;
}
.search-input:focus{
  width: 240px;
  margin: 0px 8px;
}
.search-input:focus + .search-btn{
  background: #fff;
} */

#header .search-container form,
#header .search-buttons {
    border: 1px solid #000 !important;
}

#header .search-toggle.opened .search-icon.icon-close {
    display: inline-block;
    margin: unset;
}

#header .search-container {
    position: relative;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: none;
    top: 70px;
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
}

/* #header .search-container.opened {
  max-height: 100px;
  transition: all 0.5s ease-in-out;
  z-index: 99;
} */
#header .search-icon.icon-search i {
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
}

#header .search-container input[type="text"] {
    outline: none;
    font-size: 1.6rem;
    margin: 18px;
    width: 300px;
    background-color: inherit;
    border: 0;
}

#header .search-container .search-icon {
    vertical-align: super;
}

#header .contains-search,
#header .header-box {
    position: relative;
}

#header .search-container {
    position: absolute;
    right: 5.8em;
    width: auto !important;
    bottom: -10px;
    border-radius: 50px 0 0 50px;
    padding: 0;
    z-index: 999;
}

#header .search-container form {
    border-radius: 50px 0 0 50px;
}

/* #header .search-container input:-internal-autofill-selected {{
background: transparent !important;
} */
#header .search-container [type=search] {
    border: unset;
    position: relative;
    padding: 15px 20px;
    width: auto;
    border-radius: 50px 0 0 50px;
}

#header .contains-search .fa-times:before {
    position: relative;
    top: 6px;
    font-size: 16px;
}

#header .search-buttons {
    color: white;
    padding: 9px 1px 21px 4px;
    width: 77px;
    position: absolute;
    right: auto;
    top: 0;
    border: none;
    background: linear-gradient(to right, #5c6266, #20292f);
    border-radius: 0 50px 50px 0;
}

#header .search-buttons i {
    position: relative;
    top: 7px;
    left: -6px;
}

#header .search-icon.icon-close i {
    color: #fff;
    width: 45px;
    height: 45px;
    font-size: 14px;
    background: var(--pink);
    padding: 9px 0 !important;
    border-radius: 50%;
    position: relative;
}

#header .search-icon.icon-search {
    border: none;
    background: transparent;
}

.test-drive-btn .test_drive_btn,
#slider .read-more {
    color: #fff;
    border: none;
    padding: 9px 34px;
    background: linear-gradient(to right, #5c6266, #20292f);
    border-radius: 27px;
    border: 1px solid;
    font: 600 16px/21px Archivo;
    letter-spacing: 0.50px;
}

.test_drive_btn:hover,
#slider .read-more:hover {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.header-search-icon {
    color: #fff;
}

#testDriveModal .modal-header #closeModal {
    color: #000;
    float: right;
    font-size: 25px;
    font-weight: 700;
    padding: 1px 9px;
    cursor: pointer;
    margin-bottom: 7px;
    background: 0 0;
    border: unset;
    height: 38px;
    width: 38px;
    position: absolute;
    right: 0;
    margin: 5px 3% 0 0;
    border-radius: 50%;
    border: 1px solid #0e0c0c;
}

#testDriveModal label {
    font: normal normal 600 14px/26px Lato;
    letter-spacing: 0px;
    color: #000000;

}

#custom-test-drive-form select,
#custom-test-drive-form input {
    border: 1px solid #bdbdbd;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0 0 0px 0;
    height: auto;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    font: 400 14px/26px Lato;
}

#custom-test-drive-form .modal-footer {
    justify-content: center;
}

#custom-test-drive-form .submit {
    background: #277BF8;
    border: none;
    border-radius: 50px;
    padding: 10px 30px;
    color: #ffff;
}

#custom-test-drive-form .submit:hover {
    background: transparent;
    color: #000;
    border: 1px solid #000;
}

/*----------------------Mobile Menu Icon------------------------------*/
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul {
    padding-right: 15px;
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    right: 0;
    margin-top: -2px;
    height: 0;
    width: 0;
    border-top-color: var(--grey2);
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: var(--grey2);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: var(--grey2);
}

.toggle-nav,
a.closebtn {
    display: none;
}

/*-------------------------Header Widgets---------------------*/

/* slider */

/*---------------- Custom Footer ----------------------*/
#custom_footer {
    padding: 0;
}

.footer-contact i {
    font-size: 35px;
    color: var(--lightgrey11);
}

.footer-contact p {
    font-size: 14px;
    color: var(--lightgrey11);
    margin: 0;
}

.footer-contact {
    background-size: 100% 50% !important;
    position: relative;
    top: -34px;
}

.footer-contact h2 {
    color: #fff;
    font: normal normal normal 36px/35px DM Serif Display;
}

.footer-contact-detail {
    /* transform: translate(10px, 80%); */
    color: #fff;
    margin-top: 30%;
}

.footer-menu-wrap {
    padding: 40px 15px;
    border-bottom: solid 1px var(--grey2);
}

.footer-menu ul {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.footer-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 0 20px;
}

.footer-menu ul li a {
    color: var(--lightgrey11);
    font-size: 14px;
    text-transform: uppercase;
}

.footer-menu ul li a:hover {
    color: var(--orange);
}

/*---------------- Footer Section ----------------------*/
.footer-top {
    padding-bottom: 50px;
}

.footer-top-col h3 {
    font-size: 20px;
    font-weight: bold;
}

.outer-footer {
    background-size: 100% 100%;
    background-color: #E2304B;
}

#footer {
    background: #000526;
}

.copyright {
    color: #fff;
}

.copyright i {
    font-weight: 500;
}

.copyright p {
    font: normal normal normal 16px/32px Lato;
    color: #fff;
}

.copyright p {
    padding-top: 20px;
}

.copyright-outer .term-info {
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

.copyright a.privacy-link {
    color: #fff;
}

.copyright .privacy-span {
    padding-right: 6px;
    border-right: 1px solid #fff;
}


.main_sociobox {
    padding: 30px 0;
}

#footer {
    text-align: center;
    color: #fff;
    padding: 60px 0px;
    text-align: left;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer_hide {
    display: none;
}

.footer-top-col {
    border-left: solid 5px var(--orange);
    padding-left: 15px;
}

#footer ul {
    margin: 0;
    list-style-type: none;
}

aside {
    position: relative;
}

aside[id ^="text"]:nth-child(3) {
   /* margin-left: 30px;*/
}

aside[id ^="text"]:nth-child(4) {
    margin-left: 30px;
}

aside[id ^="text"]:nth-child(5) {
    margin-left: 30px;
}

aside::after {
    position: absolute;
    top: 7px;
    left: -30px;
    color: var(--primary-color);
}

.textwidget {
    position: relative;
}

aside:nth-child(3)::after {
    content: "\f041";
    font-family: 'FontAwesome';
}

aside:nth-child(4)::after {
    content: "\f0e0";
    font-family: 'FontAwesome';
}

aside:nth-child(5)::after {
    content: "\f017";
    font-family: 'FontAwesome';
}



.textwidget p,
.about_me {
    font: normal normal normal 18px/30px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
}

div#footer ul li a {
    font: normal normal normal 18px/28px Lato;
    margin-bottom: 14px;
    display: inline-block;
    color: #fff;
}

#footer a {
    color: #fff;
}

.widget_recent_entries img {
    width: 100px;
}

h3.widget-title {
    font: normal normal bold 22px/32px Lato;
    text-transform: capitalize;
}

#footer .footer-col-one {
    padding-right: 5%;
}

.widget_media_image img {
    width: 127px;
    height: 38px;
}

.widget_media_image img {
    width: 127px;
    height: 38px;
    margin-bottom: 40px;
}

#footer .footer-col-one .textwidget {
    font: 400 16px/25px Lato;
}

h3.widget-title {
    margin-bottom: 40px;
}

div#footer ul li a {
    font: normal normal normal 18px/32px Lato;
}

.outer-footer .legal-text,
.outer-footer .privacy-text,
.outer-footer .condition-text {
    font-family: Lato;
    font-size: 16px;
    font-weight: 200;
    line-height: 19px;
    color: #fff;
    position: relative;
}

#footer input.wpcf7-form-control.wpcf7-email {
    max-width: 289px;
    height: 48px;
    border-radius: 0px;
    outline: none;
    background: #0000;
    font: normal normal 300 16px/32px Lato;
    border: 1px solid #fff;
    color: #fff;
}

#footer .wpcf7-form.failed .wpcf7-response-output {
    display: block;
    max-width: 289px;
}

#footer form.wpcf7-form.sent .wpcf7-response-output {
    display: block;
}

#footer span.wpcf7-form-control-wrap {
    display: initial;
}

.submit-wrapper {
    width: 30px;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: 50px;
    top: 10px;
    opacity: 0;
    overflow: hidden;
}

.newsletter-wrapper {
    position: relative;
}

.outer-footer .privacy-text,
.outer-footer .condition-text {
    position: relative;
    margin: 0 10px;
}

.outer-footer .privacy-text::after {
    content: '';
    position: absolute;
    top: 7px;
    right: -14px;
    bottom: 0;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    background: #fff;
}

.Footer-form-wrapper {
    max-width: 289px;
    width: 100%;
    height: 48px;
    position: relative;
}

.Footer-submit-wrapper {
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: 7px;
    padding: 0px;
    z-index: 9;
}

.footer-form-wrapper {
    max-width: 289px;
    width: 100%;
    height: 48px;
    position: relative;
}

.footer-form-wrapper::after {
    content: '\f1d8';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 20px;
    color: var(--primary-color);
}

.Footer-submit-wrapper input {
    width: 35px;
    height: 35px;
    opacity: 0;
}

/* .main-navigation ul ul a:hover
{
margin-left: 7px;
padding: 0px 0 0px 10px;
} */
/*-----------------Header Cart----------------*/
#cart {
    box-shadow: 0 3px 6px #00000029;
    background: #fff;
    width: 400px;
    left: 0px;
    top: 32px;
    margin: 0px auto;
    text-align: left;
    padding: 20px;
    position: absolute;
    z-index: 999999;
    display: none;
    /* animation: growDown 300ms ease-in-out forwards; */
    transform-origin: top center;
    box-shadow: 0 0 4px #19213f7d;
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }

    80% {
        transform: scaleY(1.1)
    }

    100% {
        transform: scaleY(1)
    }
}

.cart_box:hover #cart {
    display: block;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

#cart .woocommerce a.button {
    background: #00A3FC;
    padding: 10px 20px !important;
    font-size: 12px;
    color: white;
}

.order-track-hover button.button.wp-element-button {
    padding: 10px 20px;
}

input.ewd-otp-text-input {
    border-radius: 0px;
}

#cart .woocommerce a.button:hover,
.order-track-hover button.button.wp-element-button:hover {
    background: transparent;
    border: 1px solid #00A3FC;
    color: #00A3FC !important;
}

#cart .widget_shopping_cart_content p {
    margin: 0;
}

/* #cart .woocommerce-mini-cart__total strong,#cart .woocommerce-mini-cart__total span {
color: #ffffff;
font-weight: 600;
} */

#header .woocommerce form .form-row,
#header .woocommerce form .form-row {
    width: 100%;
}

#cart .woocommerce-mini-cart__total {
    padding-left: 27px;
}

#cart .woocommerce .widget_shopping_cart .total,
#cart .woocommerce.widget_shopping_cart .total {
    border-top: 1px solid #eee;
    padding: 10px 0;
}

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
    padding-left: 0;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    right: 0;
    left: 94%;
    top: 2px;
    font-size: 16px;
    padding: 1px;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: left !important;
    margin-right: 24px;
    width: 25%;
    object-fit: cover;
    margin-bottom: 10px;
}

.woocommerce a.remove {
    background: #00A3FC;
    color: white !important;
}

.alert.alert-minimalist {
    background-color: rgb(255, 255, 238);
    border-color: #00A3FC;
    border-radius: 3px;
    color: rgb(149, 149, 149);
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
    padding: 10px;
    z-index: 9999999 !important;
    height: auto;
    width: 26% !important;
    background: #fff;
    padding: 10px 23px;
    box-shadow: rgb(0 0 0 / 16%) 0 1px 4px;

}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert.alert-minimalist img {
    width: 50px;
}

.prod-title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding-left: 18px;
    position: absolute;
}

.prod-messg {
    font-size: 13px;
    font-weight: 500;
    color: #5c5959;
    padding-left: 62px;
    margin-top: 15px;
}

.pull-left {
    float: none;
}

.footer-contact .media-body a {
    color: var(--lightgrey11);
}

#footer .social_widget .custom-social-icons span {
    font-size: 0
}

#footer .social_widget a {
    background: #000;
    text-align: center;
    padding: 10px;
    color: #fff;
    margin-right: 10px;
}

#footer .social_widget i {
    width: 18px;
    height: 18px;
    font-size: 15px;
}

/* 
#header .sub-menu {
animation: growDown 300ms ease-in-out forwards;
transform-origin: top center;
background-color: #ffffff
} */


@keyframes growDown {
    0% {
        transform: scaleY(0)
    }

    80% {
        transform: scaleY(1.1)
    }

    100% {
        transform: scaleY(1)
    }
}

.search-icon i {
    cursor: pointer;
}

/* #menu-primary-menu > .menu-item-has-children{
position: relative;
}
#menu-primary-menu > .menu-item-has-children::before{
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
right: 18px;
bottom: 0;
top: 15px;
font-size: 17px;
color: #fff;
} */

.footer_keywords a {
    font: normal normal 300 13px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.footer_keywords > p > .slash {
    color: #000;
    line-height: 20px;
}

.footer-eye-text {
    font: normal normal bold 16px/40px Open Sans;
    letter-spacing: 0px;
    color: #000000;
}

#footer .wpcf7-response-output {
    display: none;
}

.Form-input-wrapper span.wpcf7-not-valid-tip {
    bottom: -30px;
    right: 0px;
}

.copyright-outer {
    border-top: 1px solid #fff;
}

.copyright p {
    text-align: center !important;

}


#footer i[class^="fa"] ,#footer p svg{
    color: var(--primary-color);
    color: #E2304B;
    position: absolute;
    left: -26px; 
    top: 5px;
    font-size: 16px;
}

span.topbar.data a {
    color: #fff;
}

.copyright-outer a {
    color: #fff;
}

.about_me aside p {
    position: relative;
    color: #fff;
    margin-left: 25px;
}



/* hamburger menu  */


@media(max-width:1200px) {
    .quote a {
        padding: 15px 16px;
    }
}

span#dropDown {
    display: none;
}


@media(max-width:991px) {
    section#site_top {
        clip-path: none !important;
    }

    section#site_top::after {
        display: none;
    }

    section#site_top::before {
        display: none;
    }

    section#site_top {
        border-radius: 10px !important;
        overflow: hidden;
    }

    ul#menu-primary-menu {
        position: absolute;
        flex-direction: column;
        right: 0;
        width: 100%;
        padding: 20px 30px;
        background: #fff;
    }

    ul#menu-primary-menu {
        display: flex;
        height: 100vh;
    }

    ul#menu-primary-menu {
        position: absolute;
        flex-direction: column;
        left: 100%;
        width: 100%;
        padding: 20px 30px;
        background: #fff;
        transition: 0.4s ease-in-out;
        top: 0px;
        justify-content: flex-start;
        gap: 20px;
    }

    #dropDown {
        position: absolute;
        right: 0;
        top: 20px;
        margin: auto;
        height: 12px;
    }

    span#dropDown {
        display: block;
    }

    header#masthead {
        background-color: #0000 !important;
    }

    .toggle-nav,
    a.closebtn {
        display: block !important;
    }

    .toggle-nav.mobile-menu {
        transition: none;
    }

    ul.sub-menu li a {
        text-align: center;
    }

    .primary_nav > li:hover > .sub-menu {
        position: unset;
    }

    .primary_nav > li > ul {
        box-shadow: none;
    }

    .main-navigation li {
        padding: 10px 25px 10px;
    }

    .primary_nav > li:hover > .sub-menu {
        display: none;
    }

    .quote a {
        padding: 5px 10px;
    }

    .toggle-nav,
    a.closebtn {
        top: 20px;
    }

    .primary_nav.open-nav {
        left: 0 !important;
    }

    html {
        overflow: auto;
    }

    .toggle-nav,
    a.closebtn {
        display: block;
        z-index: 99999999999999999999999;
        position: unset;
        top: 81px;
        right: 30px;
    }

    .quote a {
        padding: 5px 10px;
        font-size: 14px;
    }

}

@media(max-width:991px) {
    .topbar-left {
        display: none;
        border-radius: 10px !important;
    }

    section#site_top {
        border-radius: 10px !important;
    }

    .socialbox {
        border-radius: 10px !important;
    }

    .socialbox {
        width: 100%;
        justify-content: center;
    }

    .socialbox a {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .topbar-left {
        margin-top: 5px;
    }

    span.topbar.data {
        margin-left: 2px;
    }

}

@media(max-width:991px) {

    .footer-cols .row.justify-content-between {
        gap: 20px 0px;
    }
}

@media(max-width:767px) {



    #footer h3.widget-title {
        max-width: 100%;
    }

    .widget {
        text-align: center;
    }

    h3.widget-title::after {
        right: 0;
        margin: auto;
    }

    .footer-form-wrapper {
        margin: 0px auto;
    }

    .textwidget p {
        text-align: center;
    }

    aside[id^="text"] {
        max-width: 320px;
        margin: 0px auto !important;
    }

    .widget {
        max-width: 270px !important;
        margin: 0px auto;
    }
}


@media(max-width:575px) {
    aside::after {
        left: 0px;
    }

    .copyright p {
        text-align: center !important;
    }

    #header .sub-menu {
        margin-top: 20px;
    }

    ul.sub-menu li {
        padding: 4px;
    }

    #header .sub-menu li a {
        font-size: 18px;
    }

    div#header .container {
        padding: 17px 15px;
    }
}

section#site_top .container {
    padding: 0px !important;
}


.quote {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.topbar-address {
    padding-left: 30px;
}

:root {
    --primary-color: #030934;
    --secondary-color: #fff;
}

/* banner slider  */

section#slider {
    position: relative;
}

.logo-text {
    display: none;
}

section#slider {
    padding: 0px;
}

#slider::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: left;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 9;
}

/* #slider::before {
content: "";
width: 100%;
height: 150px;
position: absolute;
bottom: -28px;
left: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 9;
} */

.banner-content {
    position: absolute;
    top: 0;
    z-index: 99;
    top: 0;
}

#slider .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dots-container .owl-dots {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin: 0px;

}

.banner-left {
    position: relative;
}

.dots-container {
    max-width: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    left: -13%;
}

.dots-container .owl-dot {
    font: normal normal 900 30px / 36px Lato;
    color: #fff;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.owl-dot.active {
    background: var(--primary-color);
}

.calc-subtotal-list-accordion {
    display: none !important;
}

.calc-subtotal .calc-item-title.calc-accordion {
    display: none !important;
}

.banner-content .calc-subtotal .calc-container .calc-list .calc-list-inner {
    padding: 0px !important;
}

.calc-subtotal .sub-list-item.total {
    padding: 0px !important;
    margin: 0px !important;
}

.banner-content .ccb-wrapper-366 .calc-container .calc-list .calc-subtotal-list .sub-list-item.total:first-child {
    border: none !important;
}

.calc-subtotal-list {
    margin-top: 0px !important;
    padding: 5px 0px !important;
}

.banner-content .calc-list-inner {
    padding: 40px 40px 80px 40px !important;
}

.calc-item-title {
    display: none !important;
}

.banner-content .calculator-settings.ccb-front {
    margin: 0px !important;
    position: relative !important;
}

.banner-content .calc-container .calc-list .calc-subtotal-list.unit-enable {
    padding: 0 0px !important;
}

.calc-list-inner {
    background-color: #0000 !important;
}

.calc-subtotal.calc-list {
    position: absolute;
    width: 100% !important;
    bottom: 30px;
    z-index: 999999;
    max-width: 540px !important;
    margin: auto;
    right: 0;
    left: 0;
}

.calc-container.vertical {
    grid: none !important;
}

.calculator-settings.ccb-front {
    max-width: 560px !important;
    max-height: 485px !important;
}

.banner-right {
    display: flex;
    justify-content: end;
}

.banner-content .calc-list .calc-list-inner {
    background: var(--secondary-color) 0% 0% no-repeat padding-box;
    /* border: 2px solid var(--secondary-color); */
    opacity: 1;
    background-color: #0000 !important;
}

.calc-range-slider::after {
    display: none !important;
}

.calc-range-slider::before {
    display: none !important;
}

.ccb-wrapper-366 .ccb-appearance-field {
    padding: 12px 20px !important;
    border-radius: 4px !important;
    border: none !important;
    border-bottom: 2px solid var(--secondary-color) !important;
    color: var(--secondary-color) !important;
}



.home .banner-content .ccb-appearance-field {
    padding: 12px 0px 0px !important;
    border-radius: 0px !important;
    border: none !important;
    border-bottom: 2px solid var(--secondary-color) !important;
    color: var(--secondary-color) !important;
    background: #0000 !important;
}

::placeholder {
    font-size: 18px !important;
    color: var(--secondary-color) !important;
}

.banner-content div[data-id ^="range"] span {
    color: var(--secondary-color) !important;
}

.calc-range-slider-min-max > span {
    font-size: 16px !important;
}

.banner-content .banner-right .calc-item__title,
textarea#text_area_::placeholder {
    font-size: 16px !important;
}

textarea#text_area_::-ms-input-placeholder {
    font-size: 16px !important;
}

.calc-subtotal-wrapper {
    max-width: 450px !important;
    width: 100%;
    margin: 0px auto !important;
    padding: 4px 21px !important;
    border: 2px solid var(--secondary-color);
    backdrop-filter: blur(30px);
}

.banner-content .banner-right .calc-list-inner {
    padding: 40px 40px 105px 40px !important;
}

.banner-content .banner-right .calc-subtotal-wrapper .calc-list-inner {
    padding: 0px !important;
}

.banner-right .calc-range-slider__progress:before {
    background: var(--ternory-color) !important;
    height: 10px;
}

.calc-range-slider__progress::after {
    background-color: var(--secondary-color) !important;
    height: 10px;
}


.calc-range-slider > input:active + output,
.calc-range-slider > input:focus + output,
.calc-range-slider > input:hover + output {
    background-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px var(--primary-color) !important;
    color: var(--secondary-color) !important;
}

.calc-item-title.calc-accordion + .calc-subtotal-list {
    display: none !important;
}

.banner-content .banner-right .calc-container .calc-list .calc-fields-container {
    row-gap: 10px !important;
}

.home .banner-content .calc-container .calc-list .calc-subtotal-list .sub-list-item.total:first-child {
    border-top: none !important;
}

.banner-right input[type="range"]::-webkit-slider-thumb {
    /* Change to your desired color */
    border: 10px solid #FF8800 !important;
    background-color: #FF8800 !important;
    /* Add border for better visibility */
    width: 0px;
    /* Adjust width of the thumb */
    height: 0px;
    /* Adjust height of the thumb */
    cursor: pointer;
    /* Change cursor on hover */
    -webkit-appearance: none;
    /* Remove default styling */
    z-index: 9999999999999;
    accent-color: #ff8800 !important;
    /* margin-bottom: 6px !important; */
}

.calc-range-slider > input:active + output,
.calc-range-slider > input:focus + output,
.calc-range-slider > input:hover + output {
    --value-background: #ff8800 !important;
    background-color: #ff8800 !important;
    border-color: #ff8800 !important;
    box-shadow: 0 0 0 3px #ff8800 !important;
}

.calc-range-slider__progress:before {
    background-color: var(--primary-color) !important;
}

.banner-right input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
}

.banner-right input[type="range"]::-webkit-slider-thumb {
    margin-top: 5px;
}

span.sub-item-title,
span.sub-item-value {
    color: var(--secondary-color) !important;
    font-size: 19px !important;
}

.calc-subtotal-list.show-unit,
.calc-subtotal-list.calc-buttons {
    display: none !important;
}

.calc-subtotal-wrapper::after {
    content: "";
    background: var(--primary-color);
    width: 130px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -99;
}

.calc-subtotal-wrapper {
    position: relative;
}

.banner-content.calculator-mobile {
    display: none;
}

.calc-subtotal-wrapper {
    position: relative;
}

.calc-item .calc-textarea-box {
    width: 100% !important;
}

.calc-container .calc-list .calc-item {
    position: relative;
    width: 100%;
}

/* div[data-id = "text_field_id_1"] .calc-textarea-box, div[data-id = "text_field_id_2"] .calc-textarea-box {
width: 50% !important;
} */
.calc-container .calc-list .calc-item:nth-child(2),
.calc-container .calc-list .calc-item:nth-child(3) {
    width: 49%;
}

.calc-item__title {
    display: none;
}

.calc-container .calc-list .calc-fields-container {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
}

.calc-container.vertical {
    backdrop-filter: blur(10px);
    padding: 0px !important;
    margin: 0px 10px !important;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid var(--secondary-color);
}

.calc-subtotal.loaded.show {
    visibility: hidden !important;
}

.calculator-mobile.banner-content .calc-subtotal.loaded.show {
    visibility: visible !important;
}

/* banner right section  */


.banner-content .banner-tag {
    font: normal normal bold 20px / 24px Lato;
    letter-spacing: 0px;
    background-color: var(--primary-color);
    text-transform: capitalize;
    margin-bottom: 15px;
    display: inline-block;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.banner-content h1,
.banner-content h2 {
    font: normal normal 900 42px/60px Lato;
    letter-spacing: 0px;
    color: var(--secondary-color);
}

.banner-content p {
    font: normal normal normal 18px/30px Lato;
    letter-spacing: 0px;
    color: var(--secondary-color);
    margin-bottom: 40px;
}

a.btn {
    border: 2px solid var(--secondary-color);
    opacity: 1;
    font: normal normal bold 16px/30px Lato;
    color: var(--secondary-color);
    padding: 10px 37px;
    transition: 0.3s ease-in-out;
    border-radius: 0px;
    cursor: pointer;
    border-radius: 10px;
}

a.btn:hover {
    color: var(--secondary-color);
    background-color: var(--primary-color);
}

.banner-content {
    padding: 300px 0px;
}


@media(max-width:1400px) {
    .banner-content {
        padding: 150px 0px;
    }

    #slider::before {
        display: none;
    }

    #slider .owl-carousel .owl-item img {
        min-height: 75vh;
    }

    .banner-content .calc-item textarea,
    .home .banner-content .ccb-appearance-field:not(textarea) {
        min-height: 30px;
    }

    .calc-range-slider {
        height: 20px !important;
    }

}

@media(max-width:1300px) {
    .banner-content {
        padding: 110px 0px;
    }
}

@media(max-width:1199px) {
    .banner-content {
        padding: 80px 0px;
    }

    .banner-content .banner-right .calc-list-inner {
        padding: 10px 30px 85px 30px !important;
    }

    .calc-subtotal.calc-list {
        max-width: 388px !important;
    }
}



@media(max-width:991px) {
    .banner-right {
        display: none;
    }

    .banner-form.mobile input.wpcf7-form-control {
        border-bottom: 1px solid;
    }

    .calculator-mobile .banner-right {
        display: block;
    }

    .owl-carousel .owl-item img {
        min-height: auto;
    }

    .banner-content.calculator-mobile {
        display: block;
    }

    .banner-content.calculator-mobile {
        position: initial;
        background: #000;
    }

    .banner-content .calculator-settings.ccb-front {
        margin: 0px auto !important;
        position: relative !important;
    }

    .banner-content .calc-subtotal-wrapper {
        position: relative !important;
        text-align: left;
    }

    #slider .owl-carousel .owl-item img {
        min-height: 90vh;
        object-fit: none !important;
    }

    .banner-content {
        padding: 250px 0px;
    }

    .banner-right input[type="range"]::-webkit-slider-thumb {
        margin-bottom: 6px !important;
    }

    #slider::after {
        display: none;
    }
}

section#testimonials .owl-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: -90px;
    z-index: 99;
    position: absolute;
    right: 59%;
}

#ive-theme-content-area .banner-content {
    max-width: 1340px !important;
    margin: 0px auto;
    left: 0;
    right: 0;
    align-items: center !important;
}

#ive-theme-content-area .banner-wrapper {
    position: relative;
}


.calc-item .calc-date-picker-select,
.calc-item .calc-drop-down-with-image-current,
.calc-item .calc-input-wrapper input,
.calc-item input[type=email],
.calc-item input[type=number],
.calc-item input[type=password],
.calc-item input[type=text],
.calc-item select,
.calc-item textarea {
    background: #0000 !important;
    border: 0px !IMPORTANT;
    border-bottom: 1px solid #fff !important;
}

.calc-drop-down-with-image-current .calc-dd-with-option-label {
    color: var(--secondary-color) !important;
}

@media(min-width:992px) and (max-width:1100px) {
    .banner-content {
        padding: 90px 0px;
    }

    #slider .owl-carousel .owl-item img {
        object-fit: none;
    }

}


@media(max-width:767px) {
    .banner-content {
        padding: 60px 0px;
    }

    .calc-container .calc-list .calc-item:nth-child(2),
    .calc-container .calc-list .calc-item:nth-child(3) {
        width: 100%;
        background: #0000 !important;
    }
}


@media(max-width:575px) {
    section#site_top {
        display: none;
    }

    .banner-content h1 {
        font: normal normal 900 36px/60px Lato;
        line-height: 40px;
    }

    .banner-content {
        padding: 60px 0px;
    }

    #slider .owl-carousel .owl-item img {
        min-height: 600px;
    }

    .ccb-wrapper-219 .calc-container.vertical {
        width: 100% !important;
        max-width: 280px !important;
        margin: 0px auto !important;
    }

    .calc-subtotal.calc-list {
        max-width: 241px !important;
    }

    .banner-content .calc-item textarea,
    .home .banner-content .ccb-appearance-field:not(textarea) {
        min-height: 45px;
    }

    .calc-container.vertical {
        backdrop-filter: blur(0px);

    }

    .calculator-settings.ccb-front {
        max-width: 320px !important;
    }
}

/* -----Services section--- */

.service-card {
    position: relative;
    height: 100%;
    height: 315px;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: start;
    gap: 15px;
}

.service-card:hover a h3 {
    color: var(--primary-color);
}

.service-card .services-icon {
    width: 75px;
    height: 69px;
    position: relative;
    z-index: 999;
    padding: 15px 15px;
    border: 1px solid var(--secondary-color);
    overflow: hidden;
}

.services-icon::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: var(--primary-color);
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    opacity: 0;
    z-index: -99;
}

.service-card:hover .services-icon::before {
    transform: scale(1.2);
    box-shadow: inset 0px 10px 46px -18px #000;
    opacity: 1;
    animation: blobMove 0.7s 1;
    top: -10%;
    left: -10%;
}

.services-icon img {
    width: 100%;
    height: 100%;
}

.service-card {
    padding: 21px 30px;
}

.service-card::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 315px;
    width: 100%;
    margin-top: 100px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background-color: #000;
    opacity: 0.6;
    content: "";
    transition: 0.3s ease-in-out;
}

.service-card:hover::before {
    margin-top: 10px;
    opacity: 0.4;
}

.service-card:hover::after {
    margin-top: 70px;
    opacity: 0.8;
}

.service-card::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 315px;
    width: 100%;
    margin-top: 160px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background-color: #000000;
    opacity: 0.6;
    content: "";
    transition: 0.3s ease-in-out;
}

button.owl-dot {
    width: 25px;
    height: 10px;
    background: #000;
}

.owl-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.owl-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 50px;
}

button.owl-dot {
    width: 25px;
    height: 10px;
    background: #000;
    border: none;
}

button.owl-dot span {
    width: 25px !important;
    height: 10px !important;
    background: #000 !important;
    border: none !important;
}

button.owl-dot.active {
    background: var(--primary-color);
}

.services-icon {
    transition: 0.3s ease-in-out;
}

.service-card:hover .services-icon {
    background: #fff;
    border: 1px solid #0000;
}

.service-card:hover h3 {
    color: var(--primary-color);
}



/* about us section  */
.image {
    width: 65px;
    height: 62px;
    transition: all 0.4s;
}

.text {
    text-align: left;
    font: normal normal bold 20px/28px Lato;
    letter-spacing: 0px;
    width: calc(100% - 87px);
}

.box-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.box-wrapper:hover .image {
    transform: rotateY(180deg);
}

.Achivement_block {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    /* gap: 60px; */
    margin-bottom: 35px;
}

p.check i::before,
p.AchivementCheck i::before,
.PriceCheck i::before,
.Pointcheck i::before {
    color: var(--primary-color);
    margin-right: 10px;
}

.check,
.AchivementCheck,
.PriceCheck,
.Pointcheck {
    font: normal normal bold 18px/20px Lato;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
}

a.btn.black {
    color: var(--secondary-color);
    background-color: #000000;
    border: 2px solid #0000;
    margin-top: 35px;
}

a.btn.black:hover {
    color: var(--secondary-color);
    background-color: var(--primary-color);
}

/* about left  */
.about-image-wrap {
    position: relative;
}

.about-image-wrap {
    position: relative;
    text-align: right;
    display: flex;
    justify-content: right;
    padding-right: 100px;
}

.img-above-wrap {
    width: 426px;
    height: 546px;
    position: relative;
}

.years {
    overflow: hidden;
    z-index: 9;
}

.years::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: var(--primary-color);
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    opacity: 0;
    z-index: -9;
}

.img-above-wrap:hover .years::before {
    transform: scale(1.2);
    box-shadow: inset 0px 10px 46px -18px #000;
    opacity: 1;
    animation: blobMove 0.7s 1;
    top: -10%;
    left: -10%;
}

.about-image-wrap {
    position: relative;
    text-align: right;
    display: flex;
    justify-content: right;
    padding-right: 100px;
    z-index: 0;
}

.img-below-wrap {
    width: 328px;
    height: 306px;
    position: absolute;
    left: 0px;
    bottom: -30px;
    z-index: -9;
}

.years {
    position: absolute;
    width: 153px;
    height: 146px;
    background-color: #fff;
    font: normal normal bold 50px/60px Lato;
    letter-spacing: 0px;
    color: #000;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: center;
    border-radius: 10px;
}

.years p {
    font: normal normal bold 22px/27px Lato;
    letter-spacing: 0.22px;
    color: #030934;
}

.img-above-wrap:hover .years p {
    color: #fff;
}

.img-above-wrap:hover .years {
    color: #fff;
}

.years p {
    font: normal normal bold 22px/27px Lato;
    letter-spacing: 0.22px;
    text-align: center;
}

.years {
    top: 0;
    bottom: 0;
    margin: auto;
    left: -20%;
    font-family: Nexa;
    color: #030934;
}

.img-above-wrap::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    top: 71px;
    right: -45px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.service-card {
    border-radius: 10px;
}

.img-above-wrap::before {
    content: "";
    position: absolute;
    width: 86px;
    height: 86px;
    bottom: -45px;
    right: 71px;
    background-position: center;
    background-size: unset;
    border-radius: 10px;
}

.img-below-wrap img {
    border-radius: 10px;
}

.img-above-wrap img {
    border-bottom: 10px;
}

.img-above-wrap img {
    border-radius: 10px;
}

@media(max-width:1199px) and (min-width:768px) {
    .Achivement_block {
        flex-direction: column;
        gap: 20px;
        width: 80%;
    }
}

@media(min-width:991px) and (max-width:1025px) {
    .years {
        left: -10%;
    }

    .about-image-wrap {
        padding-right: 65px;
    }
}

@media(max-width:991px) {
    .text {
        width: 100%;
    }
}

@media(max-width:768px) {
    .about-image-wrap {
        padding-right: 0px;
    }

    .img-below-wrap {
        width: 328px;
        height: 306px;
        position: absolute;
        left: 20px;
        bottom: unset;
        top: -5%;
    }

    .img-above-wrap {
        width: 396px;
        height: 506px;
        position: relative;
    }

    .img-above-wrap::after {
        top: unset;
        bottom: 0;
        right: unset;
        left: -60px;
    }
}


@media(min-width:501px) and (max-width:768px) {
    .box-wrapper {
        gap: 15px;
    }

    .Achivement_block {
        gap: 20px;
    }

}

@media(max-width:500px) {

    .img-above-wrap::after,
    .img-above-wrap::before {
        display: none;
    }

    .img-above-wrap {
        width: 100%;
        height: 100%;
    }

    .img-above-wrap img {
        width: 100%;
    }

    .years {
        top: unset;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

    .img-below-wrap {
        display: none;
    }

    .Achivement_block {
        flex-direction: column;
        gap: 30px;
    }

    .box-wrapper {
        justify-content: flex-start;
    }

}


/* steps section  */


.step-text p {
    font-size: 18px;
}

.top-step {
    margin-bottom: 170px;
}

section#steps_sec-us .row {
    margin-top: 40px;
}

.top-step,
.bottom-step {
    display: flex;
    gap: 30px;
    max-width: 450px;
}

.step-img-wrapper {
    width: 87px;
    height: 83px;
    padding: 15px;
    background: var(--secondary-color) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 12px #00000029;
    border-radius: 10px;
}

.step-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.step-number {
    font: normal normal bold 20px/28px Lato;
    letter-spacing: 0px;
}

.step-text h4 {
    margin-bottom: 15px;
}

.steps-container:nth-child(2) {
    display: flex;
    justify-content: end;
}

.steps-container {
    position: relative;
    /* background-color: var(--secondary-color); */
}

.steps-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000;
    top: -100%;
    /* border-left: 2px dashed var(--primary-color);
border-bottom: 2px dashed var(--primary-color); */
}

.steps-container.first::after {
    display: none;
}

.step-icon {
    transition: 0.3s ease-in-out;
}

.top-step {
    margin-bottom: 190px;
}

.steps-container.sec::after {
    width: 19%;
    left: 7%;
    top: -80%;
    z-index: -99;
    height: 110%;
    background-image: repeating-linear-gradient(-60deg, var(--primary-color), var(--primary-color) 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(30deg, #0000, #0000 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(120deg, #0000, #0000 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(210deg, var(--primary-color), var(--primary-color) 4px, transparent 4px, transparent 8px, var(--primary-color) 8px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.steps-container.third {
    margin-top: 50px;
}

.steps-container:hover .step-icon {
    scale: 1.2;
}




.steps-container.third::after {
    width: 25%;
    border-bottom: none;
    left: -30%;
    top: 65%;
    z-index: -99;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    background-image: repeating-linear-gradient(-60deg, var(--primary-color), var(--primary-color) 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(30deg, var(--primary-color), var(--primary-color) 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(120deg, #0000, #0000 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(210deg, #0000, #0000 4px, transparent 4px, transparent 8px, var(--primary-color) 8px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.steps-container.forth::after {
    width: 30%;
    left: 10%;
    top: -73%;
    z-index: -99;
    background-image: repeating-linear-gradient(-60deg, var(--primary-color), var(--primary-color) 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(30deg, #0000, #0000 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(120deg, #0000, #0000 4px, transparent 4px, transparent 8px, var(--primary-color) 8px), repeating-linear-gradient(210deg, var(--primary-color), var(--primary-color) 4px, transparent 4px, transparent 8px, var(--primary-color) 8px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.steps-container.forth {
    margin-top: -60px;
}

.bottom-step {
    padding-left: 30px;
    background: var(--secondary-color);
}

.top-step {
    background: var(--secondary-color);
    padding-bottom: 10px;
}

section#steps_sec-us {
    position: relative;
}

section#steps_sec-us::after {
    content: "";
    background-position: center;
    background-size: cover;
    width: 580px;
    height: 300px;
    position: absolute;
    right: 30px;
    top: 4%;
    background-size: contain;
    background-repeat: no-repeat;
}

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

section#steps_sec-us::after {
    top: 4%;
}

@media(max-width:1500px) {
    section#steps_sec-us::after {
        width: 500px;
    }
}

@media(max-width:1400px) {
    section#steps_sec-us::after {
        width: 500px;
    }

    section#steps_sec-us::after {
        width: 350px;
        top: 6%;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media(max-width:1199px) {
    .steps-container::after {
        display: none !important;
    }

    section#steps_sec-us .row {
        gap: 0px;
    }

    section#steps_sec-us .row {
        justify-content: space-between !important;
    }

    .steps-container.third {
        margin-top: 0px;
    }

    .steps-container.forth {
        margin-top: 0px;
    }

    .bottom-step {
        padding-left: 0px !important;
    }

    .steps-container:nth-child(2) {
        justify-content: start;
    }

    .top-step {
        margin-bottom: 60px;
    }

    section#steps_sec-us::after {
        width: 390px;
        top: -14%;
        right: 0;
    }

    .top-step,
    .bottom-step {
        flex-direction: column;
    }
}

@media(max-width:1024px) {
    section#steps_sec-us::after {
        display: none;
    }
}

@media(max-width:768px) {
    .steps-left {
        margin-bottom: 50px;
    }

    .top-step,
    .bottom-step {
        max-width: 100% !important;
    }


    .step-text,
    .step-text p {
        text-align: center;
    }

}


/* Pricing section  */

.pricing-pack-wrapper {
    display: flex;
    gap: 24px;
}

.pricing-card {
    width: 100%;
    max-width: 370px !important;
    background: var(--secondary-color) 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    clip-path: polygon(100% 0%, 100% 100%, 100% 90.55%, 85.48% 100%, 0% 100%, 0% 0%);
    border-radius: 10px;
}

.pricing-card {
    padding: 32px 25px 35px 22px;
}

.pack-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.pack-name {
    margin-bottom: 35px;
}

.pack-wrap {
    width: 95px;
    height: 95px;
}

.pack-name h4 {
    font: normal normal bold 22px/28px Lato;
    letter-spacing: 0px;
}

.pack-price {
    font: normal normal 900 60px/28px Lato;
    letter-spacing: 0px;
}

.pack-price span {
    font-size: 21px;
    font: normal normal 900 30px/28px Lato;
}

.pack-wrap img {
    width: 100%;
    height: 100%;
}

.pricing-card.dark {
    background: #000;
    color: var(--secondary-color);
}

.pricing-card.dark .PriceCheck {
    color: var(--secondary-color);
}

.banner-page-text.container {
    padding: 220px 0 110px;
}

a.submit-btn {
    font: normal normal bold 18px/20px Lato;
    letter-spacing: 0.18px;
    color: #000;
    text-transform: capitalize;
    padding: 13px 46px;
    border: 1px solid #707070;
    margin-top: 40px;
    display: inline-block;
    transition: 0.3s ease-in-out;
    border-radius: 10px;
}

a.submit-btn.dark {
    color: #000;
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);
}

a.submit-btn:hover {
    background: var(--primary-color);
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.pricing-card.dark .pack-name h4 {
    color: var(--secondary-color);
}

.pricing-card::after {
    content: "";
}

.pricing-card {
    position: relative;
}

.pricing-card::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -2px;
    width: 102px;
    height: 90px;
    background-size: cover;
}

@media(max-width:1199px) {

    .pack-price {
        font: normal normal 900 45px/28px Lato;
        letter-spacing: 0px;
    }

    .pack-wrap {
        width: auto;
        height: 70px;
    }

    .pricing-card {
        width: 258px;
    }


}

@media(max-width:1199px) and (min-width:991px) {
    .pricing-card {
        clip-path: polygon(100% 0%, 100% 100%, 100% 90.55%, 78.48% 100%, 0% 100%, 0% 0%);
    }

    .step-text h4,
    .step-text p {
        font-size: 18px;
        text-align: center;
    }
}

@media(max-width:991px) {
    section#pricing_sec-us .row {
        flex-direction: column-reverse !important;
    }

    .pricing-right {
        margin-bottom: 50px;
    }

    .pricing-card {
        width: 100%;
    }

}

@media(max-width:767px) {

    .pricing-pack-wrapper {
        flex-direction: column;
        align-items: center;
    }
}

/*------- Video section------ */
/* #Video .video-bg-img a{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} */
#Video {
    height: 500px;
    position: relative;
}

#Video .overlay {
    width: 100%;
    height: 500px;
    background-color: rgb(6 6 6 / 70%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

#Video .video-inner {
    margin-top: 14%;
}


/* our team  */

p.designation {
    font-size: 14px;
    font-family: 'Lato';
    text-align: center;
    margin-bottom: 0px;
}

.card-row {
    padding: 10px;
}

.card-row h3 {
    font: normal normal bold 20px/18px Lato;
    letter-spacing: 0.2px;
    text-align: center;
}

.team-card {
    background: var(--secondary-color) 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 12px #00000029;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.GetInTouch-feature-wrapper {
    border-radius: 10px;
    overflow: hidden;
}

.team-card-thumbnail {
    position: relative;
}

section#Our-team i[class^="fa"]::before {
    font-size: 18px;
    color: var(--secondary-color);
}

.social-media-links {
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 23px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--primary-color);
}

section#Our-team .size-medium.wp-post-image {
    height: 270px;
}

.social-media-links {
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 23px;
    position: absolute;
    top: 0;
    right: 26px;
    background: var(--primary-color);
    top: 0;
    bottom: 0;
    margin: auto;
    height: 178px;
    width: 48px;
    z-index: 99;
    transition: 0.3 ease-in-out;
}

.team-card-thumbnail::before {
    content: "";
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    width: 48px;
    height: 66%;
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    transition: 0.3s ease-in-out;
}

.team-card-thumbnail::after {
    content: "";
    position: absolute;
    width: 48px;
    height: 100%;
    top: 0;
    right: 0;
    background: var(--secondary-color);
    z-index: 0;
    transition: 0.3s ease-in-out;
}


.social-media-links a:hover i.fab::before {
    color: #000 !important;
}

.social-media-links {
    transition: 0.3s ease-in-out;
}


@media(max-width:520px) {

    .social-media-links,
    .team-card-thumbnail::after,
    .team-card-thumbnail::before {
        opacity: 1;
    }
}

/* testimonials section  */


.customer-image {
    position: relative;
}

.customer-review {
    text-align: center;
    font: normal normal normal 20px/50px Lato;
    letter-spacing: 0px;
    background: var(--primary-color);
    width: 267px;
    height: 57px;
    color: var(--secondary-color);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -69px;
    rotate: -90deg;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    border-radius: 10px;
}

.client-info-img {
    width: 59px;
    height: 59px;
}

.client-info {
    display: flex;
    gap: 25px;
    align-items: center;
}

.customer-image {
    display: flex;
    justify-content: right;
    width: 416px;
    clip-path: polygon(100% 0%, 100% 100%, 100% 87%, 87% 100%, 0% 100%, 0% 0%);
}

.customer-image img {
    width: 323px !important;
    height: 383px;
    border-radius: 10px;
}

.customer-review img {
    height: auto;
}

.testimonial-content p {
    text-align: left;
    font: normal normal normal 22px Lato;
}

.testimonial-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    padding: 33px 40px;
}

h3.customer-name {
    text-align: right;
    font: normal normal 900 22px/32px Lato;
    margin-bottom: 10px;
}

p.service-used {
    text-align: right;
    font: normal normal normal 18px/32px Lato;
}


.chat-icon {
    width: 32px;
    height: 32px;
    rotate: 90deg;
}

.customer-image::after {
    content: "";
    width: 102px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: -1px;
}

@media(max-width:1400px) {
    .customer-image {
        clip-path: polygon(100% 0%, 100% 100%, 100% 87%, 85% 100%, 0% 100%, 0% 0%);
    }
}

@media(max-width:1199px) {
    .customer-image {
        clip-path: polygon(100% 0%, 100% 100%, 100% 86%, 82% 100%, 0% 100%, 0% 0%);
    }
}

@media(min-width:991px) and (max-width:1400px) {
    .customer-image {
        width: 100%;
    }

    div#header .justify-content-between {}
}

@media(min-width:991px) and (max-width:1025px) {
    .customer-review {
        left: -100px;
    }

    .customer-image {
        width: 100%;
    }

    .customer-image img {
        width: 100%;
    }
}

@media(max-width:991px) {
    .testimonial-right {
        margin-top: 40px;
    }

    .customer-image {
        margin: 0px auto;
        margin: 0px auto;
        justify-content: center;
    }

    .customer-image {
        width: 326px;
    }
}

/* blog section  */
div#custom_services_widget-1 {
    border-radius: 15px;
}

.blog-card {
    max-width: 414px;
    height: 498px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: end;
    padding: 21px;
    gap: 20px;
    position: relative;
    background-position: center;
    transition: 0.3s ease-in-out;
    border-radius: 15px;
}

/* .blog-card:hover h5 {
color: var(--primary-color) !important;
} */

.blog-card::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    /* background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; */
    border-radius: 15px;
}

.ewd-otp-order-tracking-form-div {
    border-radius: 10px;
    overflow: hidden;
}

section#blog-news h5 {
    font: normal normal bold 20px/32px Lato;
    color: var(--secondary-color);
    text-align: left;

}

.blog-card-content {
    position: relative;
    z-index: 9;
    width: 100%;
}

.info-bar p a,
.info-bar p {
    font: normal normal normal 16px/30px Lato;
    /* letter-spacing: 0px; */
    color: var(--secondary-color) !important;
    text-transform: capitalize;
}

.info-bar {
    display: flex;
    justify-content: space-between;
}

.month {
    font-size: 20px;
}

.day {
    font-size: 26px;
    font-family: 'Lato';
    line-height: 30px;
}

.date-box {
    width: 84px;
    height: 78px;
    background: var(--primary-color);
    z-index: 99;
    text-align: center;
    color: var(--secondary-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 30px;
    left: 30px;
    border-radius: 10px;
}

#footer input.wpcf7-form-control.wpcf7-email::placeholder {
    color: #fff !important;
}

.date-box p {
    font-size: 26px;
}

.info-bar i[class ^="fa"] {
    margin-right: 5px;
}

.info-bar i[class ^="fa"]::before {
    color: var(--primary-color);
}

.ewd-otp-order-tracking-form-div {
    position: relative;
}

/* .ewd-otp-statuses:nth-child(2) {
display: none;
} */
div#ewd-otp-ending-status {
    display: none;
}

label.ewd-otp-field-label {
    display: block !important;
    position: absolute;
    top: 23px;
    left: 30px;
    text-transform: capitalize;
    z-index: 0;
}

label.ewd-otp-field-label.active {
    display: none !important;
}

.ewd-otp-tracking-results-field,
.ewd-otp-tracking-results-value {
    max-height: 40px;
    height: 100%;
}

.ewd-otp-empty-display {
    display: none;
}

.ewd-otp-tracking-graphic.ewd-otp-default {
    height: 40px !important;
    max-height: 40px !important;
}

@media(max-width:1400px) {
    .home .blog-card {
        width: auto;
        height: 428px;
    }
}

@media(max-width:991px) {
    .blog-card {
        width: 100%;
        height: 430px;
    }
}

@media(max-width:767px) {
    .blog-card {
        width: 100%;
        height: 448px;
        margin: 0px auto;
    }

    .team-card {
        max-width: 320px;
        margin: 10px auto;
    }
}

/* order traking  */


.ewd-otp-update,
.ewd-otp-order-tracking-form-div h3,
label.ewd-otp-field-label,
.ewd-otp-tracking-form-instructions,
form.ewd-otp-front-end-update-form {
    display: none;
}

.ewd-otp-form-identifier {
    width: 100% !important;
}

.home .ewd-otp-form-email {
    width: 50% !important;
}

.ewd-otp-order-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* border: 1px solid #000; */
}

input.ewd-otp-submit {
    width: 234px;
    height: 45px;
    border-radius: 0px;
    background: #000;
    color: var(--secondary-color);
    font: normal normal bold 16px/28px Lato;
    border: none;
    margin: 0px;
    border-radius: 8px;
}

input[name='ewd_otp_identifier_number'],
input[name='ewd_otp_form_email'] {
    z-index: 99;
    position: relative;
    background-color: #0000;
    border-radius: 0px;
}

input.ewd-otp-submit:hover {
    background: var(--primary-color);
}

.ewd-otp-order-tracking-form-div {
    width: 100%;
}

.ewd-otp-form.ewd-otp-tracking-form-div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 30px;
}

.ewd-otp-order-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ewd-otp-tracking-results-field {
    width: calc(100%/3) !important;
}

.ewd-otp-tracking-results-field {
    width: calc(100%/3) !important;
}

.ewd-otp-tracking-results-value {
    text-align: center !important;
}

.ewd-otp-status-label {
    width: calc(100%) !important;
    justify-content: center !important;
}

.ewd-otp-statuses {
    width: 40% !important;
}

form.ewd-otp-tracking-form {
    display: flex;
}

.ewd-otp-tracking-results-field {
    border: 1px solid var(--secondary-color);
    border-right: 0px;
}

.ewd-otp-tracking-results-field:hover {
    background-color: #0000 !important;
}

/* .ewd-otp-status-label {
border: 1px solid;
border-right: none;
}
.ewd-otp-status-label:nth-child(even) {
border-right: 1px solid;
} */

.ewd-otp-statuses-header {
    width: calc(100%/3 - 20px) !important;
    text-align: center !important;
}

.ewd-otp-statuses,
.ewd-otp-statuses-header {
    text-align: center !important;
}

.ewd-otp-status-label {
    border: 1px solid var(--secondary-color);
    ;
}

.ewd-otp-statuses {
    display: none;
}

.ewd-otp-tracking-results-field {
    margin-bottom: 30px !important;
}

.tracking-your-order {
    font: normal normal bold 30px/40px Lato;
    letter-spacing: 0px;
    color: var(--secondary-color);
}

section#order_tracking-us {
    padding: 90px 0px 60px;
    position: relative;
    background: #000;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 73% 100%;
}

.ewd-otp-tracking-results {
    margin-bottom: 9px;
    width: 100%;
    padding: 10px;
    backdrop-filter: blur(20px);
    border: 1px solid var(--secondary-color);
}

.ewd-otp-tracking-results-label,
.ewd-otp-tracking-results-value,
.ewd-otp-statuses-header,
.ewd-otp-status-label {
    color: var(--secondary-color) !important;
    font-size: 14px;
}

.ewd-otp-full-display {
    display: none;
}

.ewd-otp-tracking-results-label {
    width: 49% !important;
}

.ewd-otp-tracking-results-value {
    width: 40% !important;
}

.ewd-otp-status-label:nth-child(2) {
    display: none !important;
}

.order {
    position: relative;
    z-index: 99;
}

.ewd-otp-tracking-results-field:last-child {
    width: 100% !important;
}

form#ewd-otp-customer-notes-form {
    display: flex;
    max-height: 30px;
    background: #0000;
    border: none;
    outline: none;
}

form#ewd-otp-customer-notes-form textarea {
    background: #0000 !important;
    border: 1px solid #fff;
    border-radius: 0px !important;
    padding: 0px 0px 0px 10px;
}

div#ewd-otp-current-status {
    display: none;
}

.ewd-otp-customer-note-response {
    position: absolute;
    bottom: -5px;
}

form#ewd-otp-customer-notes-form input.ewd-otp-submit {
    max-height: 30px;
    height: 100%;
}

section#order_tracking-us::after {
    content: "";
    position: absolute;
    width: 48%;
    height: 100%;
    top: 0;
    right: 0;
    background: var(--primary-color);
    clip-path: polygon(32.6% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.ewd-otp-tracking-results-field {
    border: 1px solid var(--secondary-color);
}

.ewd-otp-tracking-results {
    color: var(--secondary-color);
}

form.ewd-otp-tracking-form {
    padding: 10px;
    background: var(--secondary-color);
    gap: 10px;
}

section#testimonials h2::before {
    content: "";
    width: 170px;
    height: 170px;
    position: absolute;
    right: -100%;
}

.tracking-your-order {
    position: relative;
}

.tracking-your-order:after {
    content: "";
    width: 150px;
    height: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -170px;
    top: -20px;
    opacity: 0.3;
}

@media(max-width:1400px) {
   /* .customer-review {
        display: none;
    }*/
}

@media(max-width:1024px) {
    section#testimonials h2::before {
        right: -50%;
    }
}


@media(max-width:991px) {
    .tracking-your-order {
        margin-bottom: 30px;
    }
}

@media(max-width:1400px) {
    .tracking-your-order:after {
        left: -130px;
    }
}

@media(max-width:1199px) {
    .tracking-your-order::after {
        content: "";
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        left: 80px;
        top: 0px;
    }
}

@media(max-width:767px) {
    section#testimonials .owl-dots {
        margin-top: -20px;
        right: 0;
        left: 0;
    }

    .customer-image img.attachment-thumbnail {
        width: 100% !important;
        height: 100%;
    }

    .ewd-otp-tracking-results-value {
        width: 100% !important;
    }

    section#testimonials h2::before {
        display: none;
    }
}

@media(max-width:520px) {
    input.ewd-otp-submit {
        width: 154px;
    }
}

/* why choose section  */
div#html5lightbox-watermark {
    display: none !important;
}

section#whyChooseUs {
    padding: 100px 0px;
    /* clip-path: polygon(100% 0%, 100% 100%, 100% 88.55%, 94.48% 100%, 0% 100%, 0% 0%); */
}

section#whyChooseUs h2 {
    color: var(--secondary-color);
    max-width: 470px;
}

.whyChooseUs-right p {
    text-align: left;

    letter-spacing: 0px;
    color: var(--secondary-color);
}

.whyChooseUs-right p:nth-child(1) {
    margin-bottom: 100px;
}

.whyChooseUs-right p:nth-child(2) {
    margin-bottom: 50px;
}

.whyChooseUs-counter span {
    color: var(--secondary-color);
}

section#whyChooseUs {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.whyChooseUs-counter .choose-counter-num {
    margin-bottom: 10px !important;
    font: normal normal 900 50px/30px Lato;
    letter-spacing: 0px;
    color: var(--primary-color);
    line-height: 41px;
    display: inherit;
}

.whyChooseUs-counter span {
    color: var(--secondary-color);
    font: normal normal bold 22px/30px Lato;
    letter-spacing: 0px;
    color: var(--secondary-color);
}

.WhyChooseUs-counter-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 60px 20px;
    margin: 70px 0px;
}

.whyChooseUs-counter {
    width: calc(95% / 2);
    text-align: center;
    border-radius: 10.335px;
    border: 1.034px solid #E2304B
}

.WhyChooseUs-counter-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 60px 0px;
    margin-top: 70px;
}

.whyChooseUs-right {
    margin-top: 60px;
}

.choose-sec-main {
    max-width: 490px;
    max-height: 430px;
    margin: 0px auto;
    position: relative;
    z-index: 9;
}

.choose-sec-main img {
    position: relative;
    z-index: 99;
}

.choose-sec-vid-link {
    width: 302px;
    height: 130px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: linear-gradient(90deg, #EA576E 0%, #CB2941 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30) inset;
    position: absolute;
    right: -110px;
    bottom: -60px;
    z-index: 99;
    border-radius: 10px;
}

.choose-sec-vid-link p {
    color: var(--secondary-color);
    font: normal normal bold 20px/30px Lato;
    letter-spacing: 0px;
    max-width: 160px;

}

.choose-sec-vid-link p {
    color: var(--secondary-color);
    font: normal normal bold 20px/30px Lato;
    letter-spacing: 0px;
}

.vid-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    background: #030934;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 8px;
}

.vid-icon:hover .fa-play:before {
    color: #000;
}

.vid-icon::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: #fff;
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    opacity: 0;
    z-index: -9;
}

.vid-icon:hover::before {
    transform: scale(1.2);
    /* box-shadow: inset 0px 10px 46px -18px #000; */
    opacity: 1;
    animation: blobMove 0.7s 1;
    top: -10%;
    left: -10%;
}

.fa-play:before {
    color: var(--secondary-color);
    font-size: 26px;
}

.choose-sec-vid-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.testimonial-right:hover .client-info-img {
    transform: rotateY(180deg);
}

.client-info-img {
    transition: all 0.4s;

}

.choose-sec-vid-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.choose-sec-main::after {
    content: "";
    position: absolute;
    width: 120%;
    height: 70%;
    top: 0;
    bottom: 0;
    right: -10%;
    margin: auto;
    opacity: 0.6;
    background: linear-gradient(90deg, #E2304B 0%, rgba(179, 38, 59, 0.00) 20%, rgba(179, 38, 59, 0.00) 82%, #E2304B 100%);
    clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 80%);
    z-index: 0;
}

@media(max-width:1199px) {
    .choose-sec-vid-link {
        width: 262px;
        height: 110px;
        background-color: var(--primary-color);
        position: absolute;
        right: -70px;
        bottom: -50px;
    }

    .vid-icon {
        width: 52px;
        height: 52px;
    }
}

@media(max-width:1025px) and (min-width:992px) {
    .choose-sec-vid-link {
        right: -70px;
    }
}

@media(max-width:767px) {
    .choose-sec-vid-link {
        left: 0;
        right: 0;
        margin: auto;
    }

    .whyChooseUs-right {
        margin-top: 120px;
    }
}

@media(max-width:600px) {
    .choose-sec-main::after {
        display: none;
    }

    .toggle-nav.mobile-menu {
        order: 10;
    }


}

@media(max-width:500px) {
    .whyChooseUs-counter {
        width: 100%;
    }

    .whyChooseUs-counter p,
    .whyChooseUs-counter {
        text-align: center;
    }
}



/* FAQ Section  */



.accordion-wrapper {
    margin: 0px auto;
    font-family: 'Lato';
    line-height: 200%;
    width: 100%;
}

.accordion-wrapper h3 {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    padding: 20px 30px;
    margin: 0;
    cursor: pointer;
    font: normal normal bold 21px/24px Lato;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 15px;
    z-index: 0;
    border-radius: 10px;
}

h3.accordion-click.active {
    background: var(--primary-color);
    color: var(--secondary-color);
    margin-bottom: 0px;
}

.accordion-wrapper div {
    background: #cedde5;
    padding: 10px;
    display: none;
}

.accordion-wrapper h3 i {
    /* float: right; */
    margin-top: 5px;
    margin-right: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
}

h3.accordion-click.active i.fas.fa-chevron-down {
    rotate: 180deg;
}

.accordion-wrapper .answer {
    background: var(--secondary-color) !important;
    padding: 13px 30px 13px;
    font: normal normal normal 16px/24px Lato;
    letter-spacing: 0px;
    color: #010101;
}


.service-icon {
    width: 73px;
    height: 70px;
    object-fit: cover;
}

.attributes-container {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 15px;
}

.service-attribute-info {
    width: calc(100% - 90px);
}

.faq-img-wrapper {
    margin-bottom: 15px;
}

p.service-attribute-title {
    font: normal normal bold 18px/26px Lato;
    letter-spacing: 0px;
    color: #010101;
    margin-bottom: 0px;

}

p.service-attribute-desc {
    font: normal normal normal 16px/20px Lato;
}

.faq-img-wrapper {
    position: relative;

}

.faq-img-wrapper::after {
    content: "";
}


.faq-img-wrapper::after {
    content: "";
    height: 92px;
    width: 102px;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media(max-width:1400px) {
    .faq-img-wrapper {
        position: relative;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .faq-img-wrapper::after {
        height: 73px;
        width: 102px;
    }


}

@media(max-width:521px) {
    .faq-img-wrapper::after {
        height: 86px;
        width: 102px;
    }

    .faq-img-wrapper {
        height: 170px;
    }

    .faq-img-wrapper img {
        height: 100%;
        width: 100%;
    }

    .faq-img-wrapper::after {
        height: 71px;
        width: 102px;
    }

    .attributes-container {
        flex-direction: column;
    }

    .service-attribute-info {
        width: 100%;
    }

    .service-attribute-info p {
        text-align: center;
    }
}

@media(max-width:370px) {
    .accordion-wrapper h3 i {
        top: 30px;
        right: 2px;
        margin-top: 0px;
    }

    .fa-chevron-down:before {}
}


/* Get in tech section  */

section#GetInTouch {
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    position: relative;
    background-size: cover;
    padding: 0px;
}

.support-para {
    font: normal normal normal 20px/32px Lato;
    letter-spacing: 0px;
    color: var(--primary-color);
    margin-bottom: 6px;
    line-height: 17px;
}

.support-box {
    display: flex;
    gap: 25px;
}

.GetInTouch {
    position: relative;
    z-index: 99;
    max-width: 536px;
}

section#GetInTouch::after {
    content: "";
    background: #000526;
    width: 17%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.GetInTouch_wrapper {
    padding: 90px 0px;
    /*clip-path: polygon(100% 0%, 100% 100%, 100% 91%, 82.48% 100%, 0% 100%, 0% 0%);*/
    padding-right: 30px;
    background: #000526;
    border-radius: 0px 50px 50px 0px;
}

.GetInTouch::after {
    /*    content: "";*/
    width: 102px;
    height: 92px;
    position: absolute;
    right: 13px;
    bottom: 0;
    background-size: cover;
}

.support-box a {
    font: normal normal bold 30px/32px Lato;
    color: var(--secondary-color);
    cursor: pointer;
}

.GetInTouch-features {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}

.feature-info p,
.desc {
    color: var(--secondary-color);
}

.desc {
    font: normal normal normal 14px/20px Lato;
}

.feature-info p {
    font: normal normal bold 20px/32px Lato;
}

.GetInTouch-feature {
    width: 263px;
    /* height: 165px; */
    padding: 20px 25px;
    position: relative;
    z-index: 99;
}

.GetInTouch-feature-wrapper {
    position: relative;
    margin-bottom: 49px;
}

.GetInTouch-feature-wrapper::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: blur(10px);
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
}

.GetInTouch-feature .icon {
    width: 48px;
    height: 48px;
    border: 0;
}

/* @media(max-width:991px) {
.ewd-otp-tracking-results-label {
  width: 100% !important;
}
} */
/* .ewd-otp-status-label .ewd-otp-statuses:nth-child(2) {
display: none;
} */
.ewd-otp-statuses {
    width: calc(100%/3 - 40px) !important;
}

div#ewd-otp-initial-status {
    display: none;
}

@media(min-width:768px) and (max-width:1199px) {
    .GetInTouch-features {
        flex-direction: column;
        gap: 10px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

@media(max-width:991px) {

    .ewd-otp-tracking-results-label,
    .ewd-otp-tracking-results-value,
    .ewd-otp-statuses-header,
    .ewd-otp-status-label {
        font-size: 11px !important;
    }
}

@media(max-width:767px) {

    .GetInTouch::after {
        display: none;
    }
}

@media(max-width:575px) {
    .GetInTouch-features {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .GetInTouch-feature .icon {
        margin: 0px auto;
    }

    .feature-info p {
        text-align: center;
    }

    .ewd-otp-tracking-results-label {
        width: 100% !important;
    }

    .ewd-otp-form-identifier,
    .ewd-otp-form-email,
    .ewd-otp-form-submit {
        width: 100% !important;
    }

    form.ewd-otp-tracking-form {
        flex-wrap: wrap;
    }
}



.banner-form .input-wrapper p {
    margin: 0px;
}

.banner-form form.wpcf7-form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.banner-form label {
    font: normal normal bold 18px / 24px Lato;
    color: #000;
}

::placeholder {
    color: #212121 !important;
}


.banner-form {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    box-shadow: 0px 3px 6px #00000029;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    max-width: 1270px;
}

.banner-form .input-wrapper input,
.banner-from .submit-wrapper-baner p {
    background: #0000;
    border: none;
    font: normal normal normal 18px / 22px Lato;
    padding: 0px;
}

.banner-form .input-wrapper p {
    margin: 0px;
    max-width: 240px;
}

input#Submit-btn,
.wpcf7-submit {
    background: #030934;
    border: none;
    color: #fff;
    font: normal normal bold 16px / 30px Lato;
    border-radius: 10px;
    padding: 9px 50px 9px 30px;
}

.banner-form .input-wrapper {
    display: inline-block;
    height: max-content;
    position: relative;
}

.banner-form .input-wrapper::after {
    content: "";
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    background: #bdbdbd;
    top: 0;
    bottom: 0;
    margin: auto;
}


.banner-form span.wpcf7-form-control-wrap select {
    border: none;
}

.banner-content .submit-wrapper-banner p {
    margin: 0px;
}

.banner-form span.wpcf7-form-control-wrap select {
    border: none;
    color: #212121 !important;
    background-image: none;
    -webkit-appearance: auto;
    padding: 0px;
}

.input-wrapper.dropdown {
    padding-right: 20px;
}

.submit-wrapper-banner::after {
    content: "\f061";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    height: max-content;
}

.submit-wrapper-banner {
    position: relative;
}

.banner-form span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 13px;
    bottom: -10px;
    right: 0px;
    line-height: 11px;
}

.banner-form.mobile {
    display: none;
}

.team-card {
    cursor: pointer;
}

.social-media-links,
.team-card-thumbnail::after,
.team-card-thumbnail::before {
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.team-card:hover .social-media-links {
    animation: bounceLeft 1200ms ease-in-out forwards;
    transform-origin: top center;
    transition: 0.5s ease-in-out;
    opacity: 1;
}

.team-card {
    overflow: hidden;
}

.team-card:hover .team-card-thumbnail::after,
.team-card:hover .team-card-thumbnail::before {
    animation: bounceLeft 800ms ease-in-out forwards;
    transform-origin: top center;
    transition: 0.5s ease-in-out;
    opacity: 1;
}

@media(max-width:1700px) {
    .banner-content {
        padding: 220px 0px;
    }
}

@media(max-width:1540px) {
    .banner-content {
        padding: 170px 0px;
    }
}

@media(max-width:1400px) {
    .banner-form {
        background: #fff;
        border-radius: 10px;
        padding: 40px;
        box-shadow: 0px 3px 6px #00000029;
        position: unset;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 20px auto 0px;
        max-width: 1270px;
        position: relative;
    }

    .banner-form label {
        font: normal normal bold 15px / 24px Lato;
        color: #000;
    }

    .input-wrapper input,
    .submit-wrapper-baner p {

        font: normal normal normal 14px / 22px Lato;
    }

    .banner-form.desktop {
        display: none;
    }

    input#Submit-btn,
    .wpcf7-submit {
        padding: 9px 40px 9px 10px;
    }

    .input-wrapper.dropdown {
        padding-right: 10px;
    }

    .banner-form-mobile {
        display: block;
    }

    .banner-form.mobile {
        display: block;
    }

    .banner-content {
        padding: 150px 0px;
    }

    #slider .owl-carousel .owl-item img {
        min-height: 90vh;
    }
}

@media(max-width:1200px) {
    .input-wrapper::after {
        display: none;
    }

    .banner-form {
        padding: 40px 20px;
    }

    ::placeholder {
        font-size: 16px !important;
    }

    .banner-form label {
        font: normal normal bold 14px / 24px Lato;
    }



    .banner-form.desktop {
        display: none;
    }

    section.banner-form.mobile {
        display: block !important;
    }

}

@media(max-width:1100px) {
    #slider::after {
        display: none;
    }
}

@media(max-width:991px) {
    div#open_nav {
        display: flex;
        justify-content: flex-end;
    }

    .banner-content {
        padding: 250px 0px;
    }


    .top_bar {
        width: 50% !important;
    }

    .col-xl-8.col-lg-7.col-md-0.col-sm-0.col-1.text-center {
        width: 0px !important;
    }

    .input-wrapper {
        display: inline-block;
        height: auto;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .input-wrapper input,
    .submit-wrapper-baner p {
        font: normal normal normal 14px / 22px Lato;
        height: 48px;
        border-bottom: 1px solid #000;
        border-radius: 0px !important;
    }

    .submit-wrapper-banner::after {

        height: 40px;
    }

    .banner-form span.wpcf7-not-valid-tip {
        bottom: -20px;
        right: 0px;
    }

    .banner-form .input-wrapper p {
        text-align: left;
        width: 100%;
        display: inline;
    }
}

@media(max-width:600px) {
    .quote {
        padding: 0px 10px !important;
    }

    .banner-form {
        box-shadow: none;
    }

    .dots-container {
        position: unset;
    }

    .banner-left {
        margin-left: 0px;
    }

    .dots-container {
        max-width: 100%;
    }

    .banner-content {
        padding: 70px 0px 50px;
    }

    .dots-container .owl-dots {
        display: flex;
        gap: 10px;
        flex-direction: row;
        margin: 20px 0px;
    }

    .dots-container .owl-dot {
        font: normal normal 900 20px / 25px Lato;
        color: #fff;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #fff;
        border-radius: 50%;
        cursor: pointer;
    }

}

.blog-card {
    overflow: hidden;
}

.blog-card::after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* background: #f3f; */
    opacity: 0.4;
    height: 100%;
    position: absolute;
    width: 100%;
    right: 0%;
    top: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s ease-in-out;
}

.blog-card:hover::after {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    background: linear-gradient(to top, transparent 0%, #000 0%);
    transition: 0.4s ease-in-out;
}


.GetInTouch-feature::before {
    background: linear-gradient(to right,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 5%;
    z-index: 2;
}

.GetInTouch-feature:hover::before,
.GetInTouch-feature:focus::before {
    animation: shine 0.45s;
}


span.dropDown.fa-solid.fa-chevron-down {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 14px;
}

.section-space {
    padding: 50px 0px;
}

span.wpcf7-spinner {
    position: absolute;
}

html body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
div,
label,
button,
p,
span.banner-tag,
.main-navigation a,
.whyChooseUs-counter span,
.info-bar p a,
.info-bar p,
span.topbar.data {}

h1::after,
h2::after,
.recent-posts h2::after,
.best-left h3::after,
#footer h3.widget-title::after {
    background-image: url(assets/images/Line.png);
}

:root {
    --primary-color: #030934 !important;
    --secondary-color: #ffffff !important;
}

#site_top .topbar-text p,
span.topbar.data,
span.topbar.data a {
    color: #fff;
    font-family: Lato;
    font-size: 16px;
}

.topbar-left i::before {
    font-size: 14px;
}

.top_bar,
section#site_top::after,
section#site_top::before {
    background-color: #000 !important;
}

.socialbox a i[class^="fa"]::before {
    font-size: 20px;
    color: #fff;
}

@media screen and (min-width:720px) {}

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

#slider::after {
    background-image: url(assets/images/slider/hover-design.png);
}

#slider::before {
    background-image: url(assets/images/slider/design1.png);
}

section#testimonials h2::before {
    background-image: url(assets/images/LightQuote.png);
}

.img-above-wrap::after {
    background-image: url(assets/images/Aboutus/delivery.png);
}

.img-above-wrap::before {
    background-image: url(assets/images/Aboutus/Cetificate.png);
}

.pricing-card::after,
.GetInTouch::after,
.customer-image::after {
    background-image: url(assets/images/design.png);
}

.tracking-your-order::after {
    background-image: url(assets/images/location.png);
}

section.freequote .form-wrapper {
    /*    background-image: url(assets/images/bg.png);*/
}

.support-contact-info {
    background-image: url(assets/images/Contactbgimages.png);
}

section#faq {
    margin: 120px 0px;
}

.eco-box {
    background-color: #fff;
}

section h2 {
    margin-bottom: 80px;
}

section h2 {
    padding: 0;
    margin-bottom: 89px;
    color: #000;
    font-family: Lato;
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    text-align: center;
    letter-spacing: 0pt;
    color: #000000;
    text-transform: capitalize;
}

h2::after {
    left: 0;
    right: 0;
    margin: auto;
}

/*.home h1::after, .home h2::after, .recent-posts h2::after, section#About-us h2::after, .best-left h3::after, .getAquote h2::after {
  content: "";
  width: 91px;
  height: 21px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -35px;
  left: 0;
}*/
.home h1,
.home h2,
.recent-posts h2,
.best-left h3 {
    position: relative;
    margin-bottom: 45px !important;
}

.heading h2 {
    position: relative;
    display: inline-block;
}

:root {
    --primary-color: #030934;
    --secondary-color: #fff;
}



i[class^="fa"] {
    font-family: 'FontAwesome';
    font-style: normal;
}

@media(max-width:1550px) {

    .banner-left {
        margin-left: 70px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .support-form-wrapper {
        padding: 30px 30px 0px 30px;
    }

    .contactus-section {
        box-shadow: none;
    }

    .topbar-address,
    .topbar-mail,
    .topbar-timings {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .img-below-wrap {
        display: none;
    }

    .main-navigation a {
        font-size: 18px;
    }
}

@media(max-width:991px) {

    .banner-form form.wpcf7-form {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px 0px;
    }

    .input-wrapper {
        width: 48%;
    }

    section h2 {
        margin-bottom: 40px;
    }

    .customer-image {
        clip-path: polygon(100% 0%, 100% 100%, 100% 85%, 82% 100%, 0% 100%, 0% 0%);
    }

    div#comments {
        flex-direction: column;
    }

    ol.comment-list {
        width: 100% !important;
    }

    div#respond {
        width: 100% !important;
    }

    div#comments {
        flex-direction: column;
    }

    .counter-container {
        padding: 25px 10px
    }

    .counter-img {
        width: 60px;
    }

    span.counter-number {
        font: normal normal 900 40px/28px Lato;
    }

    .counter-info,
    p.counter-txt {
        text-align: center;
    }
}

@media(max-width:1400px) {
    section#testimonials .owl-dots {
        width: 100%;
        right: 0px;
    }

    ul#menu-primary-menu {
        justify-content: center;
        gap: 10px;
    }

    #site_top .topbar-text p,
    span.topbar.data {
        font-size: 12px;
    }

}

@media(min-width:1200px) and (max-width:1350px) {
    .pricing-card {
        clip-path: polygon(100% 0%, 100% 100%, 100% 90.55%, 83.48% 100%, 0% 100%, 0% 0%);
    }
}

@media(max-width:991px) {

    .primary_nav > li > ul.sub-menu > li a {
        font-size: 18px !important;
    }
}

@media(min-width:992px)and (max-width:1199px) {

    .faq-img-wrapper {
        position: relative;

    }

    .dots-container .owl-dot {
        font: normal normal 900 20px / 36px Lato;
        width: 50px;
        height: 50px;
    }
}

@media(max-width:1024px) {
    div#header .sticky.stickynavbar + .toggle-nav.mobile-menu {
        top: 17px !important;
    }

    .main-navigation ul ul li:hover {
        background-color: #0000;
    }

    .calc-container.vertical {
        margin: 0px !important;
    }

    /*div#header {
  box-shadow: 3px 3px 6px #00000029;
  background-color: #fff;
}*/

    div#header .container {
        box-shadow: none;
    }

    div#vw-sticky-menu {
        background-image: linear-gradient(to left, #fff, #fff);
    }
}

@media(min-width:768px) and (max-width:991px) {
    .quote a {
        padding: 10px 15px;
    }

    section#About-us {
        padding: 70px 0px 50px;
    }

    .whyChooseUs-right p:nth-child(1) {
        margin-bottom: 50px;
    }

    section#whyChooseUs {
        padding: 50px 0px 0px;
    }

    .testimonial-right {
        margin-top: 0px;
    }

    .testimonial-right {
        padding: 20px;
    }

    .comment-meta.commentmetadata + p {
        max-width: 100%;
        margin-left: 0%;
        margin-right: 0;
    }

    .reply {
        margin-left: 0px;
        width: 100%;
        padding: 0px 21px;
    }

    .calling-widget a {
        font-size: 25px;
    }

    .widget_custom_services_widget {
        padding: 34px 15px;
    }

    .widget-title {
        font: normal normal 900 25px/40px Lato;
    }
}

@media(max-width:768px) {
    section#site_top {
        border-radius: 10px;
    }
}

@media(min-width:521px) and (max-width:767px) {
    .topbar-left {
        display: none;
    }
}


@media(min-width:576px) and (max-width:767px) {
    /* .toggle-nav.mobile-menu {
  top: 15px !important;
}

div#header .sticky.stickynavbar+.toggle-nav.mobile-menu {
  top: 15px !important;
} */

    .img-below-wrap {
        display: none;
    }

    .GetInTouch-features {
        justify-content: initial;
    }

    .feature-info p {
        text-align: left;
    }
}

@media(max-width:600px) {
    h1.banner-heading {
        font-size: 32px;
        line-height: 41px;
    }

    .banner-page-text.container {
        padding: 220px 20px 110px;
    }

    .home h1::after,
    .home h2::after,
    .recent-posts h2::after,
    section#About-us h2::after,
    .best-left h3::after,
    .getAquote h2::after {
        left: 0;
        right: 0;
        margin: auto;
    }

    .home h2,
    .recent-posts h2,
    section#About-us h2,
    .best-left h3,
    .getAquote h2,
    .tracking-your-order,
    .GetInTouch.heading h2.left,
    section.thebest h3.left,
    .h3,
    .client-heading h3,
    section h2,
    .single-post h2,
    .quote-heading h4,
    section#service-single h2 {
        text-align: center;
        font-size: 28px;
        line-height: 37px;
        font-weight: 600;
        max-width: 100% !important;
    }



    .heading-tagline {
        font: normal normal bold 17pt/25pt Lato;
        text-align: center;
    }

    p {
        text-align: center;
    }

    .Achivement_block {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .mission-left h3 {
        font: normal normal 900 26px/35px Lato;
        text-align: center;
    }

    .dist-card span,
    .whyChooseUs-counter p {
        font: normal normal 900 30px/20px Lato;
    }

    .dist-card p {
        font: normal normal bold 18px/30px Lato;
    }

    .para,
    .banner-content,
    section#About-us,
    .testimonial-content p,
    h3.accordion-click,
    .answer,
    .ewd-otp-form.ewd-otp-tracking-form-div,
    .whyChooseUs-counter,
    .blog-que,
    .counter-info,
    section h3 {
        text-align: center;
    }

    .h3 {
        text-align: center;
    }

    .brand-ul li {
        text-align: center;
    }

    h2.left {
        width: 100%;
    }

    .pricing-card p {
        text-align: left;
    }

    .whyChooseUs-right p {
        text-align: center;
    }

    .whyChooseUs-right p:nth-child(1) {
        margin-bottom: 50px;
    }

    .client-info {
        margin: 0px auto;
    }

    .support-box,
    .single-post ul {
        justify-content: center;
    }

    .GetInTouch_wrapper {
        padding-right: 0px;
    }

    section#whyChooseUs {
        padding: 50px 0px 0px;
    }

    .GetInTouch_wrapper {
        padding: 50px 0px;
    }

    section#order_tracking-us {
        padding: 50px 0px 40px;
    }

    .client-heading h3 {
        margin-bottom: 30px;
    }

    .info-bar p a,
    .info-bar p {
        font: normal normal normal 14px/23px Lato;
        text-align: left;
        color: var(--secondary-color);
    }

    .entry-date,
    .entry-comments,
    .entry-comments a,
    li.entry-author a {
        font-size: 13px;
    }

    .entry-author a {
        margin-left: 20px;
    }

    .list-unstyled {
        width: 100px;
    }

    .testimonial-right {
        padding: 0px 40px;
    }

    .testimonial-content p {
        font: normal normal normal 20px Lato;
    }

    .single-blog-img .my-5 {
        margin: 20px 0px !important;
    }

    .banner-left {
        margin-left: 0px !important;
    }

    .banner-form form.wpcf7-form {
        flex-direction: column;
        gap: 10px;
    }

    .input-wrapper {
        width: 100%;
    }

    .submit-wrapper-banner {
        position: relative;
        margin: 0px auto;
    }

    .wpcf7 form.invalid .wpcf7-response-output {
        text-align: center;
    }

}


@media(max-width:370px) {
    .quote a {
        padding: 5px 5px;
        font-size: 12px;
    }
}



/* toggle menu  */


@media(max-width:575px) {
    .ewd-otp-tracking-results-value {
        text-align: left !important;
    }

    div#header {
        height: 56px !important;
    }

    header#masthead {
        height: 44px !important;
    }

    .toggle-nav.mobile-menu {
        top: 17px !important;
    }

    div#header .sticky.stickynavbar + .toggle-nav.mobile-menu {
        top: 17px !important;
    }

    .main-navigation a {
        text-align: left;
    }

    .primary_nav > li > ul.sub-menu > li a {
        text-align: left;
    }

    section.support-page .middle-content h2 {
        font: normal normal bold 25px/28px Lato;
        margin: 20px 0px 20px;
    }

    .middle-content p {
        text-align: left;
    }

    section.support-page h4 {
        font-size: 20px;
    }

    section.support-page {
        padding-top: 30px;
    }

    .accordion-wrapper h3 {
        font: normal bold normal 18px/25px Lato;
    }

    .calculator-settings.ccb-front {
        max-width: 280px !important;
    }

    .banner-content {
        left: 0;
        right: 0;
        margin: 0px auto;
    }

    .GetInTouch-feature {
        margin-bottom: 20px;
    }

    img.img-below {
        display: none;
    }

    #comments h2#reply-title {
        width: 100%;
        text-align: center;
    }

    .banner-page-text.container .col-lg-4.col-sm-6.col-6 {
        width: 55%;
    }

    .section-wrap {
        margin-top: 40px;
    }

    .wpcf7 form.invalid .wpcf7-response-output {
        bottom: -5px;
    }

    .title-box {
        background: var(--secondary-color) 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 12px #00000029;
    }

    .title-box .row .col-lg-4 {
        background: var(--secondary-color) 0% 0% no-repeat padding-box;
        box-shadow: none;
    }


    label.ewd-otp-field-label {
        left: 17px;
    }

    ul.services-list {
        max-width: 190px;
        margin: 0px auto;
    }

    .bradcrumbs span,
    .bradcrumbs a {
        font: normal normal bold 14px/16px Lato;
    }

    .outer-footer {
        background-image: none !important;
    }

    .tracking-your-order::after {
        display: none;
    }

    .vw-logo a img {
        width: 80px;
    }
}

.fa-chevron-down:before {
    content: "\f078";
}

section h3 {

    position: relative;
    text-align: left;
}

.heading h2.left {
    text-align: left;
}

.heading h2.left::after {
    margin-left: 0;
    /* margin-right: auto; */
}

.AchivementCheck {
    list-style: none;
}


/* Get A quote  */

section.getAquote,
section.getAquote {
    margin-top: 80px;
    margin-bottom: 80px;
}

.getaquote-header {
    text-align: center;
}

.contact-option {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 15px;
    background: #F6F6F6 0% 0% no-repeat padding-box;
    max-width: calc(100%/3 - 15px);
    width: 100%;
}

.GetInTouchrow {
    display: flex;
    justify-content: space-between;
}

p.contact-label {
    font: normal normal bold 21px/25px Lato;
    margin-bottom: 5px;
}

.contact-info a {
    width: 100%;
    display: block;
    color: #000;
    font-size: 16px;
}

.contact-icon {
    width: 76px;
    height: 76px;
    padding: 17px;
    background: var(--secondary-color);
}


/* get in touch form  */

.form-wrapper {
    max-width: 837px;
    margin: 0px auto;
    padding: 24px 28px;
    background-color: #3f3f3f3b;
}

.form-wrapper ::placeholder,
select {
    font: normal normal normal 17px/25px Lato !important;
    letter-spacing: 0px !important;
    color: #A8A8A8 !important;
}

.form-wrapper input {
    width: 100%;
}

span.wpcf7-form-control-wrap {
    width: 100%;
    display: inline-block;
}

.form-wrapper input,
.form-wrapper select {
    width: 100%;
    border: none;
    border-radius: 5px;
    background: var(--secondary-color);
    padding-left: 26px;

}

.input-wrap {
    position: relative;
}

textarea.message {
    height: 34px;
    padding: 0px;
    padding-left: 26px;
    padding-top: 2px;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 13px;
    bottom: 5px;
    right: 0px;
    line-height: 11px;
}

textarea.message,
input.grossWeight {
    height: 50px;
    padding: 0px;
    padding-left: 26px;
    padding-top: 12px;
    border: none;
}

input.grossWeight {
    padding-top: 0px;
}

select.categories {
    padding: 13px;
}

input#submit-button {
    border-radius: 6.666px;
    border: 1.5px solid rgba(255, 255, 255, 0.50);
    background: linear-gradient(90deg, #EA576E 0%, #CB2941 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30) inset;
    color: #FFF;
    text-align: center;
    font-family: Nexa;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 25px;
    text-transform: capitalize;
}

input#submit:hover,
input#submit-button:hover {
    background-color: var(--primary-color);
}

span[data-name="Message"] span.wpcf7-not-valid-tip {
    bottom: 12px;
}

.form-wrapper {
    position: relative;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border: 0px !important;
    color: #dc3232;
    position: absolute;
    bottom: 5px;
    left: 10px;
    margin: 0px;
}

.quote-heading h4 {
    margin-bottom: 10px;
}

.quote-heading h4 {
    margin-bottom: 10px;
    font: normal normal 900 33px/40px Lato;
    letter-spacing: 0px;
    color: #393536;
}

span.quoteTagline {
    display: inline-block;
    margin-bottom: 40px;
    color: #393536;
    text-align: center;
    font-family: 'Nexa Extra';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

@media(max-width:991px) {
    .contact-info {
        min-width: 190px;
    }

    .contact-option {
        justify-content: center;
        max-width: 370px;
    }

    .GetInTouchrow {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .contact-info,
    p.contact-label {
        text-align: center;
    }
}

@media(min-width:770px) and (max-width:991px) {
    .contact-option {
        align-items: center;
        text-align: center;
    }
}

@media(max-width:769px) {
    .contact-option {
        max-width: 320px;
    }

    .GetInTouchrow {
        flex-wrap: wrap;
    }
}

@media(max-width:520px) {
    .contact-option {
        max-width: 320px;
        flex-direction: column;
    }
}

.title-box.banner-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.title-box img {
    width: 100%;
    height: 100%;
}

.about_me table,
.about_me td,
.about_me th {
    border: none;
}

.about_me p.message {
    margin-bottom: 20px !important;
}

.vw-credit,
.vw-credit a {
    color: var(--white);
}

/*------------- Page -----------------*/
.title-box {
    color: white;
    font-weight: bold;
    background: var(--secondary-color);
    position: relative;
    box-shadow: 0px 0px 12px #00000029;
    background-position: center;
}

.title-box img {
    width: 100%;
}

/* .title-box .row .col-lg-4 {
background: var(--secondary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 12px #00000029;
} */

.title-box h1 {
    font: normal normal 900 34px / 34px Lato;
    letter-spacing: 0.34px;
    color: #fff;
    position: relative;
    text-align: left;
    margin-bottom: 5px;
}

.outer_dpage {
    padding: 40px 0;
}

.above_title {
    position: relative;
}

/* .above_title::after {
content: "";
background: var(--secondary-color);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
} */

@media(max-width:520px) {

    .title-box h1 {
        font: normal normal 900 18px/18px Lato;
    }

    .bradcrumbs {
        padding: 5px 0 !important;
    }
}

.above_title {
    border: 0.5px solid #FFFFFF;
    border-radius: 14px;
    opacity: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 30px 20px 20px;
    width: max-content;
    background: rgba(255, 255, 255, 0.1);
}

.steps-container:hover .step-img-wrapper {
    background-color: var(--primary-color);
}

@media(max-width:520px) {
    .container.single-post {
        margin-top: 0px !important;
    }

    /* .comment-meta.commentmetadata+p {
  max-width: 100%;
  margin-left: 0px;
  margin-right: 0;
  padding: 0px;
} */

    cite.fn a {
        margin-left: 0px !important;
    }

    .comment-list li {
        padding: 0px !important;
    }

    .title-box.banner-img {
        background-size: cover;
        background-position: right;
    }

}