/* Root Variables */
:root {
    --primary-color:#000000;
    --secondary-color: #F6F6F6;
    --border-radius: 10px;
    --transition-speed: 0.3s;
    --greencode: #2BCD5A;
    --skyblue: #32C3D7;
    --brilliantrose:#FA649B;
    --lightcoralpink:#F28086;
    --seablue:#6DC5D8;
    --mintgreen: #89D4A0;
    --slateblue: #595BC7;
    --lightorange:#FEA661;
    --iceblue:#78DBF5;
}

body.instructor-list, 
html {
    height: 100%;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.popup-add {
    overflow: hidden;
}

body {
  font-family: 'Figtree';
    color: var(--primary-color);
    font-size: 18px;
    font-weight: normal;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-ExtraBold.woff2') format('woff2'),
        url('../fonts/Figtree-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Regular.woff2') format('woff2'),
        url('../fonts/Figtree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.woff2') format('woff2'),
        url('../fonts/Figtree-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBold.woff2') format('woff2'),
        url('../fonts/Figtree-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Bold.woff2') format('woff2'),
        url('../fonts/Figtree-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Medium.woff2') format('woff2'),
        url('../fonts/Figtree-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}






input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, textarea {
    background: #FFFFFF;
    border: 1px solid #B8B8B8;
    border-radius: 10px;
    height: 55px;
    width: 100%;
    padding: 0 18px;
    font-size: 18px;
    font-weight: 500;
     font-family: 'Figtree';
}


ul, li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}



a {
    color: #303be4;
    text-decoration: none;
}


img{
    max-width: 100%;
    height: auto;
}


.greencode{
    color: var(--greencode);
}


.skyblue{
    color: var(--skyblue);
}



.brilliantrose{
    color: var(--brilliantrose);
}


h1, h2, h3, h4, h5, h6{
font-family: 'Figtree'; 
    font-weight: bold;
color: var(--primary-color);
}

h2 {
    font-size: 32px;
    line-height: 43px;
    font-weight: 600;
    margin-bottom: 11px;
    text-transform: none;
}

p:empty {
    margin: 0px;
}

p {
    color: var(--primary-color);
    font-size: 16px;
    font-family: 'Figtree';
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 18px;
    letter-spacing: 0.2px;
}

.btn {
    border-radius: 5px;
    display: inline-flex;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    background-color: var(--primary-color);
    align-items: center;
    padding: 0px 44px;
}

.btn:hover{
    background:#059FB8;
    color: #fff;
}


.btn span.arrow {
    margin-left: 13px;
    width: 12px;
}


/* ========================================================
Header css start here 
=========================================================*/

header.header {
    width: 100%;
    border-bottom: solid 1px #e4e4e4;
    position: sticky;
    z-index: 99;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);
backdrop-filter: blur(12px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);

}

.head-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 18px;
    padding-bottom: 18px;
}

.head-inner a.logo {
    width: 100%;
    max-width: 152px;
}

.head-inner a.logo:focus {
    outline: none;
}

.head-inner nav.navbar {
    padding-left: 44px;
    padding-right: 30px;
    flex: 1;
}

.head-inner nav.navbar ul {
    display: flex;
    align-items: center;
    margin: 0px;
}

.head-inner nav.navbar ul.navbar-nav li a {
    font-size: 16px;
    font-weight: 800;
    line-height: 19.8px;
    letter-spacing: 0px;
    display: block;
    padding: 10px 8px;
    color: #000000;
    text-transform: uppercase;
    position: relative;
}

.head-inner nav.navbar ul li:hover ul.dropdown-menu {
    display: block;
    opacity: 1;
}

.head-inner nav.navbar ul li:nth-child(2) span.toggle_menu_m {
    display: none;
}

.head-inner nav.navbar ul li:nth-child(3) span.toggle_menu_m {
    display: none;
}

.head-inner .top-contact .inner-login ul.dropdown-sec li a {
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 7px 25px;
    color: #000000;
}

.head-inner nav.navbar ul.navbar-nav li a:hover {
    color: #059FB8;
}

.head-inner .top-contact .inner-login ul.dropdown-sec li a:hover{
    color: #059FB8;
}


ul .mega-menu .dropdown-menu .active a{
        color: #059FB8 !important;
}

.head-inner nav.navbar ul li.active a{
        color: #059FB8;
}

.head-inner nav.navbar ul li span.toggle_menu_m {
    position: absolute;
    right: -15px;
    top: 17px;
    cursor: pointer;
}

.head-inner nav.navbar ul li span.toggle_menu_m:before {
    content: "";
    background-image: url(../images/down-arrow.svg);
    width: 11px;
    height: 8px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.head-inner nav.navbar ul li span.toggle_menu_m i.fa-solid.fa-caret-down {
    font-size: 0px;
}

.head-inner nav.navbar ul li ul.dropdown-menu {
    position: absolute;
    background: #ffffff;
    border-radius: 10px;
    padding: 4px 6px;
    transition: all 0.3s ease;
    display: none;
    box-shadow: 0 0 30px rgba(5, 159, 184, 0.6);
    min-width: 994px;
}

.head-inner nav.navbar ul li ul.dropdown-menu a {
    color: #ffffff;
    display: block;
    padding: 8px 0;
    font-size: 16px;
}

.head-inner nav.navbar ul li ul.dropdown-menu a:hover {
    opacity: 0.7;
}

nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0.7rem 1rem;
}

nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item ul {
    display: block;
    margin-bottom: 22px;
}

nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item h4 {
    margin-bottom: 10px;
}

nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item ul li {
    padding: 0px;
    margin: 0 0 7px;
}

.head-inner nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item ul li a {
    opacity: 1;
    color: #000000;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 400;
    padding: 0px;
}


.head-inner nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item ul li a:hover {
    color: #059FB8;
    text-decoration: none;
}

nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item h4 a {
    color: #000000;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0px;
}


nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item h4 a:hover{
    color: #059FB8;
    text-decoration: none;
}

nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list {
    display: flex;
    flex-wrap: wrap;
}

nav.navbar ul li ul.dropdown-menu .dropdown-submenu-list .submenu-item {
    width: 33.333%;
}


.head-inner nav.navbar ul li {
    margin: 0 10px;
    position: relative;
}

a.learn-more:hover {
    color: #059FB8;
}

.container {
    max-width: 1355px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.head-inner .top-contact {
    display: flex;
    align-items: center;
    position: relative;
}

.head-inner .top-contact .inner-login {
    position: relative;
}

.head-inner .top-contact .inner-login a.btn.login span.icon img {
    width: 18px;
}

.head-inner .top-contact .inner-login ul.dropdown-sec {
    position: absolute;
    background: #ffffff;
    width: auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    min-width: 169px;
    right: 0px;
    padding: 10px 0px;
    display: none;
    border-radius: 10px;
}

.head-inner .top-contact .inner-login:hover ul.dropdown-sec {
    display: block;
}

.head-inner .top-contact a.call {
    display: flex;
    align-items: center;
    color: #059FB8;
    font-size: 26px;
    font-weight: 700;
    margin-right: 18px;
}

.head-inner .top-contact a.call:hover{
    color: #000000;
    transition: filter 0.3s ease;
}

.head-inner .top-contact a.call:hover img{
filter: brightness(0%);
}

.head-inner .top-contact a.call span.icon {
    display: block;
    margin-right: 7px;
    margin-top: -6px;
}

.head-inner .top-contact a.call span.icon img {
    vertical-align: middle;
}

a.btn.login {
    background: #059FB8;
    border-radius: 5px;
    padding: 0px 22px;
    display: flex;
    align-items: center;
    line-height: 41px;
}

a.btn.login:hover{
   background:#000000;
}

a.btn.login span.icon {
    margin-right: 7px;
    margin-top: 5px;
}

.banner-main {
    background: #000000;
}

.banner-inner {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
    align-items: center;
}

.banner-inner .find-form {
    width: 50%;
}

.banner-inner .banner-image {
    width: 50%;
    text-align: right;
}

.banner-inner .banner-image img {
    border-radius: 10px;    
}

.banner-inner .find-form h1 {
    color: #FFFFFF;
    font-size: 42px;
    margin-bottom: 25px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-weight: 600;
}
.banner-inner .find-form form.find-inst {
    width: 100%;
    max-width: 424px;
    position: relative;
}

.banner-inner .find-form form.find-inst:before {
    content: "";
    width: 13px;
    height: 93px;
    background-image: url('../images/form-right-icon.svg');
    position: absolute;
    right: 0px;
    top: 38%;
    transform: translate(29px, -50%);
    display: none;
}


.banner-inner .find-form form.find-inst .form-group {
    margin-bottom: 17px;
    position: relative;
}

.banner-inner .find-form form.find-inst .form-group span.icons {
    position: absolute;
    top: 53%;
    transform: translate(14px, -50%);
}

.banner-inner .find-form form.find-inst .form-group input[type="text"], .banner-inner .find-form form.find-inst .form-group select {
    height: 55px;
    background-color: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    color: #8a8a8a;
    padding: 0 10px 0 37px;
    font-size: 16px;
    border: none;
    font-weight: 500;
    font-family: 'Figtree';
}

.banner-inner .find-form form.find-inst .form-group input[type="text"]::placeholder {
    color: #8a8a8a;
       font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group input[type="text"]::-webkit-input-placeholder {
    color: #8a8a8a;
       font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group input[type="text"]::-moz-placeholder {
    color: #8a8a8a;
       font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group input[type="text"]:-ms-input-placeholder {
    color: #8a8a8a;
       font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group input[type="text"]:focus, .banner-inner .find-form form.find-inst .form-group select:focus {
    outline: none;
    box-shadow: none;
}

.banner-inner .find-form form.find-inst .form-group select {
    background-image: url(../images/select-arrow.svg);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: right;
    appearance: none;
    -webkit-appearance: none;
}

.banner-inner .find-form form.find-inst .form-group input::placeholder {
    color: #656565;
        font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group input::-webkit-input-placeholder {
    color: #656565;
        font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group input::-moz-placeholder {
    color: #656565;
        font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group input:-ms-input-placeholder {
    color: #656565;
        font-weight: 500;
}

.banner-inner .find-form form.find-inst .form-group.location-select span.icons {
    transform: translate(11px, -50%);
}


.form-group.location-select span.icons img {
    width: 20px;
}

.banner-inner .find-form form.find-inst .form-group.dropoff span.icons {
    transform: translate(11px, -50%);
}


.form-group.dropoff span.icons img {
    width: 20px;
}

.banner-inner .find-form form.find-inst .action button {
    height: 55px;
    background: #059FB8;
    border-radius: 5px;
    color: #fff;
    padding: 0 40px;
    font-size: 17px;
    border: none;
    width: 212px;
    font-family: 'Figtree';
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.banner-inner .find-form form.find-inst .action button:hover{
       background: #FFFFFF;
    color: #000;
}

section.request-call {
    padding-top: 55px;
    padding-bottom: 55px;
}

.request-wrapper {
    display: flex;
    align-items: center;
}

.request-wrapper .course-text {
    width: 60%;
    padding-right: 20px;
}

.request-wrapper .course-text p {
    margin-bottom: 0px;
}

.request-wrapper a.callback-button {
    margin-left: auto;
}


section.benefits-Less {
    background-color: var(--secondary-color);
    padding: 55px 0;
}

section.benefits-Less h2 {
    text-align: center;
    margin-bottom: 105px;
}

.benefits-Less .benefits-card {
    padding: 20px 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 25px #00000014;
    border-radius: 23px;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.benefits-Less .benefits-card .image-benef {
    margin-top: -88px;
    overflow: hidden;
    border-radius: 17px;
}

.benefits-Less .benefits-card .benefit-content {
    padding-top: 20px;
    padding-bottom: 9px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.benefits-Less .benefits-card .benefit-content a.learn-more {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.benefits-Less .benefits-card .image-benef img {
    box-shadow: 0px 0px 25px #00000014;
    border-radius: 17px;
    cursor: pointer;
    transition: transform 0.3s ease;
    vertical-align: bottom;
}


.benefits-Less .benefits-card .image-benef img:hover{
      transform: scale(1.1);
}

.benefits-Less .benefits-card .benefit-content h3 {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 22px;
}

a.learn-more {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-weight: 500;
}

a.learn-more span.arrow {
    width: 12px;
    margin-left: 8px;
}

.flex-row {
    flex-wrap: wrap;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.col-30 {
        flex: 0 0 auto;
        width: 33.3333333333%;
            padding-left:15px;
    padding-right: 15px;
}  


.col-50 {
    width: 50%;
   flex: 0 0 auto;
    padding-left:15px;
    padding-right: 15px;

} 


.col-100 {
    width: 100%;
   flex: 0 0 auto;
    padding-left:15px;
    padding-right: 15px;

} 


.col-60 {
    width: 66.66666667%;
   flex: 0 0 auto;
    padding-left:15px;
    padding-right: 15px;

}

section.video-section {
    padding-top: 55px;
    padding-bottom: 55px;
}


section.video-section .video-car {
    position: relative;
}

section.video-section .video-car img {
    border-radius: 23px;
    vertical-align: bottom;
    display: none;
}

section.video-section .video-car video#video {
    border-radius: 23px;
    vertical-align: bottom;
    height: 354px;
    object-fit: cover;
    object-position: center;
    background-position: center;
}


/* section.video-section .video-car:before {
    content: "";
    background: #070707;
    border-radius: 23px;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
} */



.video-car a.play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0px, -50%);
}



.driving-lesson h2 {
    text-align: center;
    margin-bottom: 45px;
}

.driving-lesson .card-block .content {
    padding: 25px 30px;
    text-align: center;
}

.driving-lesson .card-block .content h3 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight:600;
}


.driving-lesson .card-block .content p {
    margin-bottom: 24px;
}


.driving-lesson {
    background: var(--secondary-color);
    padding-top: 55px;
    padding-bottom: 55px;
}


.driving-lesson .card-block .content a.btn {
    justify-content: center;
    margin: 0 auto;
    font-size: 15px;
}

.driving-lesson .card-block .image-drive {
    margin-top: auto;
    align-self: flex-start;
}

.driving-lesson .col-30:nth-child(2) .card-block .image-drive {
    margin-top: 0px;
}

.driving-lesson .card-block {
    background: #FFFFFF;
    box-shadow: 0px 0px 25px #00000014;
    border-radius: 23px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.image-drive img {
    vertical-align: bottom;
    border-radius: 23px 23px 0px 0px;
}


.col-30:first-child .image-drive img {
    border-radius: 0px 0px 23px 23px;
    transition: transform 0.3s ease;
}

.col-30:first-child .image-drive img:hover{
      transform: scale(1.1);
}


.col-30:last-child .image-drive img {
   border-radius: 0px 0px 23px 23px;
}


section.area-block {
    padding-top: 55px;
    padding-bottom: 55px;
}


.area-block .area-content {
    padding-left: 100px;
}

.area-content ul {
    margin-top: 28px;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.area-content ul li {
    width: 47%;
    margin-bottom: 7px;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    padding-left: 29px;
    border-bottom: solid 1px #eeeeeeee;
    padding-bottom: 7px;
}

.area-content ul li:before {
    background-image: url('../images/Check.svg');
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    content: "";
    width: 15px;
    height: 14px;
    top: 4px;
}


section.top-reasons {
    padding-top: 55px;
    padding-bottom: 10px;
    background: var(--secondary-color);
}

section.top-reasons h2 {
    text-align: center;
    margin-bottom: 68px;
}

.top-reasons .col-30 {
    margin-bottom: 69px;
}

.top-reasons .reasons-card {
    background: #F7E4E5;
    border-radius: 23px;
    padding: 76px 30px 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.top-reasons .reasons-card.reasons1 {
    background-color: rgba(242, 128, 134, 0.2);
}

.top-reasons .reasons-card.reasons1 .icon{
    background-color: var(--lightcoralpink)
}


.top-reasons .reasons-card.reasons2 {
    background-color: rgba(109, 197, 216, 0.2);
}

.top-reasons .reasons-card.reasons2 .icon{
    background-color: var(--seablue)
}

.top-reasons .reasons-card.reasons3 {
    background-color: rgba(137, 212, 160, 0.2);
}

.top-reasons .reasons-card.reasons3 .icon {
    background-color: var(--mintgreen)
}

.top-reasons .reasons-card.reasons4 {
    background-color: rgba(89, 91, 199, 0.2);
}

.top-reasons .reasons-card.reasons4 .icon {
    background-color: var(--slateblue)
}

.top-reasons .reasons-card.reasons5 {
    background-color: rgba(254, 166, 97, 0.2);
}


.top-reasons .reasons-card.reasons5 .icon {
    background-color: var(--lightorange)
}

.top-reasons .reasons-card.reasons6 {
    background-color: rgba(120, 219, 245, 0.2);
}


.top-reasons .reasons-card.reasons6 .icon {
    background-color: var(--iceblue)
}


.top-reasons .reasons-card .icon {
  width: 93px;  /* Adjust size as needed */
  height: 93px;
  background-color: #F28086; /* Replace with your color */
  border-radius:51% 49% 67% 33% / 68% 44% 56% 32% ;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
      margin-bottom: 21px;
          position: absolute;
    right: 0;
    left: 0;
    top: -38px;
}


.top-reasons .reasons-card h3 {
    font-size: 22px;
    line-height: 33px;
    width: 100%;
    margin: 0 auto 20px;
    font-weight: 600;
}                            

.top-reasons .reasons-card p {
    margin-bottom: 30px;
}

.top-reasons .reasons-card a.btn.button {
    margin: 0 auto;
    margin-top: auto;
    align-self: flex-start;
}

section.testimonials-sec {
    padding-top: 55px;
    padding-bottom: 55px;
}

section.testimonials-sec h2 {
    text-align: center;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 600;
    font-size: 35px;
    width: 58%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}

.testimonials-sec .explore-card {
    background: #FFFFFF;
    border-radius: 23px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.testimonials-sec .testimonial-item {
    padding: 24px 13px;
}
.testimonials-sec .explore-card .right-content span.rating {
    position: relative;
    z-index: 10;
}

.testimonials-sec .explore-card .img-left {
    width: 34.333%;
    position: relative;
}
.testimonials-sec .explore-card .img-left img {
    border-radius: 60px 0px 0px 60px;
    height: 379px;
    object-fit: cover;
    position: relative;
    z-index: 4;
    object-position: top;
}

.testimonials-sec .explore-card .right-content {
    width: 64.666%;
    padding-left: 70px;
    padding-top: 50px;
    padding-right: 20px;
    position: relative;
}

.testimonials-sec .explore-card .right-content h3 {
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: normal;
        position: relative;
    z-index: 10;

}
.testimonials-sec .explore-card .right-content span.name {
    display: block;
    color: #646464;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;
        position: relative;
    z-index: 10;

}

.testimonials-sec .explore-card .right-content p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
        position: relative;
    z-index: 10;

}

.testimonials-sec .explore-card .right-content span.rating img {
    width: auto;
    margin-bottom: 14px;
}


.testimonials-sec .explore-card .right-content:before {
    content: "";
    background-image: url('../images/quote.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 180px;
    display: block;
    position: absolute;
    z-index: 0;
    opacity: 0.1;
    top: -15px;
    left: 38px;
}


.testimonials-sec .explore-card .img-left:after {
    content: '';
    position: absolute;
    bottom: -14px;
    right: -14px;
    width: 160px;
    height: 160px;
    background-color: #FEA661;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.testimonials-sec .owl-dots {
    text-align: center;
}

.testimonials-sec .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    background: #646464;
    opacity: 0.1;
    border-radius: 50%;
    margin: 0 4px;
}

.testimonials-sec .owl-dots button.owl-dot.active {
    opacity: 1;
    background: #000000;
}

section.testimonials-sec .owl-nav button.owl-next:before {
    content: "";
    background-image: url('../images/test-arrow-next.svg');
}


section.testimonials-sec .owl-nav button.owl-next {
    right: -8px;
}

section.testimonials-sec .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 50px;
    height: 50px;
    background: #000000 !important;
    border-radius: 10px;
    display: block;
    z-index: 999;
}


section.testimonials-sec .owl-nav button:before {
    content: "";
    background-image: url('../images/test-arrow.svg');
    width: 20px;
    height: 16px;
    position: absolute;
    background-repeat: no-repeat;
    top: 17px;
    right: 14px;
}


section.Best-course {
    background: var(--secondary-color);
    padding-top: 70px;
    padding-bottom: 70px;
}


.Best-course h2 {
    text-align: center;
    margin-bottom: 20px;
}


.Best-course .Best-course-card {
    background: #FFFFFF;
    box-shadow: 0px 0px 25px #00000014;
    border-radius: 23px;
    height: 100%;
}

.Best-course .Best-course-card .course-img img {
    border-radius: 23px 23px 0px 0px;
    vertical-align: bottom;
}

.Best-course .Best-course-card .course-content {
    padding: 25px 25px;
    text-align: center;
}

.Best-course .Best-course-card .course-content h3 {
    margin-bottom: 14px;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}

.Best-course .Best-course-card .course-content p {
    margin-bottom: 30px;
}

.Best-course .Best-course-card .course-content a.btn.button {
    padding: 10px 20px;
    justify-content: center;
    margin: 0 auto;
    line-height: normal;
}

section.faq-section.no-bg {
    background: none;
}

section.faq-section {
    padding-top: 55px;
    padding-bottom: 55px;
    background: var(--secondary-color);
}

section.faq-section h2 {
    text-align: center;
    margin-bottom: 24px;
}
section.faq-section .faq-item h3 {
    text-align: left;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    font-size: 22px;
    color: #038094;
}

section.faq-section .faq-item h3:before {
    content: "";
    background-image: url('../images/down-arrow.svg');
    width: 14px;
    height: 8px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
}

section.faq-section .faq-item {
    background: #FFFFFF;
    box-shadow: 0px 0px 25px #00000014;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    margin-bottom: 13px;
    padding: 22px 32px;
}


section.faq-section .faq-item .faq-answer {
    padding-top: 9px;
    display: none;
}

section.faq-section .faq-item .faq-answer p br {
    display: none;
}

section.faq-section h3.faq-question.active::before {
    transform: rotate(180deg);
}

footer.footer {
    background: #000000;
    padding-top: 53px;
}

footer.footer .f-col {
    width: 22.333%;
    padding-left: 15px;
    padding-right: 15px;
}

footer.footer .f-col:nth-child(1) {
    width: 33%;
}

.footer-about {
    width: 99%;
    margin-top: 1rem;
}

footer.footer h4 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

footer.footer .links li a {
    color: #e7e7e7;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    display: block;
}

footer.footer .links li a:hover {
    color: #059FB8;
}

footer.footer .links li {
    margin-bottom: 6px;
}

footer.footer p {
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

footer.footer .social-links {
    margin: 1.5rem 0 0;
}
footer.footer .social-links ul {
    display: flex;
    align-items: center;
}

footer.footer .social-links ul li a {
    color: #000000;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

footer.footer .social-links ul li a:hover {
    background: #059FB8;
    color: #fff;
}

footer.footer .social-links ul li {
    margin-right: 0.5rem;
}


footer.footer .contact-detail p {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 1rem;
}

footer.footer .contact-detail p a {
    color: #fff;
}

footer.footer .contact-detail p span.icon {
    width: 19px;
    position: absolute;
    left: 0;
    top: 4px;
}

.copyright-block {
    border-top: solid 1px #12304a;
    margin-top: 47px;
    padding: 15px 0;
}

.copyright-block .bottom-links .links {
    display: flex;
    align-items: center;
}

footer.footer .copyright-block .copyright-text {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-left: auto;
}

.copyright-block .bottom-links .links a:first-child {
    margin-left: 0px;
    padding-left: 0px;
}

.copyright-block .bottom-links .links a {
    color: #ffffff;
    display: block;
    border-right: solid 1px #ffffff;
    padding: 0 7px;
    margin-right: 3px;
    margin-left: 3px;
    line-height: normal;
    font-size: 13px;
}

.copyright-block .bottom-links .links a:hover{
    color: #059FB8;
}

.copyright-block .bottom-links .links a:last-child {
    border: none;
}

.copyright-block .payment ul {
    display: flex;
    align-items: center;
    margin-right: auto;
    justify-content: flex-end;
}

.copyright-block .payment ul li {
    margin-left: 22px;
}


.copyright-block .payment ul li img {
    width: 45px;
    height: auto;
    object-fit: contain;
    height: 25px;
}

.copyright-block .bottom-links .f-title {
    display: none;
}

.copyright-block .bottom-links {
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ================================
Inner page design
================================== */

.head-title a.btn.button {
    margin-top: 16px;
    min-width: 220px;
    padding: 0px 21px;
    line-height: 50px;
    justify-content: center;
}

.head-title {
    text-align: center;
    padding-bottom: 65px;
    padding-top: 65px;
    background-image: url('../images/inner-header-bg.jpg');
    background-size: cover;
}

.head-title h2 {
    color: #ffffff;
}


.head-title p {
    color: #ffffff;
}

.head-title p a {
    color: #059FB8;
}

.refresh-courses {
    background-color: rgba(109, 197, 216, 0.2);
    padding-top: 70px;
    padding-bottom: 70px;
}

.refresh-courses h3 {
    font-size: 30px;
    font-weight: 600;
}

.refresh-courses .flex-row{
    align-items: center;
        padding-top: 30px;
    padding-bottom: 30px;
}

.refresh-courses .content-card ul li{
    font-size: 18px;
    font-family: 'Figtree';
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 18px;
        position: relative;
    padding-left: 29px;
}



.refresh-courses .content-card ul li:before {
    background-image: url('../images/Check.svg');
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    content: "";
    width: 15px;
    height: 14px;
    top: 4px;
}

.content-card h4 {
    margin-bottom: 20px;
}


.image-card img {
    border-radius: 23px;
}

.content-card a.btn.button {
    margin-top: 20px;
}


.what-refresh-courses {
    padding-top: 70px;
    padding-bottom: 70px;
}

.what-refresh-courses h3 {
    font-size: 30px;
    font-weight: 600;
}



section.courses-take {
    background-color: var(--secondary-color);
    padding-top: 60px;
    padding-bottom: 60px;
}


.title-main {
    text-align: center;
    margin-bottom: 50px;
}


.courses-take-inner {
    margin-bottom: 75px;
}



.p-right {
    padding-right: 30px;
}

.p-left {
    padding-left: 30px;
}


.offer-courses {
    padding-top: 70px;
    padding-bottom: 70px;
}


.offer-courses .dsl-20 {
    background: rgba(239, 252, 255);
    padding: 50px 50px;
    border-radius: 23px;
    margin-bottom: 50px;
}

.offer-courses h3 {
    margin-bottom: 20px;
}

.dsl-15 {
    background: #FFF6EF;
    border-radius: 23px;
    padding: 50px 50px;
    margin-bottom: 50px;
}


.dsl-10 {
    background: #F6F7FF;
    border-radius: 23px;
    padding: 50px 50px;
}

.find-lesson-pricing {
    padding-top: 55px;
    padding-bottom: 55px;
}


.find-lesson-pricing h2 {
    margin-bottom: 30px;
}



.find-lesson-pricing .postcode-form {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 500px;
}

.postcode-form span.icon {
    width: 21px;
    position: absolute;
    display: block;
    top: 13px;
    left: 15px;
}

.find-lesson-pricing .postcode-form button.type-search {
    width: 65px;
    height: 58px;
    background: #059FB8 0% 0% no-repeat padding-box;
    border-radius: 0px 7px 7px 0px;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.postcode-form input[type="text"] {
    height: 58px;
    width: auto;
    flex: 1;
    border: none;
    padding-left: 47px;
    color: #B8B8B8;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
}

.postcode-form input[type="text"]:focus{
    outline: none;
}

.postcode-form input[type="text"]::placeholder {
    color: #B8B8B8;
}

.postcode-form input[type="text"]::-webkit-input-placeholder {
    color:#B8B8B8;
}

.postcode-form input[type="text"]::-moz-placeholder {
    color:#B8B8B8;

}

.postcode-form input[type="text"]:-ms-input-placeholder {
    color: #B8B8B8;
}


.find-lesson-pricing .postcode-form button.type-search span {
    width: 1px;
    height: 1px;
    position: absolute;
    clip: auto;
    display: none;
}


.find-lesson-pricing .postcode-form button.type-search:after {
    content: "";
    background-image: url('../images/search-white.svg');
    width: 22px;
    height: 22px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.cover-point {
    margin: 40px 0;
    background: #E5F5F8 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding:40px 30px 20px;
}

.cover-point li {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    padding-left: 25px;
    margin-bottom: 13px;
}

.cover-point li:before {
    background-image: url('../images/Check.svg');
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    content: "";
    width: 19px;
    height: 19px;
    top: 4px;
}

.find-lesson-pricing .map-img {
    text-align: center;
}


.find-lesson-pricing .map-img img {
    max-width: 399px;
}

.find-lesson-pricing .find-price {
    padding-top: 50px;
}


section.driving-courses {
    background-color: var(--secondary-color);
    padding-top: 55px;
    padding-bottom: 55px;
}

.driving-courses .col-30 {
    margin-bottom: 30px;
}

.driving-courses .courses-card {
    background: #EFFCFF;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    border-radius: 23px;
    padding: 25px 30px;
    text-align: center;
    margin-bottom: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.driving-courses .courses-card a.btn.button {
    margin: 0 auto;
    margin-top: auto;
    align-self: flex-start;
}


.driving-courses .courses-card h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
}

.courses-card.code-two{
background: #FFF6EF;
}


.courses-card.code-three{
background: #F6F7FF;
}


.courses-card.code-four{
background: #F0FFF5;
}


.courses-card.code-five{
    background: #FDF8FF;
}

.courses-card.code-six{
    background: #FFF5F5;
}


section.current-students {
    background: #E5F5F8;
    padding-top: 70px;
    padding-bottom: 70px;
}


.current-students .students-contact {
    width: 100%;
    max-width: 812px;
    margin: 0 auto;
}

.students-contact .current-card a.btn {
    min-width: 275px;
    justify-content: center;
}

.students-contact .current-card {
    background: #FFFFFF;
    border-radius: 23px;
    text-align: center;
    position: relative;
    display: block;
    text-align: center;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07);
    padding:84px 54px 43px;
}


.students-contact .current-card span.icon {
    width: 93px;
    height: 93px;
    background-color: var(--lightorange);
  border-radius:51% 49% 67% 33% / 68% 44% 56% 32% ;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 21px;
    position: absolute;
    top: -34px;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.students-contact .col-30:first-child .current-card span.icon{
        background-color: var(--slateblue);
}


.students-contact .col-30:last-child .current-card span.icon{
background-color: var(--iceblue);

}

 .students-contact .current-card span.icon img {
    max-width: 48px;
}

.students-contact .current-card h3 {
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 600;
}

.students-contact .current-card p {
    color: #666666;
    font-weight: 500;
}

.students-contact .current-card p a {
     color: #666666;
     text-decoration: underline;
}

section.new-students {
    padding-top: 70px;
    padding-bottom: 70px;
}

section.new-students .students-support {
    width: 100%;
    max-width: 812px;
    margin: 0 auto;
}

.students-support a.btn {
    min-width: 275px;
    justify-content: center;
}

.students-support .new-card {
    background: #FFF6EF;
    border-radius: 23px;
    padding: 40px 25px;
    text-align: center;
    height: 100%;
}

.students-support .new-card span.icon {
  width: 93px;  /* Adjust size as needed */
  height: 93px;
  background-color:#FEA661; /* Replace with your color */
  border-radius:51% 49% 67% 33% / 68% 44% 56% 32% ;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
      margin-bottom: 21px;
}

.students-support .new-card span.icon img {
    max-width: 48px;
}


.students-support .new-card p a {
    color: #FEA661;
}

.students-support .new-card ul {
    text-align: left;
    margin-bottom: 20px;
}

.students-support .new-card ul li {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 9px;
}

.students-support .new-card.timescales-card {
    background: #F6F7FF;
}


.students-support .new-card.timescales-card span.icon {
  background-color:#595BC7; /* Replace with your color */
}

.new-card.timescales-card p {
    min-height: 215px;
}


section.instructors-section {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: linear-gradient(-90deg, rgb(255 223 235) 0, rgb(255 244 224) 100%);
}


.instructors-section .instructors-card {
    text-align: center;
    height: 100%;
    position: relative;
    padding: 30px;
    color: #000000;
    border-radius: 10px;
    background: hsla(0, 0%, 100%, .92);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,.09);
    border:solid 1px #f9cad8;
}

.instructors-section .instructors-card h3 {
    color: #141414;
    font-size: 24px;
    margin-bottom: 19px;
    font-weight: 600;
}

.instructors-section .instructors-card p {
    color: #000000;
    margin-bottom: 30px;
}

.instructors-section .instructors-card ul li {
    color: #ffffff;
    font-weight: 500;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.instructors-section .instructors-card ol{
        list-style: disc;
}

.instructors-section .instructors-card ol li {
    color: #ffffff;
    font-weight: 500;
    line-height: 28px;
    list-style: disc;
    margin-bottom: 11px;
    text-align: left;
}




.instructors-section .instructors-card ul li span {
    margin-right: 10px;
}
.instructors-card a.btn.button {
    background: var(--lightorange);
    color: #ffffff;
    font-weight: 600;
    min-width: auto;
    justify-content: center;
}


.instructors-card a.btn.button span.arrow img {
    filter: brightness(0) invert(1);
}



section.request-callback {
    padding-top: 80px;
    padding-bottom: 80px;
}

.request-callback .contact-map {
    padding-right: 50px;
}

.request-callback .request-form h3 {
    margin-bottom: 27px;
    font-size: 36px;
}

.request-form .form-contact .form-group {
    margin-bottom: 30px;
    width: 49%;
}

.request-form .form-contact .form-group label {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 11px;
    /* text-transform: uppercase; */
}

.request-form .form-contact .form-group:last-child {
    width: 100%;
    text-align: center;
}


.request-form .form-contact .form-group select,
.request-form .form-contact .form-group input[type="email"],
.request-form .form-contact .form-group input[type="text"] {
    border: solid 1px #B8B8B8;
    border-radius: 30px;
    height: 66px;
    color: #000000;
}


.request-form .form-contact .form-group select:focus,
.request-form .form-contact .form-group input[type="email"]:focus,
.request-form .form-contact .form-group input[type="text"]:focus{
    outline: none;
}

.request-form .form-contact .form-group select{
    background-image: url(../images/select-arrow.svg);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: right;
    appearance: none;
    -webkit-appearance: none;
    color: #000000;
}


.request-form .form-contact .form-group label.error {
    margin-top: 3px;
}


.request-form .form-contact .form-group textarea {
    height: 138px;
    padding: 12px 18px;
}

.request-form .form-contact .form-group button.btn {
    border: none;
    min-width: 277px;
    justify-content: center;
    background: #059FB8;
    border-radius: 5px;
    padding: 16px 20px;
    font-size: 16px;
    margin-top: 18px;
}

.driving-instructors {
    padding-top: 70px;
    padding-bottom: 70px;
}


.driving-instructors h2 {
    margin-bottom: 45px;
    text-align: center;
}


.driving-instructors .tab-inst {
    background: #FFFFFF;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
}

.driving-instructors .tab-inst .tabtitle {
    background: #059FB8;
    border-radius: 10px 10px 0px 0px;
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    padding: 20px 25px;
    position: relative;
    cursor: pointer;
}

.driving-instructors .tab-inst .tabtitle:before {
    content: "";
    background-image: url('../images/down-arrow-white.svg');
    width: 14px;
    height: 8px;
    display: block;
    position: absolute;
    right: 20px;
    top: 46%;
    transform: rotate(180deg);
}

.driving-instructors .tab-inst .tabtitle.active:before {
    transform:none;
}


.driving-instructors .tab-inst .tabcontent {
    padding: 15px 20px;
}


.driving-instructors .flex-row {
    align-items: center;
}


.driving-banner {
    background-image: url('../images/driving-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 93px 0;
    text-align: center;
    background-position: bottom;
}

.driving-banner:before {
    content: "";
    background-color: rgba(0,0,0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
}

.driving-banner .container {
    position: relative;
    z-index: 1;
}

.driving-banner p {
    color: #ffffff;
    font-weight: 400;
}

.driving-banner a.btn.button {
    background: #ffffff;
    color: #000000;
}

.driving-banner  h2 {
    color: #ffffff;
}


.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}
.mb-3 {
    margin-bottom: 30px;
}
.mb-4 {
    margin-bottom: 40px;
}
.mb-5 {
    margin-bottom: 50px;
}

.d-none{display: none;}

.cms-page {
    /*background-color: rgba(109, 197, 216, 0.2);*/
    padding-top: 50px;
    padding-bottom:50px;
}

.cms-page .content-card p b {
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 6px;
}

.cms-page .content-card {
    padding-right: 0px;
}

.cms-page .content-card h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 6px;
}


.cms-page h3 {
    margin-bottom: 20px;
}

.cms-page h4 {
    margin-bottom: 15px;
}

.form-page {
    background-color: rgba(109, 197, 216, 0.2);
    padding-top: 70px;
    padding-bottom: 70px;
}

.form-page .form-inner ul.alert-danger {
    text-align: center;
}

.form-page .form-inner ul.alert-danger li {
    color: red;
    font-size: 16px;
    font-weight: 500;
}

.form-page .form-inner {
    margin: 0 auto;
    width: 100%;
    max-width: 650px;
    background: #ffffff;
    padding: 37px 54px;
    border-radius: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.form-page .form-inner .form-wrap .form-group {
    margin-bottom: 15px;
    position: relative;
}
.form-page .form-inner .form-wrap .form-group label {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 9px;
    letter-spacing: 0px;
}

.form-page .form-inner.register-page h2 {
    margin-bottom: 33px;
}

.form-page .form-inner h2.font_bold {
    text-align: center;
}

.form-page .form-inner .form-wrap .form-group input {
    background: #F3F3F3;
    border: 1px solid #e2f3f7;
    border-radius: 30px;
    color: #000000;
    font-size: 17px;
    font-weight: 400;
}


.form-page .form-inner .form-wrap .form-group input:focus{
    outline: none;
    border: none;
}

.form-page .form-inner.register-page .form-wrap.step-2 .form-group {
    width: 100%;
}


.form-page .form-inner .form-wrap .form-group input:-webkit-autofill,
.form-page .form-inner .form-wrap .form-group input:-webkit-autofill:focus,
.form-page .form-inner .form-wrap .form-group input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0px 1000px #F3F3F3 inset !important;
  box-shadow: 0 0 0px 1000px #F3F3F3 inset !important;

  -webkit-text-fill-color: #000000 !important;
  color: #000000 !important;
  caret-color: #000000 !important;

  border: 1px solid #e2f3f7 !important;
  border-radius: 30px !important;

  transition: background-color 5000s ease-in-out 0s !important;
}

/* Firefox */
.form-page .form-inner .form-wrap .form-group input:-moz-autofill,
.form-page .form-inner .form-wrap .form-group input:-moz-autofill:focus {
  box-shadow: 0 0 0px 1000px #F3F3F3 inset !important;
  -moz-box-shadow: 0 0 0px 1000px #F3F3F3 inset !important;
  -moz-text-fill-color: #000000 !important;
  color: #000000 !important;
  caret-color: #000000 !important;

  border: 1px solid #e2f3f7 !important;
  border-radius: 30px !important;
}

/* Optional: apply same for textarea & select */
.form-page .form-inner .form-wrap .form-group textarea:-webkit-autofill,
.form-page .form-inner .form-wrap .form-group select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #F3F3F3 inset !important;
  box-shadow: 0 0 0px 1000px #F3F3F3 inset !important;
  -webkit-text-fill-color: #000000 !important;
  color: #000000 !important;

  border: 1px solid #e2f3f7 !important;
  border-radius: 30px !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
    




.form-page .form-inner .action-btn button.btn {
    width: 48%;
    text-align: center;
    box-shadow: none;
    border: none;
    display: block;
    margin-bottom: 0px;
    padding: 18px 20px;
    border-radius: 30px;
}


.form-page .form-inner .form-wrap .form-group span.fa {
    position: absolute;
    right: 12px;
    top: 45px;
}

.form-page  .password-reset.form-inner .form-wrap .form-group span.fa {
    position: absolute;
    right: 12px;
    top: 15px;
}

.form-page .form-inner .action-btn {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.form-page .register-page.form-inner .action-btn {
    /* justify-content: center; */
}

.form-page .form-inner .action-btn a.forgot-pass {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    padding: 18px 20px;
    border-radius: 30px;
    width: 48%;
    border: solid 1px #D9D9D9;
}

.form-page .form-inner p.signup-info {
    text-align: center;
    font-size: 15px;
}

.form-page .form-inner p.signup-info a.signup_link {
    color: var(--skyblue);
    text-decoration: underline;
}

.form-page .form-inner.register-page {
    max-width: 800px;
}

.form-page .form-inner.register-page .form-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.form-page .form-inner.register-page .form-wrap .form-group {
    width: 48%;
    margin-bottom: 30px;
}



label.error,
div.error {
    color: red !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

#warning-alert {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
    padding: 10px 15px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    margin: 10px 0;
}


#success-alert {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    padding: 10px 15px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    margin: 10px 0;
}


.form-page .form-inner .action-btn a.signup-info {
    text-decoration: underline;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}

.breadcrumb-head {
    padding: 12px 0;
}

.breadcrumb-head ul.breadcrumb {
    display: flex;
    align-items: center;
}

.breadcrumb-head ul.breadcrumb li {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin-right: 8px;
}
.breadcrumb-head ul.breadcrumb li a {
    color: #059FB8;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
}

.breadcrumb-head ul.breadcrumb li a:after {
    content: "/";
    position: absolute;
    right: -6px;
    font-weight: 300;
    top: 0px;
}


a.signup-info {
    color: #059FB8;
}

a.signup-info:hover {
    color: #059FB8;
    text-decoration: underline;
}


.pagination .d-sm-none {
    display: none;
}
.pagination .d-none.d-sm-flex {
    display: block;
}

.pagination p.small.text-muted {
    display: none;
}


ul.pagination li.page-item span.page-link,
ul.pagination li.page-item a.page-link {
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: .375rem .75rem;
    margin: 0 12px;
    color: #000000;
    font-size: 20px;
    z-index: 2;
}

ul.pagination li.page-item a.page-link {
    margin-left: -0px;
}

ul.pagination li.page-item span.page-link {
    margin-left: -0px;
}

ul.pagination li.page-item.active span.page-link {
    background-color: #059FB8;
    color: #fff;
}

ul.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}



/* ===================================================
Learn to drive page deign css start here
=================================================== */


.learn-to-drive {
    background: #FFFFFF;
    position: relative;
    padding-bottom: 20px;
}

.instructor-list {
    height: 750px;
    overflow: auto;
    padding-right: 16px;
}

.instructor-list::-webkit-scrollbar {
  width: 10px;
}

.instructor-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.instructor-list::-webkit-scrollbar-thumb {
  background: #eeeeee;
  border-radius: 10px;
}

.instructor-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.learn-to-drive .inst-availabilty {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px;
}




.instructor-list .drive-detail .author .user-img img {
    width: 79px;
    height: 79px;
    border-radius: 50%;
    object-fit: cover;
}

.instructor-list .drive-detail .author p {
    color: #000000;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: normal;
    font-weight: 500;
}

.instructor-list .drive-detail .car-details {
    display: flex;
    margin-top: 0px;
    align-items: center;
    width: 100%;
    max-width: 333px;
    margin: 0 auto;
}

.instructor-list .drive-detail .car-details .rating {
    width: auto;
    display: flex;
    align-items: center;
}

.instructor-list .drive-detail .car-details .transmission_type {
    font-size: 12px;
    margin-left: auto;
}

.instructor-list .drive-detail .car-details p {
    margin-bottom: 0px;
    color: var(--primary-color);
    font-weight: 500;
    margin-right: 15px;
    font-size: 14px;
}

.availabilty-list {
    width:65%;
    padding: 0 15px 0 12px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.availabilty-list .heading h2 {
    margin-bottom: 5px;
    text-transform: none;
}

.availabilty-list .heading {
    margin-bottom: 17px;
}

.availabilty-list .instructor-list .drive-detail {
    border: solid 2px #efefef;
    border-radius: 10px;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 11px 13px;
    margin-bottom: 16px;
}


.instructor-list footer.footer {
    display: none;
}

.availabilty-list .instructor-list .drive-detail:hover,
.availabilty-list .instructor-list .drive-detail.active {
    border: solid 2px #059FB8;
}

.availabilty-list .instructor-list .drive-detail .author {
    text-align: center;
    width: 16%;
}

.availabilty-list .instructor-list .drive-detail .author span.hour-rate {
    font-size: 14px;
    color: #646464;
    font-weight: 500;
}

.availabilty-list .instructor-list .drive-detail .author .user-img {
    margin: 4px 0;
}

.availabilty-list .instructor-list .drive-detail .card-info {
    text-align: center;
    padding-right: 6px;
}

.instructor-list .drive-detail .card-info .rating p {
    font-size: 14px;
    margin-bottom: 1px;
    font-weight: 600;
    line-height: normal;
}

.instructor-list .drive-detail .card-info .rating span.star {
    display: block;
}

.instructor-list .drive-detail .card-info .rating span.time {
    color: #646464;
    font-size: 14px;
    font-weight: 500;
}

.instructor-list .drive-detail .hours-info {
    /* width: 62.333%; */
    padding-right: 7px;
    padding-top: 0px;
    padding-left: 4px;
    flex: 1;
}
.instructor-list .drive-detail .hours-info .price-hours {
    display: flex;
    column-gap: 7px;
    margin-bottom: 4px;
}

.instructor-list .drive-detail .hours-info .price-hours .hours-colum {
    border: solid 1px #E4E4E4;
    display: block;
    text-align: center;
    padding: 7px 8px;
    border-radius: 5px;
    width: 33.333%;
}

.instructor-list .drive-detail .hours-info .price-hours .hours-colum.active,
.instructor-list .drive-detail .hours-info .price-hours .hours-colum:hover {
    border-color: #000000;
}

.instructor-list .drive-detail .hours-info .price-hours .hours-colum button {
    border: none;
    background: none;
    width: 100%;
}

.instructor-list .drive-detail .hours-info .price-hours .hours-colum span {
    display: block;
}

.hours-info .price-hours .hours-colum span.count {
    color: #646464;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}

.instructor-list .drive-detail .card-info h4 {
    color: #059FB8;
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
    border-bottom: solid 1px #c4c2c2;
    padding-bottom: 3px;
}

.availabilty-list .instructor-list .drive-detail .card-info p {
    font-size: 13px;
}

.hours-info .price-hours .hours-colum span.hr {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 3px;
    color: #646464;
}

.drive-detail .hours-info .price-hours .hours-colum span.price {
    color: #646464;
    font-size: 21px;
    font-weight: 500;
}

.learn-to-drive .inst-availabilty .left-col {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}



.learn-to-drive .inst-availabilty .sidebar {
    width: 35%;
    padding-right: 10px;
    padding-top: 20px;
}



.list-scroll{
    width: 30%;
    position: relative;
}

.list-scroll .back-arrow {
    position: fixed;
    left: 20px;
    top: 11px;
    display: none;
}

.list-scroll .iframe{
    width: calc(100% + ((100vw - 1355px) / 2));
    height: 100%;
} 
.list-scroll .iframe iframe{
    width: 100%;
    height: 100%;
    border: none;
}

.learn-to-drive .inst-availabilty .sidebar .heading h2 {
    color: #000000;
    font-size: 20px;
    text-transform: none;
    line-height: normal;
}


.sidebar form.find-Instructor {
    width: 100%;
    max-width: 424px;
    position: relative;
    border: solid 1px rgb(234 234 234);
    border-radius: 10px;
    padding: 15px 15px;
}


.sidebar form.find-Instructor .form-group {
    margin-bottom: 17px;
    position: relative;
}

.sidebar form.find-Instructor .form-group label.error {
    position: absolute;
    bottom: -17px;
    width: 100%;
    left: 0px;
}

.sidebar form.find-Instructor .action {
    margin-top: 21px;
}

.sidebar form.find-Instructor .form-group span.icons {
    position: absolute;
    top: 54%;
    transform: translate(13px, -50%);
}

.sidebar form.find-Instructor .form-group input, 
.sidebar form.find-Instructor .form-group select {
    height: 49px;
    background-color: rgb(243, 243, 243);
    border-radius: 5px;
    width: 100%;
    color: #000000;
    padding: 0 10px 0 37px;
    font-size: 16px;
    border: none;
    font-weight: 400;
}

.sidebar form.find-Instructor .form-group input:focus, 
.sidebar form.find-Instructor .form-group select:focus{
    outline: none;
}


.sidebar form.find-Instructor .form-group select{
    background-image: url(../images/blue-arrow.svg);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: right;
    appearance: none;
    -webkit-appearance: none;    
}



.sidebar form.find-Instructor .form-group input::placeholder {
    color: #949494;
        font-weight: 500;
}

.sidebar form.find-Instructor .form-group input::-webkit-input-placeholder {
    color: #949494;
        font-weight: 500;
}

.sidebar form.find-Instructor .form-group input::-moz-placeholder {
    color: #949494;
        font-weight: 500;
}

.sidebar form.find-Instructor .form-group input:-ms-input-placeholder {
    color: #949494;
        font-weight: 500;
}


.sidebar form.find-Instructor .action button {
    height: 47px;
    background: #000000;
    color: #ffffff;
    padding: 0 40px;
    font-size: 18px;
    border: none;
    width: 100%;
    font-family: 'Figtree';
    font-weight: 500;
    cursor: pointer;
    border-radius: 4px;
}

.drive-detail .card-info img.car-img {
    max-width: 110px;
}

/* .instructor-list .drive-detail .hours-info .price-hours .hours-colum.active {
    border: solid 1px #E4E4E4;
} */

.instructor-list .drive-detail .hours-info h3 {
    font-size: 23px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #000000;
}

#step-3.pricebreakdown form#timeslotFormstep2 .check-test ul li {
    background: none;
}

#step-3.pricebreakdown form#timeslotFormstep2 .check-test ul li label.toggle-switch span.slider {
    padding: 0px;
    color: #fff;
    display: flex;
}

#step-3.pricebreakdown form#timeslotFormstep2 .check-test ul li label.toggle-switch span.slider span.text-on {
    margin-left: 0px;
    margin-right: 3px;
}

#step-3.pricebreakdown form#timeslotFormstep2 .check-test ul li label.toggle-switch span.slider span {
    color: #fff;
    margin: 0px 0px 0px 7px;
    width: auto;
    display: inline-block;
}


.find-Instructor .form-group.location-select span.icons img {
    width: 20px;
}

.find-Instructor .form-group.dropoff span.icons img {
    width: 20px;
}

.find-Instructor .form-group span.icons img {
    opacity: 1;
}

.sidebar form.find-Instructor .form-group.dropoff span.icons {
    transform: translate(12px, -42%);
}


.sidebar form.find-Instructor .form-group.location-select span.icons {
    transform: translate(11px, -50%);
}



section.ht-contact-section {
    padding-top: 85px;
    padding-bottom: 20px;
}



  .d-none {
    display: none !important;
  }
  /* Modal Styles */
  .modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
  }
 
  .modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 20px 30px;
    border-radius: 8px;
    width: 90%;
    max-width: 800px;
    position: relative;
  }
 
  .close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 20px;
    background: none;
    border: none;
    cursor: pointer;
  }
 
  .form-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
 
  .price-box ul {
    list-style: none;
    padding: 0;
    border-top: 1px solid #ddd;
    margin-top: 20px;
  }
 
  .price-box li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
  }
 
  .btn {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
 
  .btn-info {
    background-color: #17a2b8;
  }
 
  .btn-sm {
    font-size: 14px;
    padding: 5px 10px;
  }
 
  .btn-close {
    background: none;
    border: none;
  }
 
  .text-end {
    text-align: end;
  }
 
  .form-range {
    width: 100%;
  }
 
  .small {
    font-size: 0.875rem;
    color: #6c757d;
  }
 
  .mb-3 {
    margin-bottom: 1rem;
  }
 
  .mb-4 {
    margin-bottom: 1.5rem;
  }
 
  .fc-active-date {
    background-color: #059FB8 !important;
    color: #fff !important;
 
  }
 
.rating-container {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: #ccc;
}
 
  .rating-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: gold;
    /* Filled color stars */
    width: 70%;
    /* Fill percentage here */
  }


section.contact-mid {
    background: #f5f5f5;
    margin-top: 41px;
    padding-top: 55px;
    padding-bottom: 55px;
}

.students-support .form-contact {
    width: 100%;
    max-width: 922px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



.alphabet-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    gap: 1.25rem;
}


.alphabet-list .areas-modal-column .our-areas ul.area-list {
    background: #ffffff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 361px;
    overflow: auto;
    margin-bottom: 21px;
    border-radius: 10px;
}


.alphabet-list .areas-modal-column .our-areas ul.area-list::-webkit-scrollbar {
    width: 10px;
}

.alphabet-list .areas-modal-column .our-areas ul.area-list::-webkit-scrollbar-track {
    background:#ffffff;
}

.alphabet-list .areas-modal-column .our-areas ul.area-list::-webkit-scrollbar-thumb {
    background-color:#c5c5c5;
    border-radius: 10px;
    border: 2px solid #fff;
}

.alphabet-list .areas-modal-column .our-areas ul.area-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.alphabet-list .areas-modal-column .our-areas ul.area-list li.alpha-header {
    background-color: #059FB8;
    color: #ffffff;
    padding: 11px 20px;
    font-size: 26px;
    font-weight: 500;
    border-radius: 10px 10px 0 0;
}

.alphabet-list .areas-modal-column .our-areas ul.area-list li {
    padding:7px 19px;
    font-size: 16px;
    font-weight: 400;
    border-bottom: solid 1px #f4f4f4;
}

.alphabet-list .areas-modal-column .our-areas ul.area-list li a {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}


.alphabet-list .areas-modal-column:first-child .our-areas ul.area-list li.alpha-header {
    background-color: #595BC7;
}

.alphabet-list .areas-modal-column:last-child .our-areas ul.area-list li.alpha-header {
    background-color: #FEA661;
}

.date-select #calendar {
    background: #059FB8;
    border-radius: 0px;
    padding: 20px;
}

.date-select #calendar .fc-header-toolbar .fc-toolbar-chunk h2 {
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
}

.date-select #calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    padding: 0.3em 0.45em;
    background: none;
    opacity: 1;
    border: none;
}

.date-select #calendar table.fc-scrollgrid {
    border: none;
}

.date-select #calendar table.fc-scrollgrid thead tr table {
    border: none;
}


.date-select #calendar table.fc-scrollgrid thead tr {
    border: none;
}

.date-select #calendar table.fc-scrollgrid thead tr th {
    border: none;
}


.date-select #calendar table.fc-scrollgrid thead tr th a {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
}

.date-select #calendar table.fc-scrollgrid tbody tr td {
    border: none;
    background: none !important;
}

.date-select #calendar table.fc-scrollgrid tbody .fc-scrollgrid-section th {
    border: none;
}

.date-select #calendar table.fc-scrollgrid tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top {
    justify-content: center;
}

.date-select #calendar table.fc-scrollgrid tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top a {
    color: #ffffff;
}


.date-select #calendar table.fc-scrollgrid tbody tr td.fc-disabled-day {
    opacity: 1;
    background: none !important;
}

.date-select #calendar table.fc-scrollgrid tbody tr td.fc-disabled-day .fc-daygrid-day-frame .fc-daygrid-day-top {
    position: relative;
}

.date-select #calendar table.fc-scrollgrid tbody tr td.fc-disabled-day .fc-daygrid-day-frame .fc-daygrid-day-top a {
    opacity: 0.7;
}

.date-select #calendar table.fc-scrollgrid tbody tr td.fc-disabled-day .fc-daygrid-day-frame .fc-daygrid-day-top:before {
    color: #ffffff;
    position: absolute;
    z-index: 5;
    font-size: 28px;
    top: 1px;
    width: 40px;
    height: 25px;
    text-align: center;
    border: solid 1px #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 25px;
    opacity: 0.5;
    content: "////";
    font-weight: 200;
}

.fc-active-date {
    position: relative;
}

.date-select #calendar table.fc-scrollgrid tbody tr td.fc-active-date .fc-daygrid-day-top{
    position: relative;
}
.date-select #calendar table.fc-scrollgrid tbody tr td.fc-active-date .fc-daygrid-day-top a {
    color: #000000 !important;
    position: relative;
    z-index: 1;
    display: block;
}

.date-select #calendar table.fc-scrollgrid tbody tr td.fc-active-date .fc-daygrid-day-top:before {
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    top: 50%;
    left: 0;
    z-index: 0;
    opacity: 1;
    transform: translate(0px, -50%);
    margin: 0 auto;
    right: 0;
}

.date-select #calendar table.fc-scrollgrid tbody tr  td.fc-active-date {
    background-color: #059fb8 !important;
}

.date-select #calendar table.fc-scrollgrid thead .fc-scroller-harness {
    margin-bottom: 9px;
}

.date-select #calendar table.fc-scrollgrid tbody td table.fc-scrollgrid-sync-table td .fc-daygrid-day-frame {
    padding-top: 8px;
}

body.popup-add.slot-added #priceBreakdownModal .modal-content .calendar-wrapper #timesloat_data #timeslotForm button.btn.time_sloat {
    margin-top: 25px;
    background-color: #059FB8;
}

.pricebreakd-wrap .hours-wrapper h2 {
    border-bottom: none;
    font-size: 22px;
    text-align: left;
    color: #000000;
    padding: 5px 0;
    line-height: normal;
    margin-bottom: 4px;
}

.pricebreakd-wrap .hours-wrapper p {
    font-size: 13px;
    line-height: normal;
    color: #555555;
    line-height: 17px;
}

.pricebreakd-wrap .hours-wrapper hr {
    opacity: 0.2;
}

.pricebreakd-wrap .hours-wrapper {
    padding: 2px 21px 25px;
}

.pricebreakd-wrap .hours-wrapper .price-hours span#HoursLabel {
    color: #ffffff;
    font-size: 13px;
    margin: 0px;
    padding: 9px 14px;
    background: #000000;
    display: inline-block;
    border-radius: 5px;
}


.pricebreakd-wrap .hours-wrapper .range-sldier {
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    background: #ffffff;
    border-radius: 8px;
    padding: 13px 11px;
    position: relative;
    display: flex;
    align-items: center;
}

.pricebreakd-wrap .hours-wrapper .range-sldier .price-hours {
    background: #000000;
    border-radius: 5px;
    margin: 0px;
}

.pricebreakd-wrap .hours-wrapper .range-sldier input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 10px;
  background: linear-gradient(to right, #f7931e 0%, #e5e5e5 0%);
  outline: none;
  transition: background 450ms ease-in;
}

.pricebreakd-wrap .hours-wrapper .range-sldier .price-hours {
    background: #000000;
    border-radius: 5px;
    margin: 0px;
    min-width: 127px;
    margin-left: 10px;
}


.pricebreakd-wrap .hours-wrapper .range-sldier .price-hours span#lessonHoursLabel {
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    display: flex;
    margin: 0px;
    justify-content: center;
    padding: 13px 0px;
}


/* For WebKit browsers */
.pricebreakd-wrap .hours-wrapper .range-sldier input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #f7931e;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* For Firefox */
.pricebreakd-wrap .hours-wrapper .range-sldier input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #f7931e;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.pricebreakd-wrap .hours-wrapper .range-sldier input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, #f7931e 40%, #e5e5e5 40%);
  height: 8px;
  border-radius: 10px;
}

.pricebreakd-wrap .hours-wrapper .range-sldier input[type="range"]:focus {
  outline: none;
}


.pricebreakd-wrap #timeslotFormstep1 .check-test ul li {
    background: none;
    margin: 0px;
}

.pricebreakd-wrap #timeslotFormstep1 .check-test ul li .test-link .toggle-wrapper label.toggle-switch span.slider span.text-off {
    color: #fff;
    left: 0px;
}

.pricebreakd-wrap #timeslotFormstep1 .check-test ul li .test-link .toggle-wrapper label.toggle-switch input:checked +  span.slider span.text-off {
    opacity: 0;
}

.pricebreakd-wrap #timeslotFormstep1 .check-test ul li .test-link .toggle-wrapper label.toggle-switch input:checked + span.slider span.text-on {
    color: #fff;
    left: -41px;
}

.pricebreakd-wrap .last-button {
    padding: 0 21px 20px;
}

.pricebreakd-wrap .last-button button.btn.time_sloat {
    background-color: #059FB8;
}

#step-3.pricebreakdown .pricebreakd-wrap {
    padding: 11px 21px 25px;
        background: #ffffff;
}

#step-3.pricebreakdown .pricebreakd-wrap h2 {
    border-bottom: solid 1px #D9D9D9;
    font-size: 19px;
    text-align: center;
    color: #000000;
    padding: 10px 0;
}

.pricebreakd-wrap .check-test {
    margin-bottom: 20px;
}

.pricebreakd-wrap .check-test li {
    background: rgba(5, 159, 184, 0.1);
    margin-bottom: 20px;
    padding: 15px 13px;
    border-radius: 2px;
}


.pricebreakd-wrap .check-test li .test-link span {
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.pricebreakd-wrap .check-test li .test-link .toggle-wrapper label.toggle-switch input {
    position: absolute;
    left: 0px;
    appearance: none;
    width: 17px;
    height: 17px;
    border: solid 1px #000000;
}

.pricebreakd-wrap .check-test li .test-link .toggle-wrapper label span.slider {
    display: flex;
    padding-left: 27px;
    margin: 0px;
}

.pricebreakd-wrap .check-test li .test-link .toggle-wrapper label span.slider span {
    margin: 0px 6px 0 0;
    color: #059FB8;
}

.pricebreakd-wrap .price-box .selected-slots-box h4 {
    font-weight: 500;
    font-size: 16px;
}

.pricebreakd-wrap .price-box .selected-slots-box ul#selectedSlotsList li {
    align-items: center;
    border: none;
}


.pricebreakd-wrap .price-box .selected-slots-box ul#selectedSlotsList li ul {
    border: none;
    padding: 0px;
}

.pricebreakd-wrap .price-box .selected-slots-box ul#selectedSlotsList li strong {
    font-size: 15px;
    color: #059FB8;
}


.pricebreakd-wrap .price-box .selected-slots-box ul#selectedSlotsList li ul li {
    font-size: 13px;
    font-weight: 600;
}

.pricebreakd-wrap .price-box .selected-slots-box {
    margin: 0px;
}


.pricebreakd-wrap .price-box ul.price-breakdown li {
    background: rgba(5, 159, 184, 0.1);
    padding: 12px 15px;
    border-color: #ffffff;
}

.pricebreakd-wrap .price-box ul.price-breakdown li span.label {
    font-size: 15px;
    color: #000000;
}

.pricebreakd-wrap .price-box ul.price-breakdown {
    margin: 0px;
    margin-bottom: 18px;
}

#step-3 .pricebreakd-wrap .last-button {
    padding-left: 0px;
    padding-bottom: 0px;
}

.pricebreakd-wrap .price-box ul.price-breakdown li span {
    color: #059FB8;
    font-weight: 600;
}

.pricebreakd-wrap .check-test li .test-link .toggle-wrapper label {
    position: relative;
    line-height: normal;
    padding: 0px;
}

.date-select #calendar .fc-view-harness.fc-view-harness-active {
    height: 450px !important;
}

.details-of-learner {
    padding: 12px 20px 20px;
}

#step-4 .details-of-learner {
    background: #ffffff;
}

.details-of-learner h2 {
    border-bottom: solid 1px #D9D9D9;
    font-size: 19px;
    text-align: center;
    color: #000000;
    padding: 5px 0;
}

.details-of-learner .form-wrapper .form-group {
    margin-bottom: 11px;
}


.details-of-learner .form-wrapper .form-group input {
    height: 47px;
    border: none;
    border-radius: 30px;
    font-size: 15px;
    background: #F3F3F3;
}

.details-of-learner .form-wrapper .form-group.submit button.btn.time_sloat {
    background-color: #059FB8;
}



#priceBreakdownModal button.close-btn {
    width: 35px;
    height: 35px;
    color: #ffffff;
    font-weight: 300;
    font-size: 24px;
    border-radius: 50%;
    top: -6px;
    right: -6px;
    font-family: 'Figtree';
    z-index: 10;
    background: #059FB8;
    line-height: 33px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.hours-wrapper .range-sldier .price-hours span#lessonHoursLabel {
    color: #000000;
    width: 78%;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    margin-top: 9px;
}

#priceBreakdownModal .calendar-card {
    padding: 0;
}

#timesloat_data {
    background: #E0E2E6;
    padding: 0px 20px;
    margin-top: 0px;
}

#priceBreakdownModal .modal-content {
    padding: 0px;
    max-width: 600px;
    background: #EFEEF5;
    border-radius: 0px;
}


body.popup-add.slot-added #priceBreakdownModal .modal-content {
    max-width: 1000px;
    border-radius: 0px;
}

body.popup-add.slot-added #priceBreakdownModal .modal-content .calendar-wrapper  .card-colum1 {
    width: 50%;
}

body.popup-add.slot-added #priceBreakdownModal .modal-content .calendar-wrapper #timesloat_data {
    background: none;
}

body.popup-add.slot-added #priceBreakdownModal .modal-content .calendar-wrapper #timesloat_data .availibitys {
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 11px;
}

body.popup-add.slot-added #priceBreakdownModal .modal-content .calendar-wrapper #timesloat_data .availibitys br {
    display: none;
}


body.popup-add.slot-added #priceBreakdownModal .modal-content .calendar-wrapper #timesloat_data #timeslotForm{
    border-top: solid 1px #eeeeee;
    padding-top: 11px;
    margin-top: 11px;
}

body.popup-add.slot-added #priceBreakdownModal .modal-content .calendar-wrapper {
    display: flex;
    flex-wrap: wrap;
}


form#timeslotForm p.time {
    background: #FFFFFF;
    border-radius: 0px;
    margin-bottom: 4px;
    position: relative;
    padding-left: 10px;
    border: solid 1px #cbe6eb;
}
form#timeslotForm p.time:before {
    content: "";
    background-color: #059FB8;
    position: absolute;
    left: 9px;
    width: 2px;
    height: 83%;
    z-index: 1;
    border-radius: 5px;
    top: 5px;
    display: none;
}


#timesloat_data .heading {
    margin-bottom: 14px;
    margin-top: 25px;
}

#timesloat_data .heading h4 {
    color: #000;
    font-size: 20px;
}
form#timeslotForm p.time label.time.d-block {
    border-radius: 0px;
    color: #919191;
    position: relative;
    align-items: center;
    padding: 10px 15px;
    padding-left: 32px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
}



.time input.time_sloat_options {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
  left: 0;
  top: 0;
  z-index: 2;
}


.time span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 22px;
    height: 22px;
    border: 2px solid #059FB8;
    border-radius: 50%;
    background: white;
    transition: 0.3s;
}


.time input.time_sloat_options:checked + span::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 22px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #059FB8;
    border-radius: 50%;
    z-index: 1;
    transition: 0.3s ease;
}

form#timeslotForm p.time label.time.d-block.disabled {
    opacity: 0.2;
}

form#timeslotForm {
    height: auto;
    padding-right: 20px;
    padding-bottom: 11px;
}


.time input[type="radio"]:checked ~ label::after {
  opacity: 1;
}

.time input[type="radio"]:checked ~ label::before {
  border-color: #007bff;
}



form#timeslotForm button.btn.time_sloat {
    background: #059FB8;
}


.pricebreakd-wrap {
    padding: 13px 10px;
}

.pricebreakd-wrap .check-test {
    background: #ffffff;
    padding: 19px 20px 9px;
    border-radius: 10px;
}


.pricebreakd-wrap .check-test ul li {
    margin-bottom: 14px;
    position: relative;
    padding-left: 29px;
}
.pricebreakd-wrap .check-test ul li:before {
    background-image: url('../images/check-sign.svg');
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0px;
}
.pricebreakd-wrap .check-test ul li .test-link span {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

.pricebreakd-wrap .check-test ul li .test-link {
    display: flex;
    position: relative;
    padding-right: 71px;
}


.pricebreakd-wrap .check-test ul li .test-link input[type="checkbox"] {
    position: absolute;
    right: 0;
    opacity: 0;
}


.pricebreakd-wrap .check-test ul li .toggle-wrapper {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
}

.pricebreakd-wrap .check-test ul li .toggle-switch {
    width: auto;
    height: auto;
    margin-right: 0px;
    display: inline-block;
}

.pricebreakd-wrap .check-test ul li .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.pricebreakd-wrap .check-test ul li .slider {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    height: 24px;
    background-color: #059FB8;
    border-radius: 34px;
    transition: 0.4s;
    user-select: none;
    width: 60px;
}

.pricebreakd-wrap .check-test ul li .slider:before {
    content: "";
    position: absolute;
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
    z-index: 1;
}

.pricebreakd-wrap .check-test ul li .slider .text-off {
    color: #fff;
    position: relative;
    left: 19px;
}

.pricebreakd-wrap .check-test ul li .slider .text-on {
    color: #fff;
    position: relative;
    left: -20px;
}

.pricebreakd-wrap .check-test ul li input:checked + .slider {
    background-color: #059FB8;
}

.pricebreakd-wrap .check-test ul li input:checked + .slider:before {
    transform: translateX(36px);
}

.pricebreakd-wrap .check-test ul li .slider .text-on, 
.pricebreakd-wrap .check-test ul li .slider .text-off {
    position: relative;
    z-index: 2;
    transition: opacity 0.3s ease;
    user-select: none;
    font-size: 15px;
}

.pricebreakd-wrap .check-test ul li input:checked + .slider .text-off {
    opacity: 0;
}

.pricebreakd-wrap .check-test ul li input:not(:checked) + .slider .text-on {
    opacity: 0;
}


.pricebreakd-wrap .check-test ul li .status-label {
    font-weight: bold;
    font-size: 18px;
    color: #999;
    min-width: 40px;       
    user-select: none;
    transition: color 0.3s ease;
}

.pricebreakd-wrap .check-test ul li input:checked + .slider + .status-label {
    color: #059FB8;
}

.pricebreakd-wrap .check-test ul li input:checked + .slider + .status-label::after {
    content: "Yes";
}

.pricebreakd-wrap .check-test ul li input:not(:checked) + .slider + .status-label {
    color: #999;
}

.pricebreakd-wrap .check-test ul li input:not(:checked) + .slider + .status-label::after {
    content: "No";
}






.pricebreakd-wrap .add-hours {
    padding-top: 28px;
}

.pricebreakdown .pricebreakd-wrap .add-hours h2 {
    border-bottom: solid 1px #646464;
    padding-bottom: 8px;
}


.pricebreakd-wrap .add-hours p {
    color: #333333;
    font-size: 13px;
    line-height: 20px;
}


.pricebreakd-wrap .add-hours .hours-wrapper label {
    color: #646464;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 19px;
    display: block;
}



#priceBreakdownModal .price-box ul.price-breakdown {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

#priceBreakdownModal .price-box ul.price-breakdown li {
    border: none;
}

#priceBreakdownModal .price-box ul.price-breakdown li span.label {
    color: #646464;
    font-weight: 500;
}


#priceBreakdownModal .price-box ul.price-breakdown li span.label b {
    color: #000000;
}

#priceBreakdownModal .price-box ul.price-breakdown li span {
    color: #646464;
    font-size: 17px;
    font-weight: 500;
}


#priceBreakdownModal .price-box {
    margin-bottom: 20px;
}


.pricebreakdown .pricebreakd-wrap .last-button {
    text-align: center;
}

.pricebreakdown .pricebreakd-wrap .last-button button.btn.time_sloat {
    min-width: 220px;
    text-align: center;
    justify-content: center;
    font-size: 18px;
    background-color: #000000;
}

.details-of-learner h2 {
    font-size: 24px;
    color: #000000;
    margin: 0px 0 10px;
    line-height: normal;
    border-bottom: solid 1px #c3c3c3;
    padding-bottom: 11px;
}

.details-of-learner .form-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 17px;
}


.details-of-learner .form-wrapper .form-group.address {
    width: 100%;
}


.details-of-learner .form-wrapper .form-group label {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 6px;
}


.details-of-learner .form-wrapper .form-group input:focus{
    outline: none;
}

.details-of-learner .form-wrapper .form-group.amout {
    width: 100%;
}

.details-of-learner .form-wrapper .form-group.submit {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.details-of-learner .form-wrapper .form-group {
    width: 49%;
    margin-bottom: 10px;
}


.details-of-learner .form-wrapper .form-group.submit button.btn.time_sloat {
    min-width: 277px;
    justify-content: center;
    font-size: 19px;
}

#payment-form button#submit {
    margin-top: 25px;
    min-width: 255px;
    text-align: center;
    justify-content: center;
    font-size: 18px;
}


.area-we-popup .modal-content .head-tilte {
    background: #059FB8;
    border-radius: 5px 5px 0 0;
}

.area-we-popup .modal-content .head-tilte h2 {
    text-align: center;
    font-size: 19px;
    color: #fff;
    font-weight: 500;
}


.area-we-popup .modal-content .content {
    padding: 10px 20px;
}

.area-we-popup .modal-content .content p {
    margin-bottom: 14px;
    line-height: normal;
}


.area-we-popup .modal-content .content p strong {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.area-we-popup .modal-content .content p a {
    color: #059fb8;
    text-decoration: underline;
}

.area-we-popup .modal-content button.close-btn {
    color: #ffffff !important;
}

.top-reasons .reasons-card .icon img {
    width: auto;
    max-width: 100%;
}

input#postcode {
    text-transform: uppercase;
}


section.testimonials-sec-1 {
    position: relative;
    background-image: url('../images/testi-bg.jpg');
    background-size: cover;
    background-position: center;
}

.rating-blocks span.rating img {
    background: #fdac2c;
    padding: 4px 10px;
}

section.testimonials-sec-1:before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16,16,16,0.8);
    z-index: 1;
}

section.testimonials-sec-1 .container {
    position: relative;
    z-index: 10;
}

.testimonials-block {
    display: flex;
    flex-wrap: wrap;
    padding: 41px 0;
}

.testimonials-block .title-inner {
    width: 30.333%;
    padding-right: 30px;
    padding-top: 46px;
}

.testimonials-block .title-inner h2 {
    color: #fff;
    font-size: 39px;
}

.testimonials-block .rating-blocks h4 {
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 8px;
}

.testimonials-block .title-inner p {
    color: #ffffff;
}

.testimonials-block .testimonial-content {
    width: 69.666%;
}

.testimonial-content .explore-card .right-content h3 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
}

.testimonial-content .explore-card .right-content span.name {
    color: #ffffff;
    font-size: 14px;
}

.explore-card .right-content span.rating {
    margin-top: 12px;
    display: block;
    margin-bottom: 20px;
}


.testimonial-content .explore-card .img-left img {
    height: 332px;
    object-fit: cover;
    border-radius: 20px;
    object-position: center;
    border: solid 1px #7f7f7f;
}


.testimonial-content .explore-card .right-content p {
    color: #ffffff;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
}

.testimonials-block .testimonial-content .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    border: solid 1px #eeeeee !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.5) !important;
    display: flex;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}


.testimonials-block .testimonial-content .owl-nav button.owl-prev {
    left: -13px;
    font-size: 0px;
}
.testimonials-block .testimonial-content .owl-nav button.owl-next {
    right: -13px;
    font-size: 0px;
}



.testimonials-block .testimonial-content .owl-nav button.owl-prev:before {
    content: "";
    background-image: url('../images/arrow-left.svg');
    width: 17px;
    height: 15px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}

.testimonials-block .testimonial-content .owl-nav button.owl-next:before {
 content: "";
 background-image: url('../images/arrow-right.svg');
    width: 17px;
    height: 15px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}


.explore-card .right-content span.rating img {
    width: auto;
}

.testimonials-block .testimonial-content .explore-card {
    position: relative;
    display: flex;
    padding: 34px 30px 40px 40px;
    border: 2px solid #7f7f7f;
    border-top: none;
    border-right: none;
    flex-wrap: wrap;
}



.testimonials-block .testimonial-content .explore-card:before {
    position: absolute;
    content: '';
    border-top: 2px solid #7f7f7f;
    width: calc(100% - 100px);
    left: 0px;
    top: 0px;
}

.testimonials-block .testimonial-content .explore-card:after {
    position: absolute;
    content: '';
    border-right: 2px solid #7f7f7f;
    height: calc(100% - 100px);
    right: 0px;
    bottom: 0px;
}

.testimonials-block .testimonial-content .explore-card .border-box {
    position: absolute;
    top: -20px;
    right: 50px;
    background: #7f7f7f;
    transform: rotate(-45deg);
    height: 141px;
    width: 2px;
}


.testimonial-content .explore-card .img-left {
    text-align: center;
    width: 33.333%;
}

.testimonial-content .explore-card .right-content {
    width: auto;
    padding-left: 45px;
    flex: 1;
    padding-right: 105px;
}


.instructor-list .drive-detail .car-details .rating .rating-container {
    font-size: 18px;
}


.price-hours{
    margin-bottom: 20px;
}
.selected-slots-box {
  background: #f9fafb;
  border-radius: 8px;
  padding: 10px 15px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.selected-slots-box ul {
  margin: 0;
  padding-left: 20px;
}

.selected-slots-box li {
  list-style: disc;
  font-size: 14px;
  color: #333;
}
.selected-slots-box h4 {
  margin-bottom: 12px;
}


.instructor-list main {
    height: 100%;
}

.learn-to-drive .container {
    height: 100%;
}

.learn-to-drive .inst-availabilty {
    height: 100%;
}



.modal-content .calendar-wrapper form {
    border-top: solid 1px #eeeeee;
    padding-top: 11px;
    margin-top: 11px;
}



.policy-section {
    padding: 50px 0;
}

.policy-section .collapse-card {
    border: none;
    border-radius: 0px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.policy-section .collapse-header {
    width: 100%;
    background: #f9fafb;
    border: none;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s ease;
    font-family: 'Figtree';
    text-align: left;
        position: relative;
        padding-right: 33px;
}

.policy-section .collapse-card.active button.collapse-header span.icon {
    color: #ffffff;
}

.policy-section  .collapse-card.active button.collapse-header {
    background: #059FB8;
    color: #fff;
}

.policy-section .collapse-card.active button.collapse-header span.icon {
    color: #ffffff;
}

/* 
.policy-section .collapse-content p br {
    display: none;
} */

.policy-section .collapse-content p {
    margin-bottom: 15px;
    font-family: 'Figtree';
}

.policy-section .collapse-header:hover {
    background: #f0f4f8;
}

.policy-section .collapse-header .icon {
    font-size: 22px;
    font-weight: bold;
    transition: transform 0.3s ease;
    position: absolute;
    right: 10px;
}

.policy-section .collapse-card.active .collapse-header .icon {
    transform: rotate(45deg);
    color: #0d9488; /* teal accent */
}

.policy-section .collapse-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
    padding: 0 20px;
}

.policy-section .collapse-card.active .collapse-body {
    max-height: 100%;
    padding: 15px 20px;
    background: #ffffff;
}

.policy-section .collapse-content {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
}


.policy-section  .collapse-card.active button.collapse-header {
    background: #059FB8;
    color: #fff;
}

section.cms-page.thankyou-page {
    min-height: 405px;
    text-align: center;
    padding-top: 120px;
}

section.cms-page.thankyou-page h1 {
    margin-bottom: 12px;
}

section.cms-page.thankyou-page a {
    background: #059FB8;
    border-radius: 5px;
    padding: 0px 22px;
    display: inline-block;
    align-items: center;
    line-height: 41px;
    color: #ffffff;
}

section.cms-page.thankyou-page a:hover{
    background:#000000;
}
.app-block {
    margin: 0 auto;
    width: 100%;
    max-width: 650px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.app-block h5 {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.app-block .app-block-wrap {
    display: flex;
    margin-top: 20px;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.app-block .app-block-wrap img {
    max-width: 190px;
    object-fit: cover;
}

@media (min-width:768px) {

.owl-carousel.mobile-slider-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}
    .owl-carousel.mobile-slider-wrapper .owl-stage-outer, 
    .owl-carousel.mobile-slider-wrapper .owl-stage, 
    .owl-carousel.mobile-slider-wrapper .owl-item {
        display: contents !important;
    }

}

@media (max-width:767px) {
    .owl-carousel .item {
        padding: 10px;
    }
    /* css 26-05-26 */
    .pricebreakd-wrap .check-test ul li .test-link li {
    padding: 6px 0px 10px 28px !important;
}

.pricebreakd-wrap .check-test ul li .test-link {
    padding-right: 60px;
}
.app-block .app-block-wrap img {
    max-width: 138px;
}
/* css 26-05-26 */
}

div.back_step{
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: 10px;
    font-size: 15px;
    color: #fff;
}
.pricebreakd-wrap .back_step ,#step-4 .back_step{   
	color: #333;
}