/*
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: "Mulish", sans-serif;
    color-scheme: only light;
}

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

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

@font-face {
    font-family: "Mulish-extra-bold";
    font-style: normal;
    font-weight: 900;
    src: url("./webfonts/Mulish-VariableFont_wght.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 #bcbcbc;
    width: 100%;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0 0 23px 0;
    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, rgba(0, 24, 109, 1) 0%, rgba(0, 95, 160, 1) 50%, rgba(0, 209, 255, 1) 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;
    font-weight: bold;
}

.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-section {
    background: #012137;
    height: 100px;
}

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

.menuborder {
    position: relative;
    margin-top: 16px;
}

.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;
}

.training-academy-section {
    background-color: #ECF7FF;
    padding-left: 8%;
    padding-top: 2%;
    padding-bottom: 20px;
    display: flex;
}

.slider-text-container {
    text-align: center;
}

.get-started-button-small {
    display: none;
}

.apply-button, #menu-menu-2 > li > a, .apply-button-small {
    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;
    height: 46px;
}

#menu-menu-2 > li {
    margin-right: 20px;
}

.apply-button {
    width: 300px;
}

.apply-button-small {
    width: min-content;
}

.apply-button:hover {
    background: linear-gradient(95deg, rgba(0, 24, 109, 1) 0%, rgba(0, 95, 160, 1) 50%, rgba(0, 209, 255, 1) 100%);
}

.cdl-logo {
    width: 380px;
    height: 214px;
    background-image: url(/wp-content/themes/driving-school-lite/images/logo.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

div.motto {
    width: 560px;
    font-family: "Mulish", sans-serif;
    color: #012137;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 8px;
    padding: 15px;
}


.motto-h1 {
    font-weight: 800;
    font-size: 56px;
    margin-bottom: 12px;
}

.motto-h2 {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

.motto-text {
    font-weight: normal;
    font-size: 24px;
}

.training-button {
    font-weight: bold;
    font-size: 22px;
    border: solid 2px #012137;
    border-radius: 39px;
    padding: 12px;
    margin-bottom: 12px;
    background-color: transparent;
}

.logo-container {
    margin: 5% 8% 8%;
    display: inline-block;
}


.contact-form {
    display: inline-block;
    position: absolute;
    top: 10%;
    right: 6%;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 15px;
    border-radius: 8px;
    width: 390px;
}

.contact-form-header {
    font-weight: bold;
    font-size: 29px;
    letter-spacing: -0.02em;
    color: #012137;
}

.background-track {
    background-image: url(/wp-content/themes/driving-school-lite/images/BG2.png);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 45.6vw;
}

.academy-section {
    background-color: white;
    display: flex;
    padding: 45px 0 45px 8%;
    overflow: hidden;
}


.training-academy-text {
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 42px;
    letter-spacing: -0.02em;
    margin-top: 5px;
}

.get-started-button {
    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;
    height: 60px;
    width: 75%;
}

.get-started-button2, .get-started-button-small {
    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;
    height: 60px;
    width: 25%;
    margin-top: 40px
}

.get-started-button-small {
    width: 100%;
    margin: 0 auto;
    padding-right: 8%;
}

.star {
    width: 16px;
    height: 16px;
}

.benefits-text {
    font-family: var(--font-family);
    font-weight: 800;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #012137;
    margin-top: 5px;
}

.benefits {
    max-width: 220px;
    height: 110px;
    margin-bottom: 30px;
}

#top-bar-header {
    justify-content: space-between;
}

#planet {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/Planet.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

#tabler-license {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/tabler_license.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

#coffee {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/Coffee.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

#thumbs-up {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/thumbs-up.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

#shield {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/Shield.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

#lotus {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/Lotus.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

#left-image {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/left-image.png);
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}

.left-image {
    height: 521px;
    width: 100%;
    border-radius: 3%;
}

#right-image {
    background-image: url(/wp-content/themes/driving-school-lite/images/benefits/right-image.png);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}

.right-image {
    height: 521px;
    border-radius: 3%;
    width: 40%;
}

#carousel-right-arrow {
    background-image: url(/wp-content/themes/driving-school-lite/images/carousel/RightArrow.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 53px;
    padding-top: 140px;
}

#carousel-left-arrow {
    background-image: url(/wp-content/themes/driving-school-lite/images/carousel/LeftArrow.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 53px;
    padding-top: 140px;
}

div.slider {
    display: flex;
    margin: 0 8%;
}

.slider-card {
    width: 95%;
    height: 300px;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
}


.slide-stars {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin-right: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.carousel-img {
    border-radius: 10px;
    width: 154px;
    height: 148px;
}

#image2 {
    background-image: url(/wp-content/themes/driving-school-lite/images/carousel/Image2.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    width: 158px;
    height: 150px;
}

.slide-text-bold a {
    font-family: var(--font-family);
    font-weight: 800;
    font-size: 18px;
    line-height: 144%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #012137;
    margin: 10px auto;
    text-decoration: solid 1px underline black;
}

.slide-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #747474;
}

.slick-list {
    width: 100%;
}

.carousel-header {
    padding-bottom: 33px;
    padding-top: 60px;
}

.extra-bold {
    font-family: var(--font-family);
    font-weight: 1000;
    font-size: 32px;
    line-height: 131%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #012137;
}

#footer {
    position: absolute;
    width: 100%;
    background: #012137;
    display: flex;
    justify-content: space-between;
    padding: 0 8% 20px;
}

.footer-logo {
    width: 267px;
    height: 148px;
    margin-top: 40px;
}

.social-media {
    text-align: center;
}

.facebook {
    margin-right: 15px;
}

.contacts {
    font-family: var(--font-family);
    font-weight: 800;
    font-size: 24px;
    line-height: 175%;
    letter-spacing: -0.02em;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 35px;
    margin-right: 120px;
}

li.contact-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 22px;
    line-height: 144%;
    letter-spacing: -0.02em;
    color: #fff;
}

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;
}

#maincontent {
    min-height: 541px;
}

.form-section {
    padding: 0 8%;
    display: flex;
    flex-direction: column;
    align-items: center;
    fill: #ecf7ff;
    background-image: url(/wp-content/themes/driving-school-lite/images/BG1.svg);
}

.form-header {
    align-items: center;
    margin: 32px 0;
    color: #012137;
}

.section-header-font {
    font-family: var(--font-family);
    font-weight: 1000;
    font-size: 50px;
    line-height: 131%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #012137;
}

.section-header-font-h1 {
    font-family: var(--font-family);
    font-weight: 1000;
    font-size: 50px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #012137;
}


.wpcf7-form.init label {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: #012137;
}

label.agree {
    display: inline-flex;
    align-items: center;
}


input[type="text"], input[type="email"], input[type="phno"], input[type="tel"], select.wpcf7-form-control {
    font-size: 22px;
    font-weight: normal;
    color: rgba(63, 67, 69, 0.7);
    margin: 5px 0 20px;
    border: 2px solid #012137;
    border-radius: 8px;
    padding: 8px 12px;
    height: 50px;
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
}

textarea {
    font-size: 16px;
    margin: 15px 0 23px;
    border: 2px solid #012137;
    border-radius: 8px;
    padding: 12px;
    width: 380px;
    height: 150px;
}

span.wpcf7-not-valid-tip, span.wpcf7-list-item-label {
    font-family: var(--font-family);
    color: black !important;

}

.reviewers {
    font-size: 32px;
    font-family: Mulish;
}

.wpcf7-not-valid {
    border-color: red !important;
}

/*
input[type="checkbox"] {
!*    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    outline: none;
    content: none;*!


    border-radius: 8px;
    border: 3px solid #00b0bf;
    width: 27px;
    height: 27px;
    margin-top: -8px;
    margin-bottom: -6px;
    margin-right: 10px;!important;
}
*/


input[type=checkbox] {
    width: 27px;
    height: 27px;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 12px;
    opacity: 0;

}

input[type=checkbox]:before {
    background-color: #FFFFFF;
}

.wpcf7-form-control.wpcf7-checkbox {
    margin-top: 0;
}

input[type=checkbox]:checked ~ .wpcf7-list-item-label::before {
    color: #00b0bf !important;
    font-weight: 900;
    font-size: 16px;
    content: "\2713";
    border-radius: 8px;
    border: 3px solid #00b0bf;
    width: 27px;
    height: 27px;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    position: absolute;
    left: 0;
}


input[type=checkbox] ~ span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 111%;
    letter-spacing: -0.02em;
    color: #012137;
}

.privacy-policy-link {
    color: #00b0bf;
    margin-left: 5px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 111%;
    letter-spacing: -0.02em;
}

.logo-container ~ .apply-button {
    display: none;
}

.dots {
    display: block;
}

div.footer-logo-small {
    display: none;
}

.cdl-logo-small {
    display: none;
}

.background-track-small {
    display: none;
}

.carousel-header-small {
    display: none;
}

.header-logo {
    height: 62px;
    width: 120px;
}

a.header-logo-link {
    position: absolute;
    top: -8px;
    left: 14%;
    width: 179px;
    z-index: 100;
}

.carousel-img-container {
    margin: 0 auto;
}

h1 {
    padding: 0;
}

.opening-section {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
}

#opening-section {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-top: -7px;
}

.wp-image-46 {
    width: 1920px;
}

.apply-button-small {
    display: none;
}

#contact-form-small {
    display: none;
    position: static;
    text-align: center;
    width: 100%;
}

.driver-training {
    font-size: 35px;
    font-weight: 600;
}

.motto-small {
    display: none;
    color: #012137;
    background-color: transparent;
    text-align: center;
    position: absolute;
    z-index: 1;
    padding-left: 20px;
    padding-top: 20px;
}

.motto-small > .motto-h1 {
    font-size: 32px;
    letter-spacing: -0.02em;
    font-weight: 800;
    text-align: left;
    margin-bottom: 0;
    line-height: normal;
}

.motto-small > .motto-h2 {
    font-size: 25px;
    letter-spacing: -0.02em;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
}

.motto-small > .driver-training {
    font-size: 19px;
    letter-spacing: -0.02em;
    font-weight: normal;
    text-align: center;
    border: 2px black solid;
    border-radius: 38px;
    padding: 5px 12px;
    width: fit-content;
    max-width: 53%;
}

.salary {
    background-color: white;
    font-size: 19px;
    letter-spacing: -0.02em;
    font-weight: normal;
    text-align: center;
    padding: 25px 15px;
    color: black;
    border-radius: 8px;
}

.salary-small {
    background-color: white;
    font-size: 19px;
    letter-spacing: -0.02em;
    font-weight: normal;
    text-align: center;
    padding: 25px 15px;
    color: black;
    border-radius: 8px;
    display: none;
}

.training-steps-section {
    background-color: #ECF7FF;
    padding: 45px 0 45px 8%;
}

.training-steps-section .section-header-font {
    text-align: left;
}

.step-slide {
    border-radius: 10px;
    background-color: white;
    padding: 18px 12px;
}

.step-slide-number {
    height: 40px;
    text-align: left;
    margin-bottom: 19px;
}

.slider-1 {
    display: flex;
    justify-content: space-evenly;
    padding: 4.5% 0;
}

.step-slide-text {
    font-size: 22px;
    letter-spacing: 0.02em;
    color: #012137;
    line-height: 110%;
    height: 255px;
    width: 285px;
}

.training-steps-section h1 {
    padding-top: 22px;
    padding-bottom: 50px;
}


input[type="text"], input[type="email"], input[type="phno"], input[type="tel"] {
    margin: 5px 0 20px;
}

.slider-background {
    background-image: url(/wp-content/themes/driving-school-lite/images/training-stepsBG.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    min-width: 1555px;
}

.gallery-section {
    background-color: white;
    padding: 45px 0 59px 8%;
}

.gallery-section .section-header-font {
    text-align: left;
}

.main-image img {
    width: auto;
    border-radius: 8px;
}

.small-gallery-image img {
    margin-bottom: 16px;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    inset: 0;
}

.img-wrapper {
    padding-top: 70%;
    position: relative;
}

.small-gallery-image .row {
    display: flex;
    justify-content: space-evenly;
    row-gap: 16px;
}

.reviewers {
    padding-bottom: 33px;
    padding-top: 60px;
}


.carousel-section {
    background-color: #ECF7FF;
}

.forklift-section {
    background-color: #ECF7FF;
    display: flex;
    font-family: var(--font-family);
    padding: 45px 0 45px 8%;
}

.forklift-section .section-header-font {
    text-align: left;
}

.forklift-section h1 {
    font-family: var(--font-family);
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0.02em;
    font-weight: 1000;
    color: #012137;
}


.forklift-section h2 {
    font-family: var(--font-family);
    font-size: 41px;
    line-height: 100%;
    letter-spacing: 0.02em;
    font-weight: 1000;
    color: #012137;
    padding-top: 20px;
    text-transform: uppercase;
}

.forklift-text {
    font-family: var(--font-family);
    font-size: 30px;
    letter-spacing: -0.02em;
    font-weight: 700;
    color: #012137;
    line-height: 26px;
}

.number-benefits {
    height: 40px;
    margin-right: 40px;
}

img.forklift {
    width: 730px;
}

.number-image {
    margin-bottom: 43px;
}

.academy-header {
    text-align: left;
}

.contact-form-bottom {
    padding: 0 10px;
}

.small-gallery-image-inline {
    display: none;
}


.language-selector {
    list-style-type: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: none;
}

.language-selector li {
    float: left;
    margin: 0 5px 0 0;
}

.language-selector label {
    padding: 5px;
    cursor: pointer;
    -webkit-appearance: button;
    /* WebKit */
    -moz-appearance: button;
    /* Mozilla */
    -o-appearance: button;
    /* Opera */
    -ms-appearance: button;
    /* Internet Explorer */
    appearance: button;
    /* CSS3 */
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 140%;
    color: white;
}

.language-selector label:hover {
    color: #00D1FF;
}

/*.trp_language_switcher_shortcode {
    display: none;
}*/
.trp-language-switcher > div > a {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 140%;
    color: white;
}

.trp-language-switcher > div > a:hover {
    color: #00D1FF;
}

.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
    color: #00D1FF;
}

.trp-language-switcher, .trp-ls-shortcode-language, .trp-ls-shortcode-current-language {
    background-color: #012137 !important;
    width: 80px;
}

.trp-ls-shortcode-current-language, .trp_language_switcher_shortcode {
    margin-right: 25px;
}

input[name="language"]:checked + label {
    color: #00D1FF;
}

.map-section {
    display: flex;
}

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

.map-container {
    align-items: center;
    justify-content: center;
    display: flex;
}

.gallery-section {
    overflow: hidden;
}

.lg-none {
    display: none;
}

.sm-none {
    display: block;
}
.blinking-border {
    border: 2px solid red; /* Initial border style */
    /*animation: blink-border 1s infinite alternate;*/ /* Apply the animation */
}

.actions-button-text{
    color: #012137;
    border: red 2px solid;
}

@keyframes blink-border {
    0% {
        border-color: red; /* Starting border color */
    }
    50% {
        border-color: transparent; /* Border becomes transparent (or another color) */
    }
    100% {
        border-color: red; /* Returns to starting border color */
    }
}

form.wpcf7-form.init label{
    width: 100%;
}
.blinking-text {
    animation: blink 1s linear infinite; /* Apply the 'blink' animation */
}

.actions-button-container {
    margin-top: 40px;
    font-size: 17px;
}

.actions-button-text {
 padding: 10px 20px;
}


@keyframes blink {
    0% {
        opacity: 0; /* Element is fully transparent at the start */
    }
    50% {
        opacity: 1; /* Element is fully visible at 50% of the animation */
    }
    100% {
        opacity: 0; /* Element returns to fully transparent at the end */
    }
}

@media screen and (max-width: 1700px) and (min-width: 1600px) {
    .contact-form {
        top: 5%;
    }


}

@media screen and (max-width: 1600px) and (min-width: 1500px) {
    .contact-form {
        top: 5%;
    }


    input[type="text"], input[type="email"], input[type="phno"], input[type="tel"] {
        margin: 5px 0 20px;
    }

    .training-steps-section {
        overflow-x: scroll;
    }
}


@media screen and (max-width: 1500px) and (min-width: 1199px) {
    .contact-form {
        top: 3%;
    }

    .training-steps-section h1 {
        position: sticky;
        top: 10px;
        left: 10px;
    }

    .training-steps-section {
        overflow-x: scroll;
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .logo-container {
        display: flex;
        justify-content: center;
        margin: 0;
        align-items: center;
        height: 100%;
    }

    #contact-form {
        display: none;
    }

    #contact-form-small {
        display: inline-block;
    }

    .contact-form-header {
        font-size: 29px;
        color: #012137;
        font-weight: 600;
    }

    #our-features .main-box img {
        height: 200px;
    }

    .logo-container {
        margin: 1% 1% 1%;
    }

    .cdl-logo-small {
        display: none;
    }

    .get-started-button2 {
        width: 100%;
    }

    .get-started-button-small {
        display: none;
    }

    #contact-form {
        top: 4%;
    }

    .training-academy-text {
        font-size: 20px;
        line-height: 30px;
    }

    .get-started-button2, .get-started-button {
        display: none;
    }

    .get-started-button-small {
        margin-top: 40px;
        margin-bottom: 40px;
        display: block;
    }

}

@media screen and (max-width: 1199px) {
    .actions-button-container {
        margin-top: 20px;
    }


    img.number-benefits {
        height: 32px;
    }

    img.number-benefits {
        height: 32px;
    }

    .slide-text {
        overflow: scroll;
        max-height: 240px;
    }

    .section-header-font {
        font-size: 32px !important;
        line-height: 120%;
    }

    .gallery-section {
        padding-bottom: 59px;
        padding-top: 26px;
    }

    .gallery-section h1 {
        padding-bottom: 25px;
    }

    .logo-container {
        display: flex;
        justify-content: center;
        margin: 0;
        align-items: center;
        height: 100%;
    }

    div.motto {
        margin: 0;
    }

    .training-steps-section h1 {
        position: sticky;
        top: 10px;
        left: 10px;
    }

    .training-steps-section {
        overflow-x: scroll;
    }

    .forklift-section {
        padding-right: 8%;
    }

    .number-benefits {
        margin-right: 20px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1024px) {
    .map-section {
        padding-top: 25px;
    }

    .carousel-section {
        padding-bottom: 25px;
    }

    #slider img {
        height: 400px !important;
    }

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

    #slider .inner_carousel p {
        line-height: 1.5;
    }

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

    #sidebar h3.widget-title, #sidebar .wp-block-search__label {
        width: 150px;
    }

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

    #sidebar .wp-block-search__button, #sidebar input[type="submit"], .footerinner .wp-block-search__input, .footerinner .wp-block-search__button {
        width: 100%;
    }

    #sidebar .wp-block-search__button, .footerinner .wp-block-search__button {
        margin-left: 0px;
    }

    #sidebar input[type="search"], .footerinner .wp-block-search__input {
        margin-bottom: 5px;
    }

    tr.wc-block-cart-items__row {
        gap: 1em;
    }

    #contact-form {
        display: none;
    }

    #contact-form-small {
        display: inline-block;
    }

}

@media screen and (min-width: 769px) and (max-width: 1000px) {
    .carousel-section {
        padding-bottom: 25px;
    }

    .map-section {
        padding-top: 25px;
    }

    #left-image {
        margin-right: 15px;
    }

    .academy-header {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 720px) and (max-width: 768px) {

    .sm-none {
        display: none;
    }

    .lg-none {
        display: block;
    }

    .md-none {
        display: block;
    }

    .dots {
        display: none
    }

    .map-section {
        padding-top: 25px;
    }

    .carousel-section {
        padding-bottom: 25px;
    }

    .academy-header {
        margin-bottom: 20px;
    }

    #left-image {
        margin-right: 15px;
    }

    .map-section {
        flex-direction: column;
        margin-top: 25px;
    }

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

    div.slider, .slick-track, .slick-slider {
        flex-direction: row;
    }

    .main-image img {
        width: 253px;
    }

    .training-academy-section {
        flex-direction: column;
        padding-left: 0;
    }

    .motto {
        display: none;
    }

    .motto-small {
        display: block;
        width: 100%;
    }

    .salary-small {
        width: 100%;
        border-radius: 0;
        display: block;
    }

    #contact-form {
        display: none;
    }

    #contact-form-small {
        display: inline-block;
    }


    .apply-button-small {
        display: block;
    }

    .apply-button {
        display: none;
    }

    #top-bar-header {
        justify-content: end;
    }

    .top-bar {
        display: none;
    }

    .header-logo-link {
        top: 0;
    }

    .related.products ul.products li.product {
        width: 48%;
        float: left;
    }

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

    #slider .inner_carousel p {
        display: none;
    }

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

    #slider .more-btn a {
        padding: 9px;
    }

    #sidebar input[type="submit"] {
        padding: 14px 0;
        font-size: 9px;
    }

    #footer input[type="submit"] {
        padding: 15px 2%;
        font-size: 11px;
    }

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

    #sidebar h3.widget-title {
        width: 124px;
    }

    .widget th, .widget td {
        padding: 0px;
    }

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

    #maincontent .alignleft {
        max-width: unset;
    }

    #footer .wp-block-search__inside-wrapper {
        display: block;
    }

    #sidebar .wp-block-search__inside-wrapper, #sidebar .widget_categories ul, #sidebar .widget_pages ul, #sidebar .widget_rss ul,
    #sidebar .search-form, #sidebar .widget_nav_menu ul, .wp-block-latest-comments__comment, #sidebar .widget_block ul, .footerinner.search-form {
        display: block;
    }

    #sidebar .wp-block-search__label, #sidebar .wp-block-search__button, #sidebar input[type="submit"], .footerinner .wp-block-search__input,
    .footerinner .wp-block-search__button, #footer .search-field, #footer input[type="submit"] {
        width: 100%;
    }

    #sidebar input[type="search"], .footerinner .wp-block-search__input, #footer .search-field {
        margin-bottom: 5px;
    }

    #sidebar .wp-block-search__button, .footerinner .wp-block-search__button {
        margin-left: 0px;
    }

    tr.wc-block-cart-items__row {
        gap: 1em;
    }

    li.wc-block-grid__product {
        max-width: 48% !important;
        float: left;
        clear: both;
        margin: 0 1% 2.992em;
        flex: 1 0 48% !important;
    }

    .slider-text-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    #menu-menu-2 > li > a {
        padding: 17px 25px;
    }

    .small-gallery-image-inline {
        display: inline-flex;
        overflow-x: scroll;
    }

    .small-gallery-image-inline img {
        width: 253px;
        height: 253px;
        margin-right: 25px;
    }

    .small-gallery-image {
        display: none;
    }

    .main-image {
        display: none;
    }
}

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

    .md-none {
        display: block;
    }

    .lg-none {
        display: block;
    }

    .sm-none {
        display: none;
    }

    .salary-small {
        display: block;
        width: 100%;
    }

    .training-academy-section {
        padding-left: 0;
    }

    .dots {
        display: none
    }

    .map-section {
        flex-direction: column;
        padding-top: 25px;
    }

    #footer {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        position: absolute;
        width: 100%;
    }

    .arrows {
        display: flex;
        align-items: center;
        width: min-content;
    }

    div.slider, .slick-track, .slick-slider {
        flex-direction: row;
    }

    .main-image img {
        width: 253px;
    }

    .main-image {
        display: none;
    }

    .small-gallery-image-inline img {
        width: 253px;
        height: 253px;
        margin-right: 25px;
        object-fit: cover;
    }

    .small-gallery-image-inline .img-wrapper {
        width: 253px;
        margin-right: 25px;
        padding-top: 0;
    }

    .small-gallery-image-inline {
        display: inline-flex;
        overflow-x: scroll;
    }

    .small-gallery-image {
        display: none;
    }

    .training-steps-section h1 {
        padding-top: 0;
        padding-bottom: 25px;
    }

    .left-image {
        height: 350px;
    }

    .motto {
        display: none;
    }

    .motto-small {
        display: block;
        width: 100%;

    }

    .header-logo {
        height: 52px;
        width: 94px;
    }

    a.header-logo-link {
        height: 52px;
        width: 94px;
    }

    .apply-button-small {
        display: block;
    }

    .apply-button {
        display: none;
    }


    #top-bar-header {
        justify-content: end;
    }

    .top-bar {
        display: none;
    }

    .more-btn a {
        font-size: 10px;
    }

    #our-features hr.head {
        width: 10%;
    }

    tr.wc-block-cart-items__row {
        gap: 0.4em;
    }

    td.wc-block-cart-item__total {
        padding-left: 0px !important;
    }

    li.wc-block-grid__product {
        max-width: 100% !important;
        float: none;
        flex: 100% !important;
    }

    .slider-text-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    #menu-menu-2 > li > a {
        padding: 17px 25px;
    }

    #contact-form-small {
        display: inline-block;
    }

    .slide-text {
        overflow: scroll;
        max-height: 240px;
    }
}

@media screen and (max-width: 720px) and (min-width: 361px) {

    .sm-none {
        display: none;
    }

    .md-none {
        display: block;
    }

    .lg-none {
        display: block;
    }

    .footer-logo-container {
        text-align: center;
    }

    .training-steps-section {
        background-color: #ECF7FF;
        padding: 25px 0 15px 20px;
    }

    #top-bar-header {
        justify-content: end;
    }

    .top-bar {
        display: none;
    }

    .menu-sec {
        margin: 0 2%;
    }

    .alignwide {
        margin: 0;
    }

    .wrap:focus input[type="search"], .wrap input[type="search"]:focus {
        width: 210px;
    }

    #slider .carousel-caption.d-none.d-md-block {
        display: block !important;
    }

    #slider .inner_carousel p {
        display: none;
    }

    #slider .inner_carousel h1 {
        font-size: 15px;
        margin-bottom: 0rem !important;
    }

    #slider img {
        height: 200px !important;
        object-fit: cover;
    }

    .more-btn {
        margin-top: 0rem !important;
        padding-top: 0rem !important;
    }

    #slider .inner_carousel {
        right: 15%;
    }

    #slider .more-btn a {
        padding: 7px 6px;
    }

    ol.children {
        margin: 0 !important;
    }

    ol.children img {
        width: 30px;
        border: solid 1px;
    }

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

    #sidebar h3.widget-title {
        width: 250px;
    }

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

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

    .post-categories {
        margin-top: 10px !important;
        margin-left: 0 !important;
    }

    .carousel-control-prev, .carousel-control-next {
        width: 10%;
    }

    .slider-text-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .header-logo-link {
        top: 0;
    }

    #menu-menu-2 > li > a {
        padding: 17px 20px;
    }

    #slider .carousel-caption.d-none.d-md-block {
        display: block !important;
    }

    .slider-text-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .apply-button > a {
        font-size: 13px;
    }

    .menu-sec {
        margin: 0 2%;
    }

    #menu-menu-2 {
        display: flex;
    }

    .nav-menu ul li a {
        /*   padding-bottom: 1px !important;
           padding-right: 5px !important;
           padding-left: 5px !important;*/
        font-size: 13px !important;
    }

    .cdl-logo-small {
        display: block;
    }

    #maincontent, #footer, .menu-section {
        width: 100%;
    }

    .background-track-small {
        background-image: url(/wp-content/themes/driving-school-lite/images/BG-small-min.png);
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 114vw;
        width: 100%;
        display: block;
        transform: scaleX(-1);
    }

    .background-track {
        display: none;
    }

    .logo-container ~ .apply-button {
        display: block;
        display: block;
    }

    .mobile-flex {
        display: flex;
        flex-direction: column;
    }

    .benefits {
        max-width: initial;
        display: flex;
        height: 50px;
        margin-bottom: 25px;
        align-items: center;
    }

    .benefits-text {
        margin-top: 0;
    }

    .academy-section {
        padding-bottom: 0;
        overflow: hidden;
    }

    .academy-header {
        text-align: left;
        max-width: 370px;
        margin-bottom: 22px;
    }

    .right-image {
        display: none;
        width: 100%;
        border-radius: 5px;
        margin-left: -4vw;
        height: 54vw;
        padding-bottom: 10px;
    }

    #right-image {
        background-image: url(/wp-content/themes/driving-school-lite/images/benefits/right-image-small.png);
    }

    .slider {
        display: flex;
        flex-direction: column;
    }

    .slider-card {
        flex-direction: column;
        width: initial;
        height: 300px;
        margin-bottom: 22px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .slide-text {
        text-align: left;
        margin-left: 12px;
    }

    .slide-text-bold {
        text-align: left;
        margin-left: 12px;
        margin-top: 0;
    }

    .carousel-img {
        width: 60px;
        height: 115px;
        position: absolute;
        clip: rect(0, 100px, 115px, 0);
    }

    .dots {
        display: none;
    }

    img.footer-logo-small {
        width: 380px;
        height: 225px;
    }

    div.footer-logo-small {
        display: flex;
        justify-content: center;
        margin: 32px auto;
    }

    .carousel-img-container {
        position: relative;
        border-radius: 10px;
        width: 60px;
        height: 115px;
        min-width: 60px;
    }

    .cdl-logo-small-link {
        position: absolute;
        top: 22px;
        right: 22px;
    }

    .wpcf7-list-item-label::before {
        left: 5px;
    }

    .contact-link-list {
        width: 100%;
    }


    .carousel-header-small {
        display: block;
        font-family: var(--font-family);
        font-weight: 1000;
        font-size: 24px;
        line-height: 142%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #012137;
        padding-bottom: 33px;
        padding-top: 60px;
    }

    .carousel-header {
        display: none;
    }

    .slide-text {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 137%;
        letter-spacing: -0.02em;
        color: #747474;
    }

    .header-logo {
        display: block;
        position: absolute;
    }

    #contact-form-small {
        display: block;
    }

    .training-academy-text {
        font-size: 20px;
        line-height: 30px;
    }

    .get-started-button2, .get-started-button {
        display: none;
    }

    .get-started-button-small {
        margin-top: 40px;
        margin-bottom: 40px;
        display: block;
    }

    .slider-text-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .main-image {
        display: none;
    }

    .small-gallery-image {
        display: none;
    }

}

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

    .sm-none {
        display: none;
    }

    .footer-logo-container {
        text-align: center;
    }

    #top-bar-header {
        justify-content: end;
    }

    .top-bar {
        display: none;
    }

    .apply-button > a {
        font-size: 13px;
    }

    #menu-menu-2 > li > a {
        padding: 17px 20px;
    }

    #menu-menu-2 {
        display: flex;
    }

    .nav-menu ul li a {
        padding-bottom: 1px !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 13px !important;
    }

    .background-track-small {
        background-image: url(/wp-content/themes/driving-school-lite/images/BG-small.png);
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 114vw;
        width: 100%;
        display: block;
        transform: scaleX(-1);
    }

    .cdl-logo-small {
        display: block;
        width: 90%;
    }

    .menu-section {
        width: 100%;
    }

    #footer {
        width: 100%;
    }

    .background-track {
        display: none;
    }

    .motto {
        display: none;
    }

    .mobile-flex {
        display: flex;
        flex-direction: column;
    }

    .benefits {
        max-width: initial;
        display: flex;
        height: 50px;
        margin-bottom: 25px;
        align-items: center;
    }

    .benefits-text {
        margin-top: 0;
        font-size: 17px;
    }

    .academy-section {
        padding-bottom: 0;
        overflow: hidden;
    }

    .academy-header {
        text-align: left;
        max-width: 370px;
        margin-bottom: 22px;
    }

    .right-image {
        width: 100%;
        border-radius: 5px;
        margin: 0 auto;
        height: 72vw;
    }

    #right-image {
        background-image: url(/wp-content/themes/driving-school-lite/images/benefits/right-image-small.png);
    }

    .slider {
        display: flex;
        flex-direction: column;
    }

    .slider-card {
        flex-direction: column;
        width: initial;
        height: 115px;
        margin-bottom: 22px;
    }

    .slide-text {
        text-align: left;
        margin-left: 12px;
    }

    .slide-text-bold {
        text-align: left;
        margin-left: 12px;
        margin-top: 0;
    }

    .carousel-img {
        width: 60px;
        height: 115px;
        position: absolute;
        clip: rect(0, 100px, 115px, 0);
    }

    .dots {
        display: none;
    }

    img.footer-logo-small {
        width: 380px;
        height: 225px;
    }

    div.footer-logo-small {
        display: flex;
        justify-content: center;
        margin: 32px auto;
    }

    .carousel-img-container {
        position: relative;
        border-radius: 10px;
        width: 60px;
        height: 115px;
        min-width: 60px;
    }

    .cdl-logo-small-link {
        position: absolute;
        top: 2px;
        right: -16px;
    }

    .wpcf7-list-item-label::before {
        left: 5px;
    }

    .contact-link-list {
        width: 100%;
    }


    .carousel-header-small {
        display: block;
        font-family: var(--font-family);
        font-weight: 1000;
        font-size: 24px;
        line-height: 142%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #012137;
        padding-bottom: 33px;
        padding-top: 60px;
    }

    .carousel-header {
        display: none;
    }

    .slide-text {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 137%;
        letter-spacing: -0.02em;
        color: #747474;
    }

    .nav-menu li a {
        font-size: 16px;
    }

    form.wpcf7-form {
        width: 100%;
    }

    input[type="submit"] {
        width: 90%;
    }

    .nav-menu ul li a {
        padding-right: 5px !important;
        padding-left: 5px !important;
        padding-bottom: 1px !important;
    }

    .wpcf7-submit {
        width: 100%;
    }

    #contact-form-small {
        display: block;
    }

    .training-academy-text {
        font-size: 20px;
        line-height: 30px;
    }

    .get-started-button2, .get-started-button {
        display: none;
    }

    .get-started-button-small {
        margin-top: 40px;
        display: block;
    }

    .slider-text-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

}