/*
Theme Name: Driving School Lite
Theme URI: https://www.themesglance.com/themes/free-driving-school-lite-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Driving School Lite is a polished, eye-catching, feature-rich and versatile WordPress theme for Driving School, driving instructors, traffic rules teaching class, drivers’ union, driving agency, car training institutes, parking teacher, automobile, bike riding lessons, off road driving, car driving course, off road drive training vehicle license department, automotive shops, tractor agencies, Bus depots, driver, driving class, institute, dashing car, lesson, licence, driving instruction, driving instructor, riding school, motor, online driving courses and lessons, car Driving School Lite and similar websites. It can also be used as a driving blog or road safety teaching blog. It is a purpose oriented theme with all the necessary sections like gallery, testimonial, subscriber’s form, latest news etc. It is designed keeping in mind all the modern website designing norms to yield a performance focused website. The theme is powered by Bootstrap framework which gives it a strong base. It is embedded with social media icons to make your content shareable on various networking sites. It has cleverly used call to action (CTA) button to generate potential lead. This driving WP theme is fully responsive, SEO-friendly, multilingual, multi-browser compatible and retina ready. It supports various content post type. It is feathery light to load. It is coded with clean and secure coding for a bug-free website. With the help of theme customizer and theme options, you can customize the theme to your heart out to give it a personalized touch and do your branding. It promises to bring more traffic to your website with its search engine optimization. Demo: https://www.themesglance.com/tg-driving-school-pro/
Requires at least: 5.0
Version: 0.9.6
Tested up to: 6.4
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: driving-school-lite
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce
Driving School Lite WordPress Theme has been created by Themesglance(themesglance.com), 2018.
Driving School Lite WordPress Theme is released under the Terms of GNU GPL
*/

:root {
    --font-family: "Poppins", sans-serif;
    color-scheme: only light;
}

@font-face {
    font-family: "Poppins-italic";
    font-style: italic;
    font-weight: 400 900;
    src: url("./webfonts/Poppins-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400 900;
    src: url("./webfonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins-extra-bold";
    font-style: normal;
    font-weight: 900;
    src: url("./webfonts/Poppins-ExtraBold.ttf");
}

@font-face {
    font-family: "Poppins-semi-bold", sans-serif;
    font-weight: 800;
    src: url("./webfonts/Poppins-SemiBold.ttf");
}

/* Basic Style */
* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    background-color: #fff;
    font-size: 16px;
    letter-spacing: .51px;
    color: #666;
    overflow-x: hidden;
    font-family: 'Montserrat', 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: #000;
    margin: 0;
    padding: 10px 0;
}

p {
    margin: 0 0 15px;
    padding: 0;
    font-size: 18px;
    font-family: var(--font-family);
    font-weight: 700;
    line-height: 130%;
    color: #012137;
}

a {
    text-decoration: none;
    color: #ffc61a;
}

a:hover {
    color: #000000;
}

a:focus, a:hover {
    text-decoration: none !important;
}

a:focus, button:focus, input:focus, textarea:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
    outline: 2px solid #000;
}

ul {
    margin: 0 0 0 15px;
    padding: 0;
}

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

select {
    width: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    clear: both;
}

/* 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;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.sticky {
    left: 0;
    position: fixed;
    margin: 0;
    padding: 0;
}

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

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

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

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

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

input[type="submit"] {
    background: rgb(0, 24, 109);
    background: linear-gradient(115deg, rgba(0, 24, 109, 1) 0%, rgba(0, 95, 160, 1) 50%, rgba(0, 209, 255, 1) 100%);
    padding: 10px 25px;
    color: white;
    line-height: 1.5;
    font-size: 19px;
    border-radius: 25px;
    border: none;
    font-weight: 600;
    width: 100%;
    height: 50px;
}

input[type="submit"]:hover {
    background: linear-gradient(95deg, rgb(15, 109, 0) 0%, rgb(45, 160, 0) 50%, rgb(72, 255, 0) 100%);
}

table, th, td {
    border: 1px solid #d1d1d1;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    padding: 0.4375em;
}

/* Calendar widget */
.widget.widget_calendar table {
    margin: 0;
    width: 100%;
}

.widget_calendar td, .widget_calendar th {
    line-height: 2.5625;
    padding: 0;
    text-align: center;
}

.widget_calendar caption {
    font-weight: 700;
    margin-bottom: 1em;
    color: #fff;
    font-size: 20px;
}

.widget_calendar tbody a {
    background-color: #ffc61a;
    color: #000;
    display: block;
    font-weight: 700;
}

.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
    background-color: #686868;
    color: #fff;
}

#sidebar .widget_calendar caption {
    color: #000;
    margin-bottom: 0;
}

span.page-links-title {
    clear: both;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    font-weight: bold;
}

span.page-number, span.page-links-title {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    width: auto;
    color: #fff;
    font-weight: bold;
    background: #000;
    -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;
}

/*wide block*/
.alignwide {
    margin-left: -80px;
    margin-right: -80px;
}

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

.alignfull img {
    width: 100vw;
}

/* ---------Buttons--------- */
a.button {
    background: #ffc61a;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

a.button:hover {
    background: #000;
    color: #fff;
}

/*-------- Single post Header Image --------*/
.page-header {
    padding: 8%;
}

.page-header h1 {
    display: block;
    font-size: 35px;
    color: #000;
    font-weight: bold;
}

/*single post cat*/
.post-categories li, .single-post ul {
    display: inline-block;
}

.post-categories li a {
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #ffc61a;
    padding: 8px 10px;
    color: #000;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

/* --------- MENUS CSS --------- */
.menuborder #sidelong-menu {
    display: inline;
}

#sidelong-menu {
    display: none;
}

.nav-menu ul {
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

.nav-menu li {
    display: inline-block;
    position: relative;
}

.nav-menu a {
    color: #fff;
    padding: 22px;
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.nav-menu ul li a:active, .nav-menu ul li a:hover {
    color: #ffc61a;
}

.nav-menu a:focus, #footer a:focus {
    outline: 2px solid #fff;
}

.nav-menu ul ul {
    display: none;
    position: absolute;
    min-width: 225px;
    z-index: 9999;
    top: 50px;
    border: 1px solid #000;
}

.nav-menu ul ul ul {
    left: 100%;
    top: 0;
}

.nav-menu ul ul a {
    color: #000;
    padding: 10px;
    background: #ffc61a;
}

.nav-menu ul ul a:hover {
    background: #000;
    color: #ffc61a;
    border: solid #ffc61a;
    border-width: 1px 1px 1px 4px;
}

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

.nav-menu ul li:hover > ul {
    display: block;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul {
    padding: 10px;
}

.sf-arrows .sf-with-ul {
    padding: 22px 25px 22px 18px;
}

.sf-arrows .sf-with-ul:after {
    content: '\f0dd';
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    font-size: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

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

/*----- PRELOADING -------- */
#overlayer {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    background: #fff;
}

.tg-loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 999999;
    border: 4px solid #333;
    top: 50%;
    left: 50%;
    animation: loader 2s infinite ease;
}

.tg-loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #333;
    animation: loader-inner 2s infinite ease-in-out;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

.elementor-html .tg-loader, .elementor-html #overlayer, .elementor-html .preloader {
    display: none;
}

@-webkit-keyframes preloader-inside-white {
    0% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes preloader-inside-white {
    0% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes preloader-inside-red {
    0% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    30% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes preloader-inside-red {
    0% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    30% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

/* Styles */
.preloader {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
}

.preloader .preloader-container {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 44%;
    left: 0;
    position: relative;
}

.preloader .preloader-container .animated-preloader {
    display: inline-block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: #333;
    border-radius: 50em;
}

.preloader .preloader-container .animated-preloader:after {
    content: '';
    display: inline-block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50em;
    background: white;
    -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
    -ms-animation: preloader-inside-white 1s ease-in-out infinite;
    animation: preloader-inside-white 1s ease-in-out infinite;
}

.preloader .preloader-container .animated-preloader:before {
    content: '';
    display: inline-block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    border-radius: 50em;
    background: #333;
    -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
    -ms-animation: preloader-inside-red 1s ease-in-out infinite;
    animation: preloader-inside-red 1s ease-in-out infinite;
}

/*----------Sticky Header------*/
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 !important;
    width: 100%;
    box-shadow: 2px 2px 10px 0px #2d2d2d;
    z-index: 99999;
}

/* ---------HEADER--------- */
hr.dash {
    margin: 0;
    padding: 0 !important;
    border-top: 2px dashed #fff;
    background: transparent;
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
}

#header .nav ul li:last-child:after, #header .nav ul.sub-menu li:after {
    display: none;
}

p.header-txt {
    font-size: 14px !important;
    font-weight: 700;
    color: #000 !important;
}

.enroll span {
    background: #000000;
    display: inline-block;
}

.enroll span a {
    border: 2px dashed;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}

.enroll span a:hover {
    color: #ffc61a;
}

.contact-icon {
    background: #ffc61a;
    line-height: 1;
    width: 70px;
    margin: 0 auto !important;
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}

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

.call i, .mail i, .time i {
    font-size: 24px;
    color: #fff;
}

.call p, .mail p, .time p {
    color: #666;
    letter-spacing: 0px;
    font-size: 13px;
}

.call p a, .mail p a {
    color: #666;
}

.topbar {
    background: #012137;
}

#header span.location i {
    background: #000000;
    color: #ffc61a;
    font-size: 18px;
}


.menu-sec {
    z-index: 99;
    background-color: #012137 !important;
    margin: 0 8% 0 23%;
}

.social-media i {
    background: #000000;
    color: #ffc61a;
    padding: 17px 10px;
    font-size: 15px;
}

span.location {
    font-size: 13px;
    font-weight: 600;
    color: #000;
}

.social-media a, .logo h1 a, .logo p.site-title a, .blog-sec h2 a, #wrapper .related-posts h3 a, .post-info span, .tags a:hover i {
    color: #000;
}

.social-media i:hover {
    color: #ffc61a;
}

.logo h1, .logo p.site-title {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
}

.logo p {
    font-size: 12px;
    color: #000;
}

input[type="search"] {
    border: solid 1px #bbb !important;
    padding: 10px 25px 10px 10px;
    color: #fff;
}

/* ---------blog--------- */
.blog-sec h2 {
    font-size: 22px;
    font-weight: 600;
    color: #242424;
    letter-spacing: .40px;
}

.blog-sec {
    border: 1px solid #eeeeee;
}

.blog-sec p {
    color: #666;
    font-size: 15px;
}

h1.page-title, h1.search-title {
    background: #ffc61a;
    color: #000;
}

/*------- Related Posts ------*/
#wrapper .related-posts {
    border-top: 1px solid;
}

#wrapper .related-posts h2.related-posts-main-title {
    font-size: 28px;
    color: #000;
    font-weight: 600;
    letter-spacing: 0;
}

#wrapper .related-posts h3 {
    font-size: 22px;
    font-weight: 600;
}

/*-----------------Search pop up----------------*/
.wrap {
    padding: 20px;
}

.wrap input[type="search"]::placeholder {
    background: #fff;
    color: #000;
}

.wrap input[type="search"] {
    height: 45px;
    font-size: 15px;
    font-weight: 400;
    border: none !important;
    color: #000;
    padding: 0;
    padding-right: 60px;
    width: 0;
    position: absolute;
    top: 4px;
    right: 16px;
    margin: 6px 0;
    background: none;
    z-index: 9999;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
}

.wrap label {
    width: 100%;
}

.wrap:focus input[type="search"], .wrap input[type="search"]:focus {
    width: 230px;
    z-index: 999;
    cursor: text;
    padding-right: 0;
    top: 5px;
    right: 85px;
    border: 2px solid #000;
    padding: 10px;
    background: #fff;
}


button.search-submit {
    border: 0;
    background: transparent;
}

input.search-field {
    border: 1px solid;
    padding: 10px;
    background: transparent;
    width: 95%;
    color: #000;
}

/* --------- SLIDER--------- */
#slider .carousel-caption {
    background: #ffc61a;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    background: rgb(255, 198, 026, 0.8);
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 87% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 75% 100%, 100% 100%, 0% 100%);
}

#slider .carousel-caption.d-none.d-md-block {
    width: 55%;
}

#slider {
    max-width: 100%;
}

#slider img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
    background-image: none;
    font-size: 20px;
    color: #fff;
}

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

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: auto;
    height: auto;
}

#slider .inner_carousel h1 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 1px;
}

#slider .inner_carousel p {
    line-height: 2;
    font-size: 13px;
    letter-spacing: 0;
}

#slider .inner_carousel {
    color: #000000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
    right: 19%;
}

#slider .carousel-indicators li {
    width: 15px;
    height: 15px;
    background: #000;
}

#slider .carousel-indicators .active {
    background: #ffc61a;
}

.more-btn a {
    color: #fff;
    padding: 8px 14px;
    background: #000000;
    font-weight: 700;
    font-size: 13px;
    border: 2px dashed #fff;
    display: inline-block;
}

.more-btn span {
    padding: 6px;
    background: #000000;
    display: inline-block;
}

/*Fade slider*/
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

/* our features Section */
#our-features .heading-feature {
    background: url(./images/ourfeatures.png) no-repeat top #000;
    background-size: cover;
}

#our-features a {
    border-bottom: 2px dashed #000;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
}

#our-features h2 {
    color: #ffc61a;
    font-weight: 700;
}

#our-features .right-part:hover h3, #our-features .right-part:hover a {
    color: #ffc61a;
    border-color: #ffc61a;
}

#our-features .main-box {
    margin-top: -35px;
}

#our-features hr.head {
    border-top: 3px dashed #ffd75f;
    width: 5%;
    opacity: 1;
    background: transparent;
}

#our-features .right-part h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

#our-features .right-part p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    letter-spacing: 0;
}

#our-features .main-box img {
    height: 300px;
    object-fit: cover;
}

/* Homepage */
.post-info {
    font-size: 15px;
    border-bottom: 1px solid;
    border-top: 1px solid;
}

.post-info i {
    color: #ffc61a;
    margin-right: 5px;
}

.blogbtn a {
    color: #000;
    background: #ffc61a;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    padding: 10px 20px;
    display: inline-block;
}

.blogbtn a:hover {
    background: #000;
    color: #fff;
}

.entry-audio audio {
    width: 100%;
}

/* Back to Top */
.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 15px;
    width: 40px;
    padding: 3px 5px;
    font-size: 10px;
    font-weight: bold;
    color: transparent;
    visibility: hidden;
    z-index: 3;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
    background-color: #ffc61a;
}

.back-to-top:hover, .back-to-top:focus {
    text-decoration: none;
}

.back-to-top::before, .back-to-top::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 0;
}

.back-to-top::before {
    top: -20px;
    z-index: 4;
    border-bottom: 20px solid #ffc61a;
}

.back-to-top::after {
    bottom: 0;
    z-index: 5;
    border-bottom: 20px solid #000;
}

.back-to-top:hover, .back-to-top:focus {
    height: 40px;
    color: #000;
}

.show-back-to-top {
    display: block;
    visibility: visible;
}

.scroll-left {
    left: 30px;
    right: auto;
}

.scroll-center {
    left: 50%;
    right: 50%;
}

/* Footer Section */
.footerinner {
    width: 100%;
}

#footer {
    background: #000000;
    color: #fff;
    clear: both;
}

#footer a.rsswidget, .copyright p, .copyright a {
    color: #fff;
}

#footer h3, #footer h2, #footer .wp-block-search__label {
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid #ffc61a;
    margin-bottom: 10px;
    width: 100%;
}

#footer p {
    font-size: 15px;
    margin: 0;
}

.copyright {
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 15px 0;
    position: relative;
    text-align: center;
}

#footer input[type="text"] {
    width: 60%;
    padding: 8px 5%;
    float: left;
    margin-right: 2%;
    border-radius: 5px;
}

#footer input[type="submit"] {
    width: 35%;
    padding: 10px 2%;
    float: right;
    border: none;
    background: #ffc61a;
    margin: 0;
}

#footer .search-field {
    width: 63%;
    padding: 10px 5px;
    border: 0;
}

#footer label {
    display: inline;
}

#footer form.search-form {
    text-align: left;
}

.copyright hr.dash {
    margin-top: 0px;
}

.footerinner ul {
    margin: 0;
}

.footerinner ul li {
    list-style: none;
    padding: 6px 0;
    letter-spacing: 1px;
    font-size: 13px;
}

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

.footerinner ul li a:hover {
    color: #ffc61a;
}

#sidebar select, .footerinner select {
    padding: 10px;
    color: #000;
}

.footerinner .tagcloud a, .footerinner .wp-block-tag-cloud a {
    border: solid 1px #fff;
    color: #fff;
    font-size: 15px !important;
    padding: 5px 18px;
    margin: 0 0 5px;
    display: inline-block;
    background: transparent;
}

.footerinner .tagcloud a:hover, .footerinner .wp-block-tag-cloud a:hover {
    background: #ffc61a;
    border: 1px solid #ffc61a;
}

/* Woocommerce */
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ffc61a;
    color: #000;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    background: #fff;
    color: #ffc61a;
    border: 1px solid #ffc61a;
    padding: 10px;
    margin-right: 10px;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a, a.added_to_cart.wc-forward, .product_meta a, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    color: #000;
}

.woocommerce form .form-row .required {
    color: #df0000;
}

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

.woocommerce-message::before {
    color: #ffc61a;
}

.woocommerce-message {
    border-color: #ffc61a;
}

.woocommerce #sidebar {
    margin: 5% 0;
}

select.orderby {
    padding: 10px;
}

span.posted_in {
    display: block;
}

.woocommerce div.product p {
    line-height: 1.5;
    font-size: 16px;
}

.woocommerce span.onsale {
    background: #ffc61a;
    padding: 0;
    color: #000;
}

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
    color: #000;
    font-weight: 600;
    font-size: 18px !important;
}

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

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

.woocommerce-notices-wrapper a.button.wc-forward, .woocommerce a.added_to_cart.wc-forward, .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 {
    background: #ffc61a;
    color: #000;
    border-radius: 0;
}

.woocommerce-notices-wrapper a.button.wc-forward {
    padding: 10px 12px !important;
    opacity: 1;
    text-decoration: none;
}

.woocommerce-notices-wrapper a.button.wc-forward:hover {
    color: #fff !important;
}

.woocommerce a.added_to_cart.wc-forward {
    margin: 5px 0 0 5px;
    padding: 6px;
    font-weight: 700;
}

.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 {
    background: #000;
    color: #fff;
}

.woocommerce .quantity .qty {
    width: 5em;
    padding: 5px;
    border-radius: 0;
    border: solid 1px #000;
    color: #000;
}

nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
}

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

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

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}

span.woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    padding: 2px;
}

.woocommerce ul.products li.product .star-rating {
    margin: 0 auto 10px;
    font-size: 15px;
}

.related.products ul.products li.product {
    width: 29%;
    float: none;
    display: inline-table;
}

.select2-container--default .select2-selection--single {
    height: 45px;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 7px 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}

.woocommerce form .form-row input.input-text {
    padding: 10px;
    border: 1px solid #bcbcbc;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    width: auto;
}

.woocommerce form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    display: block;
    float: none;
}

.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .button {
    margin: 0;
}

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

/*------ Woocommerce widget css -----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li {
    padding: 0 0 10px 2em;
    background: none;
    margin: 0 0 10px;
}

.woocommerce.widget_shopping_cart .cart_list li {
    padding-bottom: 10px;
}

.woocommerce.widget_shopping_cart p {
    margin: 0;
}

#sidebar .woocommerce .widget_shopping_cart .cart_list li a.remove, #sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove {
    font-size: 20px;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 50px;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    padding: 10px 0;
}

#sidebar ul.product_list_widget li {
    padding: 0 0 10px 20px;
    margin: 10px 5px;
}

.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
    margin: 5px 0 5px;
    font-size: 14px;
    width: 5.5em;
}

#sidebar .woocommerce-product-search input[type="search"] {
    padding: 10px;
    width: 100%;
    border: 1px solid;
}

#footer .woocommerce-product-search input[type="search"] {
    padding: 10px;
    width: 100%;
    color: #fff;
    margin: 0;
    border: 1px solid;
}

.woocommerce-product-search button {
    width: 100%;
    padding: 10px;
    background: #ffc61a;
    border: 0;
    font-size: 15px;
    color: #000;
    margin-top: 6px;
}

.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover {
    background: #000 !important;
    color: #fff !important;
}

.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #ffc61a;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #000;
}

#footer .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #fff;
}

/* Added Woocommerce css*/
.wp-block-woocommerce-cart.alignwide {
    margin-left: auto;
    margin-right: auto;
}

td.wc-block-cart-item__image {
    padding: 16px 0px 16px 16px !important;
}

td.wc-block-cart-item__total, .wc-block-components-totals-item, .wc-block-components-totals-coupon {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid #dcdcdc;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-radius: 5px;
}

tr.wc-block-cart-items__header th {
    font-weight: 700;
    padding: 9px 12px !important;
    line-height: 1.5em;
    font-size: 16px;
}

a.wc-block-components-product-name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

a.wc-block-components-product-name, button.wc-block-cart-item__remove-link, a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button {
    text-decoration: none !important;
}

button.wc-block-cart-item__remove-link {
    font-size: 1em !important;
}

span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    text-align: left !important;
}

a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, button.wc-block-components-checkout-place-order-button {
    background: #ffc61a;
    border-radius: 0;
    color: #000 !important;
    font-weight: 500;
    padding: 10px 25px !important;
    font-size: 18px;
}

span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 1.5em !important;
    padding: 10px !important;
    display: block !important;
}

.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    padding-right: 0%;
}

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

.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #dcdcdc;
}

.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
    padding: 10px;
}

li.wc-block-grid__product {
    border: 1px solid #dcdcdc;
    padding: 10px;
    max-width: 30.75% !important;
    float: left;
    margin: 0 3.8% 2.992em 0;
}

.wc-block-grid__product-onsale {
    padding: 5px 10px !important;
    background: #ffc61a !important;
    color: #000 !important;
    border-color: #ffc61a !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    margin: -0.5em -0.5em 0 0 !important;
}

.wc-block-grid__product-title {
    font-size: 22px !important;
    color: #000 !important;
    font-weight: 600;
}

a.wc-block-grid__product-link {
    text-decoration: none !important;
}

a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
    padding: 10px 12px;
    border-radius: 8px !important;
    font-size: 16px;
}

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

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100% !important;
}

h2.wp-block-heading.has-text-align-center {
    margin: 10px 0;
}

/* --------- Bradcrumbs --------- */
.bradcrumbs a {
    background: #ffc61a;
    color: #000;
    padding: 7px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 13px;
}

.bradcrumbs a:hover {
    background: #000;
    color: #fff;
}

.bradcrumbs span {
    background: #ffc61a;
    color: #000;
    padding: 7px 15px;
}

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

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

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

#comments input[type="submit"].submit {
    background: #ffc61a;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 0;
    border: none;
    color: #000;
}

#comments a.comment-reply-link {
    color: #000;
    background: #ffc61a;
    padding: 5px 15px;
}

#comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover {
    background: #000;
    color: #fff;
}

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

#comments a time {
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

#wrapper #comments ol li {
    background: none;
    margin: 0 0 20px;
}

.comment-body {
    background: #f7f7f7;
    padding: 20px;
    margin-bottom: 20px;
}

#wrapper #comments ul {
    margin: 0 0 0 40px;
}

#comments .reply {
    text-align: right;
}

#comments .comment-author {
    width: 100%;
    clear: both;
}

.comment-author.vcard img {
    margin-right: 10px;
}

#comments .comment-content {
    margin-left: 7%;
}

#comments p {
    float: none;
}

.comment-meta.commentmetadata {
    margin: 10px 0;
}

.comment-meta.commentmetadata a {
    color: #ffc61a;
}

/* Sidebar */
#sidebar ul.sub-menu li {
    padding-left: 0;
    margin-left: 0;
}

#sidebar ul.sub-menu li a {
    padding-left: 20px;
}

#sidebar ul li {
    font-size: 14px;
    margin: 15px 10px;
    background: url(images/bullet.png) no-repeat 0px 4px;
    padding-left: 15px;
    border-bottom: 1px solid #e6e6e6;
}

#sidebar .widget {
    border: 4px double #ffc61a;
}

#sidebar form {
    display: table;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#sidebar h3.widget-title {
    background-color: #fff;
    color: #333333;
    border-left: 3px solid #555555;
    border-right: 3px solid #555555;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    position: relative;
    margin-top: -28px;
    width: 200px;
}

#sidebar input[type="search"] {
    padding: 9px 10px;
    border: none;
    font-size: 15px;
    color: #000;
    font-weight: normal;
    width: 100%;
    background: #fff;
}

#sidebar label {
    margin-bottom: 0px;
}

#sidebar input[type="submit"] {
    background: #ffc61a;
    border: none;
    color: #000;
    padding: 11px 0;
    width: 30%;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    border-radius: 0;
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#sidebar ul li a {
    font-size: 13px;
    color: #242424;
    font-weight: bold;
}

#sidebar .tagcloud a, .wp-block-tag-cloud a {
    background: #eeeeee;
    color: #000;
    font-size: 15px !important;
    padding: 5px 18px;
    margin: 0 0 5px;
    display: inline-block;
    border: 1px solid;
    text-decoration: none !important;
}

#sidebar .tagcloud a:hover, .wp-block-tag-cloud a:hover {
    background: #ffc61a;
    color: #fff;
}

/* About Us Widget */
#sidebar .widget {
    padding: 10px;
    margin-bottom: 50px;
}

#sidebar .widget h3, #sidebar .widget h2, #sidebar .wp-block-search__label {
    background-color: #fff;
    color: #333333;
    border-left: 3px solid #555555;
    border-right: 3px solid #555555;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    position: relative;
    margin: -28px auto 10px auto;
    width: 200px;
    text-align: center !important;
}

#sidebar .widget p {
    margin-bottom: 10px;
}

#footer p.custom_author, #sidebar p.custom_author {
    font-size: 20px;
    font-weight: 700;
}

#footer p.custom_designation, #sidebar p.custom_designation {
    font-size: 16px;
    font-weight: 600;
}

#footer p.custom_desc, #sidebar p.custom_desc {
    font-size: 15px;
}

.social-links i {
    color: #ffc61a;
}

.more-button a {
    background: #ffc61a;
    color: #000;
    display: inline-block;
    line-height: 1.5;
    font-weight: 500;
}

/* Contact Us Widget */
#footer .widget {
    clear: both;
    padding: 15px 0;
}

span.custom_details {
    font-weight: 600;
}

/* Page */
iframe {
    width: 100%;
}

.notfound h1 {
    font-weight: bold;
    font-size: 60px;
}

#wrapper ul {
    margin: 0 0 0 10px;
    font-size: 16px;
}

#wrapper ul li {
    line-height: 25px;
}

#wrapper ol {
    margin: 0 0 0 15px;
    font-size: 16px;
    counter-reset: myCounter;
}

#wrapper ol li {
    padding: 0 0 0 0;
}

#respond {
    border-top: 1px solid #121619;
}

/*block css*/
.main-wrap-box .alignfull, .main-wrap-box .alignwide, .main-wrap-box .aligncenter {
    margin-left: 0;
    margin-right: 0;
}

.main-wrap-box .alignfull, .main-wrap-box .alignwide, .main-wrap-box .aligncenter {
    margin-bottom: 20px;
}

.main-wrap-box .alignleft {
    margin-right: 10px;
}

#maincontent .wp-block-button a {
    color: #fff;
    background: #ffc61a;
    border-radius: 30px;
    text-decoration: none !important;
}

#maincontent .wp-block-button.is-style-squared a {
    border-radius: 0px !important;
}

#maincontent .wp-block-button a:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

/*new block css*/
.alignfull img {
    width: 100%;
}

.wp-block-button.is-style-outline a {
    background-color: transparent !important;
    color: #000 !important;
}

.wp-block-button.is-style-outline a:hover {
    color: #000 !important;
    background: transparent;
    border: 2px solid #000 !important;
}

.alignright {
    float: right;
}

.wp-block-search__button {
    background: #ffc61a;
}

#sidebar .wp-block-search__label {
    display: table;
    margin-bottom: 10px;
}

#sidebar .search-form {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
}

.wp-block-calendar {
    text-align: left;
}

#footer .wp-block-search__label {
    display: block;
}

.rss-widget-title {
    color: #333;
}

.wp-block-latest-comments__comment {
    display: flex;
}

.widget_recent_comments ol {
    padding-left: 1rem;
}

.widget_recent_comments .wp-block-latest-comments__comment-meta, .wp-block-latest-comments__comment-excerpt {
    margin-left: 1em !important;
}

.footerinner .widget_calendar td {
    color: #fff;
}

/* Pagination */
.pagination {
    clear: both;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    float: right;
}

.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 10px 15px;
    text-decoration: none;
    width: auto;
    color: #242424;
    border: 1px solid #000;
    -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, .page-links a span:hover, span.page-links-title {
    color: #000;
    background: #ffc61a;
}

.pagination .current, .page-links .current .page-number {
    padding: 10px 15px;
    color: #000;
    background: #ffc61a;
    border: 1px solid #ffc61a;
}

span.page-links-title {
    line-height: 9px;
}

/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a {
    color: #000;
    background: #ffc61a;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px;
}

.navigation .nav-previous a::before {
    content: "\f100";
    display: inline-block;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    margin: 0 8px 0 0;
    font-weight: 900;
}

.navigation .nav-next a::after {
    content: "\f101";
    display: inline-block;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    margin: 0 0 0 8px;
    font-weight: 900;
}

.nav-links {
    margin: 10px 0;
}

.nav-previous {
    float: left;
    width: 50%;
    margin: 15px 0;
}

.nav-next {
    float: right;
    width: 50%;
    text-align: right;
    margin: 15px 0;
}

span.post-title {
    font-size: 20px;
    margin: 3%;
    font-weight: 600;
    line-height: 1.5;
    color: #ffc61a;
}

.tags a {
    font-size: 15px;
    color: #666;
    padding: 6px 10px;
    margin: 0 10px 10px 0;
    border: 1px solid;
    font-weight: 500;
    display: inline-block;
}

.tags a:hover {
    background: #ffc61a;
    color: #000;
    border-color: #ffc61a;
}

.tags a i {
    font-size: 12px;
    color: #ffc61a;
}

.comment p a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a {
    text-decoration: underline;
}

.entry-content {
    margin-top: 20px;
}

#footer .textwidget a {
    text-decoration: underline;
}

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

p.comment-form-url input {
    padding: 12px 10px !important;
    font-size: 18px;
    margin: 20px 0 0 0 !important;
    border: 1px solid #bcbcbc;
    width: 100%;
    height: auto;
}

#sidebar .wp-block-search__button {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 10px 20px;
}

#footer .copyright p {
    background: #000;
    position: relative;
    z-index: 92;
    display: inline-block;
}

#maincontent .m-0 {
    margin-top: 30px !important;
}


#wpcf7-f52-p68-o1 {
    display: flex;
    justify-content: center;
}

.contact-button, .contact-button-project {
    width: 150px;
    height: 50px;
    min-height: 10px;
    border-radius: 8px;
    padding: 13px 25px;
    background: #006900;
    border: 2px solid #006900;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    display: block;
    text-transform: uppercase;
    color: white;
}

.contact-button-project {
    margin-top: 20px;
    margin-left: 40px;
}

.menu-menu-1 > li > a {
    font-weight: 500;
    font-size: 16px;
    line-height: 17.5;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.menuborder {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menubar {
    display: flex;
    align-items: center;
}

.menu-section {
    padding: 25px 10%;
    background-color: black;
}

.view-project-container {
    background-image: url(/wp-content/themes/driving-school-lite/images/backround1.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 66vw;
    width: 100%;
    display: block;
    position: relative;
}

.view-project {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    top: 10%;
    left: 9.2%;
    max-width: 550px;
}

.header-slogan {
    font-family: "Poppins-extra-bold", sans-serif;
    font-weight: 700;
    font-size: 62px;
    letter-spacing: 0;
    text-align: start;
    padding-bottom: 40px;
}

.view-project p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: start;
    padding-bottom: 30px;
}

.view-project a {
    width: 256px;
    height: 64px;
    min-height: 10px;
    border-radius: 15px;
    padding: 19px 41px;
    background: #006900;
    border: 2px solid #006900;
    font-weight: 600;
    font-size: 21px;
    line-height: 20px;
    letter-spacing: 1.26px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    display: block;
}

.house-left {
    background-image: url(/wp-content/themes/driving-school-lite/images/house-left.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    display: block;
    position: relative;
}

.modular-house-container {
    padding: 6% 5% 6% 9.2%;
    background-color: #C5C5C5;
}

.modular-house-container + div {
    align-items: center;
    justify-content: center;
}

.modular-house {
    padding: 5px 10px 5px 40px;
    color: #162415;
}

.modular-house h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0;
    text-align: start;
    padding-bottom: 20px;
    color: #162415;
}

.modular-house p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0;
    text-align: start;
    padding-bottom: 20px;
}

.modular-house a, .projects a {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0;
    text-align: start;
    text-decoration: underline solid auto;
    color: #162415;
}

.projects-container {
    display: flex;
    flex-direction: column;
    padding: 6% 5% 6% 9.2%;
    background-color: #EEF1EF;
}

.projects {
    display: flex;
    background-color: #EEF1EF;
    justify-content: space-between;
    margin-top: 40px;
}

.projects-container h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 38px;
    letter-spacing: 0;
    text-align: start;
    padding-bottom: 20px;
    color: #020402;
    justify-content: space-between;
}

.project {
    display: inline-flex;
    flex-direction: column;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    text-align: start;
    color: #020402;
    line-height: 25px;
    box-shadow: 0px 5px 20px 0px #00000026;
    max-width: 21%;
    justify-content: flex-start;
}

.project a {
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    text-align: start;
    color: #020402;
    line-height: 25px;
}

.project > a > div {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    background-color: #FFFFFF;
}

.get-in-touch {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    color: #32AA27;
    text-transform: uppercase;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.map-container {
    padding: 6% 5% 6% 9.2%;
}

.map-section {
    display: flex;
    flex-wrap: wrap;
}

.contact-form-header {
    font-weight: 600;
    font-size: 32px;
    color: #020402;
    padding-bottom: 20px;
    text-align: left;
}

.wpcf7-form {
    text-align: left;
}

input[type="submit"] {
    width: 100%;
    height: 65px;
    min-height: 10px;
    border-radius: 15px;
    padding: 13px 32px;
    background: #006900;
    font-weight: 600;
    font-size: 21px;
    line-height: 20px;
    letter-spacing: 1.26px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    display: block;
    margin-top: 20px;
}

span.asterix {
    color: #EC6366;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

form label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    width: 100%;
}

form p {
    margin: 0;
}

.contact-form-bottom {
    padding: 0;
    width: 24%;
}

.map {
    width: 72%;
    display: flex;
    justify-content: flex-end;
}

#map_ol3js_1 {
    border: none !important;
}

.wpcf7-list-item {
    padding-left: 0;
    margin: 0;
}

.agree {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.btn-primary:hover, .contact-button:hover {
    background: linear-gradient(95deg, rgb(15, 109, 0) 0%, rgb(45, 160, 0) 50%, rgb(72, 255, 0) 100%);
    color: white;
}

ul.contact-link-list li::marker {
    content: url(/wp-content/themes/driving-school-lite/images/rigth-arrow.svg);
    margin-right: 10px;
    padding-inline-start: 1ch;
}

.contact-link > a {
    margin-left: 10px;
    color: #fff;
}

.contacts {
    font-weight: 800;
    font-size: 24px;
    line-height: 175%;
    letter-spacing: -0.02em;
    color: #fff;
    margin-bottom: 10px;
}

.social-logo {
    margin-right: 20px;
    padding-top: 40px;
}

.contact-link > a {
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0.02em;
}

#learn-more {
    display: none;
}

#footer {
    display: flex;
    justify-content: space-between;
    padding: 1% 5% 1% 9.2%;
}

.dropdown-toggle-selector {
    content: url(/wp-content/themes/driving-school-lite/images/dropdown-toggler.svg);
    height: 20px;
    width: 20px;
    display: none;
}

.header-logo {
    align-items: center;
    justify-content: flex-start;
    display: flex;
}

/*.dropdown-toggle-selector {
    display: none;
}*/
/*.projects {
    margin: 6%;
}*/

.project-item {
    width: 20%;
}

.project-header-text {
    font-family: "Poppins-extra-bold", sans-serif;
    font-weight: 700;
    font-size: 50px;
    letter-spacing: 0;
    text-align: start;
    padding-bottom: 40px;
    margin-left: 40px;
}

.project-text {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 0;
    text-align: start;
    margin: 0 40px;
}

.project-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 20px 6%;
}

/*Slider css*/
@mixin aspect-ratio($width, $height) {
    position: relative;

    &:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: ($ height / $ width) * 100 %;
    }

    > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
}

section {
    background: #F4F4F4;
    padding: 50px 0;
}

.container {
    max-width: 1044px;
    margin: 0 auto;
    padding: 0 20px;
}

.carousel {
    display: block;
    text-align: left;
    position: relative;
    margin-bottom: 22px;

    > input {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;

        &:nth-of-type(10):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -900%;
        }

        &:nth-of-type(9):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -800%;
        }

        &:nth-of-type(8):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -700%;
        }

        &:nth-of-type(7):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -600%;
        }


        &:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -500%;
        }

        &:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -400%;
        }

        &:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -300%;
        }

        &:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -200%;
        }

        &:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: -100%;
        }

        &:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type {
            margin-left: 0%;
        }

        &:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(7):checked ~ .carousel__thumbnails li:nth-of-type(7) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(8):checked ~ .carousel__thumbnails li:nth-of-type(8) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(9):checked ~ .carousel__thumbnails li:nth-of-type(9) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

        &:nth-of-type(10):checked ~ .carousel__thumbnails li:nth-of-type(10) {
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
        }

    }
}

.carousel__slides {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
}

.carousel__slide {
    position: relative;
    display: block;
    flex: 1 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 300ms ease-out;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;

    figure {
        display: flex;
        margin: 0 0 0 40px;
    }

    div {
        @include aspect-ratio(3, 2);
        /*  width: 100%;*/
    }

    img {
        display: block;
        flex: 1 1 auto;
        object-fit: cover;
    }

    figcaption {
        /*  align-self: flex-end;*/
        padding: 0 20px;
        flex: 0 0 auto;
        width: 40%;
        min-width: 150px;
    }

    .credit {
        margin-top: 1rem;
        color: rgba(0, 0, 0, 0.5);
        display: block;
    }

    &.scrollable {
        overflow-y: scroll;
    }
}

.carousel__thumbnails {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    margin: 0 -10px;

    .carousel__slides + & {
        margin-top: 20px;
    }

    li {
        max-width: calc((100% / 3) - 20px);
        margin: 0 10px;
        transition: all 300ms ease-in-out;
    }

    label {
        display: block;
        @include aspect-ratio(1,1);


        &:hover,
        &:focus {
            cursor: pointer;

            img {
                box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
                transition: all 300ms ease-in-out;
            }
        }
    }

    img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.carousel__thumbnails img {
    height: 300px;
    width: 300px;
}

/*End slider css*/

.footer-logo {
    max-width: 20%;
}

.product-mobile {
    display: none;
}

.width-50 {
    width: 50%;
}

@media screen and (max-width: 1700px) and (min-width: 1600px) {

}

@media screen and (max-width: 1300px) {
    .carousel-wrapper {
        display: none;
    }

    .product-mobile {
        display: flex;

        img { margin-bottom: 20px;

        }
    }
}

@media screen and (min-width: 930px) {
    .project-item {
        flex: 0 0 auto;
        width: 19% !important;
    }
}

@media only screen and (max-width: 930px) {
    #learn-more {
        display: flex;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    .dropdown-toggle-selector {
        display: block;
    }

    .navbar-brand {
        display: none;
    }

    .primary-site-navigation {
        display: none;
    }

    .header-logo {
        display: flex;
    }

    .modular-house-container {
        padding: 20px 15px;
    }

    .modular-house {
        padding: 0;
    }

    .modular-house h2 {
        width: 65%;
    }

    .modular-house p {
        padding-bottom: 0;
        margin: 0;
    }

    .modular-house a {
        padding-top: 10px;
        color: #162415;
    }

    .get-in-touch {
        display: none;
    }

    .map-section {
        flex-direction: column;
    }

    .map-container {
        background-color: #C5C5C5;
        padding: 20px 15px;
    }

    .map {
        width: 100%;
        height: 55vw;
        overflow: hidden;
    }

    #map_ol3js_1 {
        top: -50%;
    }

    .contact-form-bottom {
        width: 100%;
    }

    .contact-form-header {
        font-size: 32px;
        line-height: 40px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        color: #020402;
    }

    .projects-container {
        padding: 20px 15px;
        align-items: center;
    }

    .projects {
        flex-direction: column;
    }

    .project {
        display: contents;
        margin-bottom: 30px;
    }

    .project div {
        margin-bottom: 20px;
    }

    .project:not(:first-child) {
        display: none;
    }

    input[type="text"], input[type="email"], input[type="phno"], textarea {
        margin-top: 5px;
    }

    .wpcf7-list-item-label {
        font-size: 16px;
        font-weight: normal;
    }

    .footer-logo {
        display: none;
    }

    #footer {
        flex-direction: column;
        padding: 10px 20px;
    }

    .social-media {
        margin-bottom: 20px;
    }

    #menu-menu-1 {
        display: none;
    }

    #menu-menu-1.show {
        position: fixed;
        top: 99px;
        background: black;
        z-index: 1;
        left: 0;
        display: flex;
        flex-direction: column;
    }

    #menu-menu-1 li {
        border: 1px white solid;
    }

    .project-item {
        width: 100%;
    }

    .card-body {
        text-align: center;
    }
}

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

    .view-project-container {
        background-image: url(/wp-content/themes/driving-school-lite/images/backround-small1.png);
        height: 155vw;
        width: 100%;
    }

    .view-project {
        top: 10px;
        left: 20px;
        width: 100%;
    }

    .header-slogan {
        font-size: 45px;
        letter-spacing: 0;
        padding-bottom: 15px;
        max-width: 65%;
        line-height: 40px;
    }

    .view-project p {
        font-size: 18px;
        padding-bottom: 15px;
        max-width: 55%;
    }

    .view-project a {
        width: 188px;
        height: 47px;
        min-height: 10px;
        border-radius: 10px;
        padding: 14px 30px;
        border: none;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.92px;
    }

    .map {
        width: 100%;
        height: 90vw;
        overflow: hidden;
    }

}

/* Проекти */
.project-card {
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.project-card img {
    transition: transform 0.5s ease;
}

.project-card:hover img {
    transform: scale(1.05);
}

.project-link {
    text-decoration: none;
    color: var(--dark-color);
}

/* Контактна форма */
.contact-form-wrapper {
    background-color: white;
}

.wpcf7-form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    width: 100%;
    margin-bottom: 1rem;
}

.wpcf7-submit {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
}

.wpcf7-submit:hover {
    background-color: #2980b9;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Адаптивність */
@media (max-width: 768px) {
    .header-slogan {
        font-size: 2.5rem;
    }

    .hero-subtitle {
        font-size: 1.2rem;
    }

    .section-title {
        font-size: 2rem;
    }
}