@import url(../fonts/Gilroy/stylesheet.css);
@import url(../fonts/ProductSans/stylesheet.css);

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

body{
    font-family: 'Product Sans';
    font-size: 16px;
    line-height:1.4;
    font-weight: 400;
}
.heading,
h1,h2,h3,h4,h5,h6{
    font-family: 'Gilroy';
    font-weight: 800;
    color:#2D2563;
    text-transform: capitalize;
}
p:last-child{
    margin-bottom: 0;
}
.section_title{
    text-align: center;
}
.section_title h2{
    font-size: 46px;
    line-height: 75px;
}
.section_title p.heading_description{
    color: #555185;
    font-size: 18px;
    font-weight: 400;
    line-height:30px;
}
.btn.btn-primary{
    font-family:'Gilroy';
    font-size:16px;
    font-weight: 800;
    line-height:normal;
    color: #0A0951;
    padding:20px 29px;
    background-color:#F4A640;
    border-color:#F4A640;
}
.btn.btn-primary:hover{
    color: #F4A640;
    background-color:#0A0951;
    border-color:#0A0951;
}
input:focus{
    box-shadow:none !important;
    outline:0px;
    background:transparent;
}
.form-control:focus{
    border-color:rgba(0, 0, 0, 0.10);
    background:transparent;
}
button:focus{
    outline:0px !important;
}
@media (min-width:1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1220px;
    }
}
@media (min-width:1200px){
    .wrapper-sm{
        max-width: 1194px;
    }
}

::-webkit-scrollbar {
    width: 5px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px grey; */
    border: 1px solid #d8d5d5;
    padding: 3px;
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #f4a640;
    border-radius: 10px;
  }


header{
    padding:25px 0px;
    z-index:10;
}
header .navbar .container{
    max-width:1518px;
    margin:0px auto;
    padding:0px 12px;
}
.navbar-brand{
    margin-right: 0;
}
.navbar-brand img{
    width: 100%;
    max-width: 249px;
}
.main_menu .navbar-nav .nav-item{
    padding:0px 15px;
}
.main_menu .navbar-nav.contact_navbar li.nav-item {
    padding: 0px 10px;
}
.main_menu .navbar-nav .nav-item:first-child,
.main_menu .contact_navbar li:first-child{
    padding-left: 0;
}
.main_menu .navbar-nav .nav-item:last-child,
.main_menu .contact_navbar li:last-child{
    padding-right: 0;
}
.main_menu .navbar-nav .nav-link{
    font-size: 18px;
    line-height:normal;
    font-weight: 600;
    font-style: normal;
    color: #FFF;
    padding:0px;
    position: relative;
    text-transform: capitalize;
}

.main_menu .navbar-nav .nav-link:not(.book_btn):after{
    content:"";
    height: 2px;
    width: 0%;
    background-color:#FFFFFF;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform:translate(0px , 10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.main_menu .navbar-nav .nav-link.active:after,
.main_menu .navbar-nav .nav-link:hover:after{
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}
.mob_toggler .book_btn,
.main_menu .navbar-nav .nav-item .book_btn{
    font-size:16px;
    font-weight: 800;
    line-height:normal;
    color: #0A0951 !important;
    padding:20px 45px !important;
    background-color:#F4A640;
    border-color:#F4A640;
    margin-left: 15px;
    border: 1px solid #1294EC;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.main_menu .navbar-nav .nav-item .book_btn{
    font-family:"Gilroy";
}
.mob_toggler .book_btn:hover,
.main_menu .navbar-nav .nav-item .book_btn:hover{
    color: #F4A640 !important;
    background-color:#0A0951;
    border-color:#0A0951;
    transition: all 0.3s ease;

}
.dark_menu .main_menu .navbar-nav .nav-link {
    color: #17214D;
}
.dark_menu .main_menu .navbar-nav .nav-link:not(.book_btn):after {
    background-color: #17214D;
}

.main{
    overflow: hidden;
}

.hero_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding-top: 104px;
}
.hero_section .container{
    max-width:1515px;
}
.welcome_text_wrapper{
    max-width:535px;
}
.welcome_sec_title{
    font-size: 70px;
    line-height:82px;
    font-weight: 800;
    color: #17214D;
    margin-bottom: 44px;
}
.welcome_sec_subtitle{
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
    color: #17214D;
    margin-bottom: 39px;
}
.search_tab_wrapper{
    width: 100%;
}
.search_tab_wrapper ul{
    border:0;
}
.search_tab_wrapper ul li button{
    border-radius: 0px 0px 0px 0px !important;
    background: rgba(244, 166, 64, 0.50);
    font-family: 'Gilroy';
    font-size:16px;
    font-weight:300;
    color:rgba(23, 33, 77, 0.5);
    transition: all 0.3s;
    border: 0 !important;
    letter-spacing: 0.5px;
}
.search_tab_wrapper ul li button:hover,
.search_tab_wrapper ul li button.active{
    background-color: #F4A640 !important;
    color:#17214D;
    transition: all 0.3s;
}
.search_tab_wrapper ul li button.active {
    font-weight:800;
    opacity: 1;

}
.search_tab_wrapper ul li:first-child button{
    border-radius: 4px 0px 0px 0px !important;
}
.search_tab_wrapper ul li:last-child button{
    border-radius: 0px 4px 0px 0px !important;
}
/* .search_tab_wrapper ul ~ button{
    display:none;
}
.search_tab_wrapper ul.suburb-list ~ button{
    display:inline-block;
}  */  
.search_input_wrapper{
    border-radius: 0px 4px 4px 4px;
    border: 1px solid #E7E7E7;
    background: #FFF;
    box-shadow: 0px 25px 63px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    /*overflow: hidden;*/
}
.search_input_wrapper input{
    height: 79px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #6C798B !important;
}
.search_input_wrapper input::placeholder{
    opacity:0.6;
}
.search_input_wrapper button{
    background-color:#F4A640;
    border:1px solid #F4A640;
    border-radius: 4px !important;
    margin:6px 6px 6px 0px;
    width: 69px;
    padding:10px !important;
    transition: all 0.3s ease;
}
.search_input_wrapper button:hover{
    background-color: #e69934 !important;
    border: 1px solid #e69934 !important;
}



.our_services{
    padding-top: 60px;
    padding-bottom: 145px;
}
.our_services .section_title {
    margin-bottom: 50px;
}
.our_services .section_title h2{
    font-size:46px;
    line-height: 75px;
}
.our_services .section_title p.heading_description{
    width: 100%;
    max-width:445px;
}

.service_box{
    padding:34px 30px 0;
}

.service_1{
    background: rgb(224,108,108);
    background: -moz-linear-gradient(180deg, rgba(224,108,108,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(224,108,108,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(224,108,108,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e06c6c",endColorstr="#ffffff",GradientType=1);
}
.service_2{
    background: rgb(255,214,125);
    background: -moz-linear-gradient(180deg, rgba(255,214,125,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,214,125,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255,214,125,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd67d",endColorstr="#ffffff",GradientType=1);
}
.service_3{
    background: rgb(174,232,150);
    background: -moz-linear-gradient(180deg, rgba(174,232,150,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(174,232,150,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(174,232,150,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aee896",endColorstr="#ffffff",GradientType=1);
}
.service_img{
    margin-bottom: 45px;
    overflow: hidden;
}
.service_img img{
    width: 100%;
    max-height: 300px;
    min-height:300px;
    object-fit:contain;
}
.service_3 .service_content{
    padding-top: 10px;
}
.service_3 .service_img img {
    max-height: 350px;
    margin-top: -15px;
}
.service_3 .service_img{
    margin-bottom: 35px;
}
.service_content .service_content_heading{
    font-size: 24px;
    line-height:normal;
    letter-spacing: -0.36px;
    color:#0A0951;
    margin-bottom: 15px;
}
.service_content ul li{
    font-size:18px;
    line-height: 34px;
    font-weight: 400;
    color:#555185;
    margin-bottom: 5px;
    position: relative;
    padding-left:28px;
}
.service_content ul li:last-child{
    margin-bottom: 0;
}

.driving_test_img_wrapper {
    position: relative;
}
.driving_test_img_wrapper img {
    width: 100%;
    max-width: 848px;
    padding-right: 30px;
}

.driving_test_img_wrapper .priceing_box{
    width: 230px;
    height: 230px;
    padding: 20px;
    background: #eda533;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: 19%;
    top: 63%;
}

.driving_test_img_wrapper .priceing_box p {
    color: #06063D;
    font-size: 50px;
    line-height: 60px;
}

.driving_test_img_wrapper .priceing_box p span {
    color: #06063D;
    font-size: 70px;
    font-weight:700;
    line-height: 70px;
}


.service_1 .service_content ul li::before,
.service_2 .service_content ul li::before,
.service_3 .service_content ul li::before{
    content: "";
    background-image:url(../images/arrow-right-s-line.svg);
    background-color:#F95A5A;
    font-size: 17px;
    line-height: 21px;
    border-radius:100px;
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top:50%;
    left: 0;
    transform:translate(0px , -54%);
}

.service_2 .service_content ul li::before{
    background-color:#FAB726;
}
.service_3 .service_content ul li::before{
    background-color:#2BC48A;
}

.driving_test{
    padding-top: 115px;
    padding-bottom: 115px;
    background: rgb(90,193,223);
    background: -moz-linear-gradient(90deg, rgba(90,193,223,1) 0%, rgba(255,255,255,1) 75%);
    background: -webkit-linear-gradient(90deg, rgba(90,193,223,1) 0%, rgba(255,255,255,1) 75%);
    background: linear-gradient(90deg, rgba(90,193,223,1) 0%, rgba(255,255,255,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5ac1df",endColorstr="#ffffff",GradientType=1);
}

.driving_test_img_wrapper img{
    width: 100%;
    max-width:848px;
    padding-right: 30px;
}
.driving_test_content{
    max-width:575px;
    margin-right: auto;
    margin-bottom:50px;
}
.driving_test_content .section_title h2{
    font-size:46px;
    line-height: 64px;
    color: #06063D;
    margin-bottom: 15px;
}

.driving_test_content .test_list{
    margin-bottom: 45px;
}

.driving_test_content .test_list li{
    font-size:22px;
    line-height: 32px;
    font-weight: 400;
    color:#06063D;
    margin-bottom: 25px;
    position: relative;
    padding-left:40px;
}
.driving_test_content .test_list li:last-child{
    margin-bottom: 0;
}

.driving_test_content .test_list li::before {
    content:"";
    background-image:url("../images/green-right-bold-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px , -36%);
}
.driving_test_content p{
    font-size: 16.5px;
    line-height:29px;
    color:#555185;
    margin-top: 10px;
}



.whay_first{
    padding-top: 115px;
    padding-bottom: 115px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,226,179,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,226,179,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,226,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffe2b3",GradientType=1);
}

.whay_first_img_wrapper img{
    width: 100%;
    max-width:750px;
}

.whay_first_content{
    max-width:545px;
    margin-left: auto;
    margin-right: 30px;
}
.whay_first_content .section_title{
    margin-bottom: 20px;
}
.whay_first_content .section_title h2{
    font-size:46px;
    line-height: 64px;
    color: #06063D;
    margin-bottom: 12px;
}
.whay_first_content .section_title p {
    font-size: 34px;
    line-height: 32px;
    font-weight: 400;
    color: #06063D;
    margin-bottom: 20px;
}
.whay_first_content .section_title span{
    font-size: 22px;
    line-height:29px;
    font-weight: 400;
    color:#F4A640;
}
.whay_first_content p{
    font-size: 16.5px;
    line-height:28px;
    color:#555185;
    margin-bottom: 35px;
}
.whay_first_content p:last-child{
    margin-bottom: 0px !important;
}
.whay_first_content .btn.book_now_btn {
    padding: 20px 40px;
    margin-top: 35px;
}


/* Fun Experience Sec */
.fun-experience {
    padding: 87px 0 70px;
}

.sec-head h2 {
    font-size: 46px;
    line-height: 56px;
    margin-bottom: 14px;
}

.sec-head p {
    color: #555185;
    font-size: 24px;
    line-height: 30px;
}

.fun-experience .sec-head {
    margin-bottom: 50px;
}
.fun-box {
    padding: 0px 16px;
}
.experience-card {
    background: linear-gradient(270deg, #FFFFFF 5.99%, rgb(224 108 108 / 50%) 113.12%);
    padding: 30px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.experience-card.card-two {
    background: linear-gradient(270deg, #FFFFFF 0.03%, rgb(186 236 165 / 50%) 113.12%);
}

.experience-card.card-three {
    background: linear-gradient(270deg, #FFFFFF 5.99%, rgb(125 206 230 / 50%) 113.12%);

}

.experience-card.card-four {
    background: linear-gradient(270deg, #FFFFFF 0.01%, rgb(184 172 255 / 50%) 113.14%);

}

.experience-card .card-icon {
    height: 95px;
    width: auto;
    object-fit: contain;
    margin-bottom: 28px;
}

.experience-card h3 {
    color: #162232;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 14px;
}

.block-desc {
    color: #4F5562;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.4px;
}

.block-desc p {
    margin-bottom: 30px;
    letter-spacing:0.5px;
}


/* Footer */

footer {
    background: #FFFDF8;
}

.logo-section {
    padding: 90px 0;
    background: #FFF2DD;
}

.logo-block {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.logo-block .img-block{
    display: flex;
    align-items: center;
}
.logo-block img {
    height: auto;
    object-fit: contain;
    max-width: 200px;
    ;
}

footer a[href]:hover {
    color: #F4A640;
}

.footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
}

footer .widget-title {
    color: #06063D;
    font-size: 27px;
    line-height: 36px;
    margin-bottom: 39px;
}

.contact-list li {
    margin-bottom: 26px;
    position: relative;
    padding-left: 40px;
}

.contact-list a {
    color: #06063D;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
}

.contact-list i {
    font-size: 20px;
    color: #F4A640;
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 2px;
}

.social-block li {
    margin-right: 13px;
}

.social-block a {
    border-radius: 10px;
    transition: all 0.5s;
    background: #FFEACF;
    width: 40px;
    height: 40px;
    display: flex;
    color: #F4A640;
    font-size: 30px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

footer .social-block a:hover {
    background: #F4A640;
    color: #fff;
}

.footer-menu li {
    margin-bottom: 22px;
}

.footer-menu a {
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    color: #555185;
}
.footer-menu a:hover {
    text-decoration: underline;
}
.footer-app-link {
    margin-top: 6px;
}
.footer-app-link a {
    display: inline-block;
    line-height: 0;
}
.footer-app-link img {
    display: block;
    width: 150px;
    max-width: 100%;
    height: auto;
}
.footer_book_btn a.btn.btn-primary {
    padding: 11px 32px;
    border: 1px solid #1294ec;
    border-radius: 4px;
}

.copyright-footer {
    font-size: 18px;
    border-top: 1px solid #BBCCCD7A;
    padding-top: 21px;
    color: #717081;
    text-align: center;
    line-height: 21px;
    padding-bottom: 16px;
}

/* -------------------------------------------------------------------------- */
/*                            Test Package Page CSS                           */
/* -------------------------------------------------------------------------- */
/* .test_package_banner{
    background-image: url(../images/test-package-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    min-height: 740px;
} */
.driving_test_pack {
    padding: 60px 0 0;
}
.driving_package_inc {
    background-image: url(../images/test-package-includes-bg.jpg);
    background-size: cover;
    background-position:60%;
    background-repeat: no-repeat;
    padding: 70px 78px 50px;
}
.driving_package_inc_box .section_title h3 {
    color: #F4A640;
    font-size: 61px;
    line-height: 64px;
    font-weight: 700;
    text-transform: uppercase;
}
.driving_package_inc_box .section_title h3 span{
    font-size: 36px;
}
.driving_package_inc_box .section_title h2 {
    font-size: 46px;
    color: #fff;
    line-height: 64px;
    margin-bottom: 30px;
}
.driving_package_inc_box .test_list li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 21px;
    position: relative;
    padding-left: 40px;
}
.driving_package_inc_box .test_list li::before {
    content: "";
    background-image: url("../images/green-right-bold-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px , -36%);
}
.packages_service{
    padding-top: 100px;
    padding-bottom: 80px;
}
.packages_service .section_title {
    margin-bottom: 40px;
}
.packages_service .section_title h2 {
    font-size: 46px;
    line-height: 75px;
}
.packages_box {
    padding: 34px 30px 56px;
    cursor: pointer;
}
.packages_1 {
    background: rgb(43,196,138);
    background: -moz-linear-gradient(180deg, rgba(43,196,138,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(43,196,138,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(43,196,138,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2bc48a",endColorstr="#ffffff",GradientType=1);
}
.packages_2 {
    background: rgb(108,140,224);
    background: -moz-linear-gradient(180deg, rgba(108,140,224,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(108,140,224,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(108,140,224,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6c8ce0",endColorstr="#ffffff",GradientType=1);
}
.packages_img{
    margin-bottom: 30px;
    height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.packages_img img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.packages_content h3 {
    font-size: 36px;
    line-height: normal;
    letter-spacing: -0.54px;
    color: #0A0951;
    text-align: center;
    margin-bottom: 0;
}
.choosed-container {
    /* border: 1px solid rgb(227, 226, 226); */
    padding: 20px;
    border-radius: 10px;
    margin: 40px auto;
    box-shadow: inset 0px 11px 31px -8px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    background: rgb(142 197 215 / 25%);
}
.test_with_lesson h5 {
    font-weight: 800;
    font-size: 40px;
    line-height: 82px;
    text-transform: capitalize;
    color: #17214d;
    text-align: center;
}
.packages_choose_box .search_tab_wrapper {
    max-width: 445px;
    margin: 0 auto;
}
.packages_choose_box .search_input_wrapper input {
    height: 68px;
    font-size: 16px;
}
.packages_choose_box .search_input_wrapper button {
    background-color: #F4A640;
    border: 1px solid #F4A640;
    border-radius: 4px !important;
    margin: 6px 10px 6px 0px;
    width: 60px;
    padding: 10px !important;
}
.packages_choose_box .search_input_wrapper button:hover{
    background-color: #e69934;
    border: 1px solid #e69934;
}
.choose_test_location{
    max-width: 445px;
    margin: 30px auto 0;
}
.choose_test_location h3{
    text-align: center;
    font-size: 30px;
    color: #17214d;
}
.choose_test_location p {
    font-size: 18px;
    line-height: 30px;
    color: #555185;
    margin-top: 20px;
    text-align: center;

}

.select_area_container {
    display: flex;
}
.select-area {
    flex: 1;
    padding: 14px 16px;
    background: #ffffff;
    border-radius: 0px 4px 4px 4px;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 25px 63px rgba(0, 0, 0, 0.1);
    font-family: Product-sans-regular;
    color: #6b6b6b;
    background-color: white;
}
.select_area_container > button {
    margin-left: 10px;
    padding: 10px 11px 10px 11px !important;
    transition: all 0.5s ease;
    outline: none;
    border: 0px;
    background: #f4a640;
    border-radius: 4px;
}
.select_area_container > button:hover{
    background-color: #e69934 !important;
}

/* -------------------------------------------------------------------------- */
/*                       Driving Lessons Page CSS Start                       */
/* -------------------------------------------------------------------------- */
.driving-lessons-header .navbar-nav:last-child .nav-link {
    color: #2D2563;
}
.driving-lessons-header .main_menu .navbar-nav:last-child .nav-link:not(.book_btn):after{
    background-color: #2D2563;
}
.driving_lessons_banner_wrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.driving_lessons_banner_title h1 {
    color: #FCB03C;
    font-size: 140px;
    font-style: normal;
    line-height: 154px;
    text-transform: uppercase;
}
.driving_lessons_banner .container {
    max-width: 1535px;
    margin: 0px auto;
    padding: 0px 12px;
}
.booking_has_sec {
    padding: 60px 0 0;
}
.booking_has_sec .section_title h2 {
    margin-bottom: 40px;
    max-width: fit-content;
    margin-left: 390px;
}
.booking_has_sec .container{
    max-width: 1354px;
}

.ed_content_container {
    display: flex;
    margin: auto;
}
.ed_content {
    background-color: #1a4661;
    color: #ffffff;
    width: 100%;
    padding: 51px 36px 50px 47px;
}
.points_easier_list{
    border-bottom: 1px solid rgb(255, 255, 255, 0.1);
    padding-bottom: 36px;
}
.points_easier_list ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: 'Product Sans';
}
.points_easier_list ul li {
    font-size: 28px;
    color: #F4A640;
    align-items: center;
    display: flex;
    gap: 9px;
    margin-right:59px;
}
.learner_dashboard {
    border-bottom: 1px solid rgb(255, 255, 255, 0.1);
    padding: 33px 0px 44px 0;
}
.learner_dashboard h3,
.book_with_confidence_list h3 {
    font-size: 30px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 18px;
}
.learner_dashboard ul li {
    font-size: 22px;
    line-height: 50px;
    font-weight: 400;
    color: #fff;
    position: relative;
    padding-left: 35px;
}
.learner_dashboard ul li::before {
    content: "";
    background-image: url(../images/arrow-right-s-line.svg);
    background-color: #2BC48A;
    font-size: 17px;
    line-height: 21px;
    border-radius: 100px;
    text-align: center;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px , -54%);
}
.book_with_confidence_list {
    padding-top: 46px;
}
.book_with_confidence_list ul li {
    font-size: 22px;
    line-height: 50px;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
    padding-left: 40px;
}
.book_with_confidence_list ul li::before {
    content: "";
    background-image: url("../images/green-right-bold-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px , -36%);
}
.add_more_sec {
    padding: 50px 0 110px;
}
.add_more_sec .section_title h2 {
    margin-right: 5%;
}
.add_more_img img{
    padding-top: 30px;
    padding-left: 30px;
    max-width: 100%;
}
.dl_pricing_sec {
    background: linear-gradient(270deg, #ffffff 13.15%, #5ac1df 113.15%);
    padding: 65px 0;
}
.dl_pricing_box h5{
    font-size: 46px;
    line-height: 75px;
}
.dl_pricing_box .search_tab_wrapper {
    max-width: 463px;
}
.dl_pricing_box input {
    height: 66px;
}
.dl_pricing_box .search_input_wrapper button {
    width: 58px;
}

/* -------------------------------------------------------------------------- */
/*                           Profile Page CSS Start                           */
/* -------------------------------------------------------------------------- */
section.profile_info_sec {
    margin-top: -355px;
    padding: 0 12px;
}
.profile_top_banner {
    background-color: #FEF7ED;
    height: 480px;
}
.profile_info_box {
    border-radius: 8px;
    background: #FFF;
    box-shadow: -2px 7px 79px 0px rgba(81, 99, 99, 0.13);
    padding: 40px;
    max-width: 1494px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.profile_grey_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding:40px 15px;
    background: #f3f3f3;
    border-radius: 8px;
}
.profile_self_info_ctn {
    display: flex;
    flex-direction: column;
}
.profile_self_info {
    display: flex;
    align-items: center;
    gap: 30px;
}
.pro_img_box {
    max-width: 155px;
}
.pro_img_ctn img {
    object-fit: contain;
    border: 5px solid white;
    border-radius: 100%;
    width: 154px;
    height: 154px;
}
.pro_info {
    margin-bottom: 15px;
    display: flex;
}
.pro_info_name {
    font-style: normal;
    font-weight: 800;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    color: #06063d;
    margin-right: 9px;
    margin-bottom: 0;
}
.pro_info_working {
    margin-bottom: 7px;
}
.pro_info_working span,
.pro_info_xp span {
    font-weight: 400;
    font-size: 16px;
    line-height: 12px;
    text-align: center;
    color: #17214d;
    display: inline-flex;
    margin-left: 4px;
}
.pro_info_xp > span > span {
    margin-left: 3px;
    font-weight: 700;
}
.pro_info_working {
    margin-bottom: 7px;
}
.pro_info_working span {
    font-weight: 400;
    font-size: 16px;
    line-height: 12px;
    text-align: center;
    color: #17214d;
    display: inline-flex;
    margin-left: 4px;
}
.pro__ratings_ctn {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.pro_ratings {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    gap: 3px;
}
.pro_ratings .start {
    font-weight: 700;
    font-size: 20px;
    line-height: 14px;
    text-align: center;
    color: #000000;
}
.pro_ratings .ratings {
    font-size: 15px;
    color: #555185;
}
.auto_transmission {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    border: 1px solid #f4a640;
    border-radius: 6px;
    color: #f4a640;
    display: inline-flex;
    padding: 4px 19px;
    margin-top: 25px;
}
.pro_btns {
    margin-top: 23px;
    display: flex;
    gap: 16px;
}
.pro_btns .btn.btn-primary {
    font-family: 'Gilroy';
    font-weight: 800;
    font-size: 20px;
    color: #212a37;
    padding: 17px 25px;
    min-width: 230px;
    width: 100%;
}
.pro_btns .btn.btn-primary:hover {
    color: #ffffff;
}
.pro_btns .btn.active_btn{
    background: #0A0951;
    color: #ffffff;
    border-color: #0A0951;

}
.pro_btns .btn.active_btn:hover{
    background: #F4A640;
    border-color: #F4A640;
    color: #212a37;
}
.profile_points_list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.profile_points_list li i {
    color: #08CA3F;
    margin-right: 15px;
}
.profile_points_list li {
    color: #17214D;
    font-size: 20px;
    margin-bottom: 18px;
    padding-left: 40px;
    position: relative;
}
.profile_points_list li:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    position: absolute;
    color: #08CA3F;
    left: 0;
    font-weight: 700;
    top: 0;
}
.profile_points_list li:last-child{
    margin-bottom: 0;
}
.pro_language {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pro_language_list{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
.pro_language_list span {
    background: #17A2B8;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 2px 8px;
}
.profile_points_ctn {
    border-left: 1px solid #dbdbdb;
    padding-left: 43px;
}
.profile_bio {
    padding: 32px 0 15px;
}
.profile_bio h3 {
    color: #17214D;
    margin-bottom: 20px;
    font-size: 28px;
}
.profile_bio p {
    color: #555185;
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
}
.review_car_sec {
    padding: 0 12px;
}
.review_wreper {
    max-width: 1494px;
    margin: 0 auto;
    gap: 50px;
    align-items: flex-start;
}
.review_info_box {
    background: #ffffff;
    box-shadow: -2px 7px 79px rgba(81, 99, 99, 0.12);
    border-radius: 8px;
    max-width: 942px;
    padding: 30px;
    width: 100%;
    height: auto;
    min-height: 0;
    align-self: flex-start;
}
.review_name_heading {
    font-size: 20px;
    line-height: 32px;
    margin-top: 20px;
}
.review_bio_ctn p {
    font-size: 18px;
    line-height: 32px;
    color: #555185;
    max-width: 780px;
}
.review_bio_stars ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}
.see_more_review a {
    text-align: center;
    font-size: 20px;
    color: #4F5562;
    text-decoration: underline;
}
.see_more_review a:hover {
    color: #2D2563;
}
.car_review_box {
    background: #ffffff;
    box-shadow: -2px 7px 79px rgba(81, 99, 99, 0.12);
    border-radius: 8px;
    max-width: 500px;
    padding: 30px;
}
.car_review_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rc_heading {
    color: #212A37;
    margin: 0;
}
.car_review_head span {
    border-radius: 3px;
    border: 1px solid #F4A640;
    color: #212529;
    font-weight: 700;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 15px;
}
.car_review_img img {
    border: 1px solid #D7D7D7;
    margin: 30px 0;
    border-radius: 5px;
}
.car_review_name {
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #17214D;
}
.car_review_num {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.car_review_code {
    border: 1px solid #f4a640;
    border-radius: 3px;
    font-weight: 400;
    font-size: 20px;
    line-height: 15px;
    text-align: center;
    color: #17214d;
    padding: 15px 29px;
    margin-right: 14px;
}
.car_review_codelist span {
    font-size: 21px;
    line-height: 15px;
    color: #17214D;
}
.car_review_codelist span:first-child {
    color: #CC0000;
}
.car_review_codelist span:nth-child(3n) {
    color: #F2994A;
}
.profile_map_sec{
    padding: 0 12px;
}
.profile_map_box {
    max-width: 1494px;
    margin: 40px auto;
    box-shadow: -2px 7px 79px 0px rgba(81, 99, 99, 0.12);
    background: #fff;
    border-radius: 8px;
    padding: 30px;
}
.profile_map_title h3 {
    margin-bottom: 25px;
}
.other_insturctor_sec{
    padding: 0 12px;
}
.insturctor_wreper_box {
    max-width: 1494px;
    margin: 0 auto 40px;
}
.other_insturctor_head h4 {
    margin-bottom: 25px;
    font-size: 23px;
    position: relative;
}
.other_insturctor_head h4:after {
    content: "";
    background: #06063D;
    width: 175px;
    height: 3px;
    position: absolute;
    top: 50%;
    margin-left: 10px;
}
.insturctor_suggested_list {
    display: flex;
    /*justify-content: space-between;*/
    overflow-x: scroll;
    padding: 4px 0 15px;
    gap: 50px;
}
.insturctor_suggested_list::-webkit-scrollbar-track
{
    border: 1px solid #d8d5d5;
    padding: 3px;
    border-radius: 10px;
}

.insturctor_suggested_list::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.insturctor_suggested_list::-webkit-scrollbar-thumb
{
    background: #f4a640;
    border-radius: 10px;
}

.suggested_instructor_box {
    max-width: 110px;
    text-align: center;
}
.instructor_title {
    display: block;
    text-align: center;
    color: #555185;
    font-size: 22px;
    font-weight: 700;
}
.instructor_img_wrapper {
    position: relative;
}
.instructor_img_wrapper:after {
    content: "";
    width: 97px;
    height: 97px;
    display: block;
    border: 1px solid #FFA500;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.suggested_instructor_box img {
    max-width: 102px;
    border-radius: 100%;
}




/* -------------------------------------------------------------------------- */
/*                           Package Page CSS Start                           */
/* -------------------------------------------------------------------------- */
.single_logo_header {
    background: rgba(114, 182, 207, 0.60);
}
.center_logo img{
    max-width: 249px;
}
.package_top_banner{
    background-image: url(../images/package-top-banner.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    min-height: 675px;
}
.package_instructor_sec{
    margin-top: -11.3%;
    padding: 0 12px;
    position: relative;
    z-index: 1;
}
.package_instructor_box {
    display: flex;
    white-space: nowrap;
    box-shadow: -7px 15px 65px rgba(77, 101, 101, 0.1);
    border-radius: 18px;
    /* width: fit-content; */
    max-width: 1494px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    width: 100%;
}
.pack_detail_box_head h3 {
    font-size: 36px;
    color: #06063D;
}
.pack_detail_box_head p {
    font-size: 22px;
    color: #4F5562;
    line-height: 36px;
    margin-bottom: 0;
}
.pack_detail_box_head .bold{
    font-size: 24px;
    font-weight: 700;
}
.pack_detail_box_one {
    display: flex;
    align-items: center;
    background: white;
    max-width: 445px;
    width: 100%;
    justify-content: center;
}
.pack_detail_box {
    padding: 30px 20px 25px;
}
.pack_detail_box_two {
    max-width: 470px;
    width: 100%;
    border-left: 1px solid rgb(135 152 156 / 30%);
    border-right: 1px solid rgb(135 152 156 / 30%);
}
.detail_sub_heading {
    font-size: 22px;
    color: #17214D;
}
.pkg_plan {
    background: #F4A640;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 100%;
    color: #fff;
}
.pkg_plan span:first-child {
    font-size: 17px;
    line-height: 13px;
    font-weight: 700;
    margin-top: 5px;
}
.pkg_plan span:last-child {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 13px;
}
.package_plan_box {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 155px;
    width: 100%;
}
.pkg_plan-title {
    font-size: 20px;
    line-height: 34px;
    color: #555185;
}
.pkg_less {
    font-size: 20px;
    line-height: 34px;
    font-weight: 700;
    color: #17214D;
}
.package_list {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.payment_bronze_col .package_list:last-child{
    margin-bottom: 0;
}
.pkg_silver_plan{
    background: #F95A5A;
}
.pkg_gold_plan{
    background: #5ECBE3;
}
.pkg_platinum_plan{
    background: #2FC68D;
}
.pkg_diamond_plan{
    background: #3F71EE;
}
.pack_detail_inrbox {
    max-width: 300px;
    margin: 0 auto;
}
.pkg_list_msg {
    font-size: 18px;
    color: #F4A640;
    text-decoration: underline;
    margin-top: 15px;
    display: block;
}
.pack_detail_box_three {
    max-width: 300px;
    width: 100%;
}
.test_pack_price_content li {
    font-size: 18px;
    line-height: 34px;
    font-weight: 400;
    color: #17214D;
    margin-bottom: 5px;
    position: relative;
    padding-left: 28px;
}
.test_pack_price_content li:after {
    content: "";
    background-image: url(../images/arrow-right-s-line.svg);
    background-color: #F4A640;
    font-size: 17px;
    line-height: 21px;
    border-radius: 100px;
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px , -54%);
}
.test_pack_price h2 {
    color: #F4A640;
    font-size: 49px;
    line-height: 61px;
}
.test_pack_price {
    max-width: 170px;
    margin: 0 auto;
}
.pack_detail_box_four {
    background: #F4A640;
    width: 100%;
    max-width: 280px;
}
.pack_price_select{
    margin-top: 15px;
    margin-bottom: 10px;
}
.pack_price_select select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-image: url(../images/down-arrow.svg) !important;
    background-size: 0.6em !important;
    background-position: calc(100% - 5px) center !important;
    background-repeat: no-repeat !important;
    background: white;
    border: 1px solid #17214d;
    border-radius: 4px;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    color: #17214d;
    padding: 3px 21px 4px 10px;
}
.pkg_lesson_tag {
    font-size: 21px;
    line-height: 24px;
    margin-left: 12px;
}
.pack_price_list {
    max-width: 185px;
    margin: 0 auto;
}
.pkg_save_btn {
    background: #F95A5A;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
}
.pkg_save_btn {
    background: #F95A5A;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
    width: 100%;
    padding: 4px 10px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}
.pkg_save_btn:hover {
    background: #ffffff;
    color: #F95A5A;
}
.pkg_price_total span {
    font-size: 24px;
    color: #17214D;
}
.pkg_price_total span:last-child {
    font-size: 28px;
    font-weight: 800;
    font-family: 'Gilroy';
}
.pkg_price_total {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.pkg_profilebox_sec {
    padding: 50px 12px;
}
.pkg_profile_wrapper{
    max-width: 1494px;
    margin: 0 auto;
    width: 100%;
}
.pkg_profile_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-rows: repeat(2, 1fr); */
    grid-column-gap: 42px;
    grid-row-gap: 42px;
}
.pkg_profile_card{
    text-align: center;
}
.pkg_icard_img img {
    border-radius: 100%;
    max-width: 154px;
    border: 1px solid #fff;
}
.pkg_icard_content {
    background: rgba(88, 170, 200, 0.1);
    border-radius: 4px;
    margin-top: -80px;
    padding: 87px 15px 26px 15px;
}
.pkg_icard_name {
    color: #212A37;
    font-size: 26px;
}
.pkg_icard_lang {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #555185;
    display: block;
}
.pkg_icard_lang span {
    color: #17214d;
}
.pkg_icard_book_btn {
    background: #F4A640;
    color: #212A37;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-family: 'Gilroy';
    font-weight: 700;
    border: none;
    width: 100%;
    border-radius: 4px;
    padding: 14px 18px;
    letter-spacing: 0.15px;
}
.pkg_icard_book_btn:hover{
    background: #e7a54f;
}
.pkg_icard_buttons {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 20px 0;
}
.pkg_icard_buttons button{
    font-family: 'Gilroy';
    border-radius: 4px;
    font-size: 15px;
    letter-spacing: 0.15px;
    font-weight: 700;
}
.icard_button_profile {
    background: #17214d;
    border: 1px solid #17214d;
    padding: 13px 10px;
    color: #fff;
    font-family: 'Gilroy';
    font-weight: 700;
    max-width: 123px;
    width: 100%;
}
.icard_button_profile:hover{
    background: #112681;
}
.icard_button_times {
    background: rgba(244, 166, 64, 0.14);
    border: 1px solid #f4a640;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #17214D;
    gap: 8px;
    max-width: 169px;
    width: 100%;
}
.icard_button_times:hover{
    background: #f3d9b8;
}
.pkg_filter_sec{
    padding: 0 12px;
    margin-top: 50px;
}
.pkg_filter_wrapper{
    max-width: 1494px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: -2px 7px 79px rgba(81, 99, 99, 0.15);
    border-radius: 8px;
    padding: 17px 0px 20px 0;
}
.pkg_filter_row {
    max-width: 980px;
    margin: 0 auto;
}
.gender_check_list {
    display: flex;
    gap: 12px;
}
.pkg_filter_box p {
    font-size: 16px;
    color: #555185;
    margin-bottom: 8px;
}
.gender_check_list .form-check .form-check-label {
    background: #FFF7ED;
    border-radius: 2px;
    padding: 7px 12px;
    border: 1px solid transparent;
    margin: 0;
    cursor: pointer;
    font-size: 18px;
    color: #212A37;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gender_check_list .form-check-input:checked ~ .form-check-label {
    border: 1px solid #f4a640 ;
}
.gender_check_list .form-check input {
    position: absolute;
    margin: 0;
    z-index: -1;
    opacity: 0;
}
.gender_check_list .form-check {
    padding: 0;
    margin: 0;
}
.pkg_filter_btn .btn.btn-primary {
    margin-top: auto;
    border-radius: 2px;
    background: #EB5757;
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.15px;
    font-weight: 700;
    padding: 10px 15px;
}
.pkg_filter_btn .btn.btn-primary:hover{
    background: #d73c3c;
}


/* -------------------------------------------------------------------------- */
/*                                   Sign-up                                  */
/* -------------------------------------------------------------------------- */
.registration_bg {
    background: #FFFBEE;
}
.registration_bg .form_header .site_logo {
    max-width: 211px;
}
.registration_row {
    height: 100vh;
}
.singup_banner_img {
    background-image: url("../images/login-img.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    overflow: hidden;
}

.content_block {
    max-width: 800px;
    padding-left: 30px;
    margin-bottom: 30px;
    margin-right: 75px;
    width: 100%;
    margin-left: auto;
}
.signup_form_main .content_block {
    margin-bottom: 80px;
    padding-left: 45px;
}

.content_block h2 {
    font-size: 46px;
    line-height: 56px;
    font-weight: 900;
    margin-bottom: 15px;
}

.content_block p {
    font-size: 30px;
    line-height: 46px;
    color: #555185;
}

.form_col_bg {
    background-image: url("../images/dots-patterns.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.form_content_box {
    max-width: 460px;
    padding: 17px 0px 17px;
}
.form_content_box.contact_box{
    min-width: 500px;
}
.contact_form .form_body{
    background: #FFFFFF;
}
.form_header {
    margin-bottom: 17px;
    overflow: hidden;
}

.form_header .site_logo {
    max-width: 249px;
}

hr {
    border-color: #E1E1E1;
    opacity: 1;
    margin: 14px 0px;
}

.form_header .form_title h2 {
    font-family: 'Product Sans';
    color: #555185;
    font-size: 26px;
    line-height: 31.54px;
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
}
.form_header .form_title h2{
    display: inline-block;
}
.form_header .form_title h2:before,
.form_header .form_title h2:after {
    content: "";
    background-color: #555185;
    height: 1px;
    width: 100%;
    max-width: 30%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -35%;
}
.form_header .form_title h2:after {
    right: -35%;
    left: auto;
}
.login_form .form_header .form_title h2:before{
    max-width: 80%;
    left: -100%;
}
.login_form .form_header .form_title h2:after{
    max-width: 80%;
    left: auto;
    right: -100%;
}


.form_body .col-md-6,
.form_body .col-md-12 {
    margin-top: 22px;
}

.form_body .form-label {
    font-family: "Product Sans";
    font-size: 17px;
    line-height: 26px;
    font-weight: 700;
    color: #2D2563;
}
.payment_form_body.form_body .form-label{
    line-height: 18px;
}
.form_body textarea {
    height: 113px;
}

.form-control {
    font-size: 16px;
    height: 54px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    box-shadow: none !important;
    padding: 14px 25px;
}

.form-control::placeholder {
    color: #555185;
    opacity: 0.5;
}
.phone-number-input .input-group-btn button {
    height: 54px;
    background-color: rgb(0 0 0 / 14%);
    margin-right: 1px !important;
    border-color: #e5e5e5;
    border-right: 0;
}
.phone-number-input .input-group-btn button .btn-cc{
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    color:#2D2563;
}
.caret,
.phone-number-input .input-group-btn button::after {
    content: "";
    display: none;
}
.phone-number-input .input-group-btn button:focus,
.phone-number-input .input-group-btn button:active{
        background-color: rgb(0 0 0 / 14%) !important;
        border-color: #e5e5e5 !important;
        box-shadow:none !important;
}

.email_icon,
.email_icon:focus,
.password_icon,
.password_icon:focus{
    background-image: url(../images/email-icon.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 95% center;
    background-color:transparent;
}
.password_icon,
.password_icon:focus{
    background-image: url(../images/lock.svg);
    font-size:40px;
}

.password_icon::placeholder{
    background-image: url(../images/password_icon.svg);
    background-repeat: no-repeat;
    opacity:1;
    background-position: left center;
    color:transparent;
}

.custom-radio {
    width: 20px;
    height: 20px;
    margin-top: 1px !important;
    cursor: pointer;
    background: no-repeat;
    border-color: #555185;
}
.custom-radio ~ label{
    cursor: pointer;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #555185;
    margin-left: 11px;
    margin-right: 30px;
}
.custom-radio:checked[type=radio] {
    background-image: none !important;
    border-color: #eda533;
    background-color: #FFFFFF !important;
    position: relative;
}
.custom-radio:checked[type=radio]:after {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background: #eda533;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.custom-radio[type=checkbox]:focus, .custom-radio[type=radio]:focus, .custom-radio[type=file]:focus {
    outline: none;
    outline:0px;
    outline-offset:0px;
}

.form_body button[type="submit"] {
    font-size: 16px;
    line-height: normal;
    font-weight: 800;
    font-family: 'Gilroy';
    padding: 16px 20px !important;
    margin: 21px 0px 17px;
/*     max-width: 315px; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.form_body .account-nots {
    font-family: 'Product Sans';
    font-size: 16.5px;
    font-weight: 400;
    line-height: normal;
    color: #555185;
}

.form_body .account-nots a {
    color: #F4A640;
    transition: all 0.3s ease;
}

.form_body .account-nots a:hover {
    color: #555185;
    transition: all 0.3s ease;
}

.form_body::-webkit-scrollbar-track{
    border: 1px solid #d8d5d5;
    border-radius: 10px;
}

.form_body::-webkit-scrollbar{
    width: 6px;
    background-color: #ffffff;
}

.form_body::-webkit-scrollbar-thumb{
    background: #f4a640;
    border-radius: 10px;
}

.password_reset label{
    font-size: 16.5px;
    font-weight: 400;
    color: #555185;
    margin-bottom: 0;
}
.form-check-input[type=checkbox]{
    width: 20px;
    height: 20px;
    margin-top: 1px;
}
.password_reset a{
    font-family:'Product Sans';
    font-size: 16.5px;
    line-height:22px;
}
.form-check-input[type=checkbox]:focus{
    outline: 0;
}
.form-check-input[type=checkbox]{
    background-color: transparent !important;
    border-color: #E5E1DC;
    cursor: pointer;
}
.form-check-input:checked[type=checkbox] {
    background-image: url('../images/check.png');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position:center;
}
.login_form .content_block {
    padding-left: 50px;
    margin-bottom: 75px;
}
.login_form .form_body {
    height: auto;
}

.form_body select.form-control {
    color: #2D2563;
    opacity: 1;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 95% center;
}

a.back_ancor {
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/*                             Contact page style                             */
/* -------------------------------------------------------------------------- */
.contact_form .form_body{
    border-radius:8px;
}
.contact_form .form_content_box {
    margin-left: 0 !important;
    transform: translateX(-80px);
}
.form_content_box.contact_box {
    min-width: 625px;
}
.form_content_box.contact_box .form_body{
    padding:30px 84px;
}
.contact_form .content_block {
    max-width: 760px;
    margin-bottom: 65px;
    margin-right: 85px;
}
.contact_form .form_header {
    margin-bottom: 10px;
}
.contact_form .form_header .form_title h2 {
    display: inline-block;
}
.contact_form .form_header .form_title h2:before {
    content: "";
    left: -35%;
    max-width:30%;
}
.contact_form .form_header .form_title h2:after{
    content: "";
    right: -35%;
    max-width:30%;
}
.contact_form .form_body .form_header{
    background-color:#FFFFFF;
    padding-top: 25px;
}

/* ----------------------- Add To cart Page CSS Start ----------------------- */
.addtocart_top_banner{
    background: linear-gradient( 90.52deg, #64afcb -0.74%, rgba(255, 255, 255, 0) 99.64% );
    height: 255px;
}
.step_choose_wrapper {
    max-width: 1494px;
    border-radius: 8px;
    background: #17214D;
    margin: 0 auto;
}
.step_choose-sec {
    margin-top: -120px;
    padding: 0 12px;
}
.step_choose_tab {
    display: flex;
    align-items: center;
}
.step_choose_wrapper {
    max-width: 1494px;
    border-radius: 8px;
    background: #17214D;
    margin: 0 auto;
    padding: 35px 12px 0px;
}
.step_back_span {
    margin-bottom: 27px;
    margin-left: 20px;
    margin-right: 70px;
    padding: 13px 34px 11px 22px;
    height: fit-content;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #262d33;
    border-radius: 3px;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #262d33;
    text-decoration: none;
}
.step_back_span:hover{
    background: #F4A640;
}
.step_back_span img {
    margin-right: 4px;
    width: 24px;
    vertical-align: middle;
}
/* .step_back_span:after {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    position: absolute;
    color: #17214D;
    left: 0;
    font-weight: 700;
} */
.step_choose-sec .step_tab_img img {
    height: 248px;
}
.add_cart_sec{
    padding: 50px 12px;
}
.add_cart_wrapper{
    max-width: 986px;
    margin: 0 auto;
}
.add_cart_heading h2 {
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 46px;
}
.add_cart_heading {
    position: relative;
    text-align: center;
    margin: 0px 40px 30px;
}
.add_cart_heading:after {
    content: "";
    background: #F4A640;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    border-radius: 100px;
    top: 50%;
}
.add_cart_heading h2 {
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 46px;
    background: #ffffff;
    display: inline-block;
    z-index: 2;
    position: relative;
    padding: 0 30px;
}
.driving_lessons_card {
    border-radius: 7px;
    border: 1px solid #D2D2D2;
    background: #FFF;
    box-shadow: -7px 15px 65px 0px rgba(77, 101, 101, 0.10);
    overflow: hidden;
}
.driving_lessons_card
.dl_heading {
    font-family:'Product Sans';
    background: #E2EFF1;
    padding: 11px 15px;
}
.dl_heading h3 {
    font-size: 22px;
    margin-bottom: 0;
}
.dl_packages_box {
    width: 100%;
    padding: 12px 45px 30px 38px;
}
.dl_packages_box .driving_testpack_list ul li:after{
        width: 18px;
        height: 18px;
}
.dl_content_box {
    display: flex;
    border-radius: 7px;
    border: 1px solid #D2D2D2;
    border-top: none;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}
.driving_lessons_card.checked-heading .dl_content_box,
.driving_lessons_card.checked-heading{
    border-color:#19224e;
}
.dl_selection_box {
    display: flex;
    flex-direction: column;
    background-color: #f4a640;
    padding-top: 14px;
    padding-left: 28px;
    padding-right: 35px;
    min-width: 234px;
    border-radius: 0px 0px 0px 7px;
}
.dl_packages_box .pack_detail_inrbox {
    max-width: 100%;
    width: 100%;
}
.dl_packages_box .detail_sub_heading {
    margin-bottom: 15px;
}
.dl_packages_box .pkg_plan {
    width: 40px;
    height: 40px;
}
.dl_packages_box .pkg_plan span:first-child {
    font-size: 15px;
    line-height: 13px;
}
.dl_packages_box .pkg_gold_plan span:first-child {
    font-size: 13px;
}
.dl_packages_box .package_plan_box {
    gap: 14px;
}
.dl_packages_box .package_list {
    margin-bottom: 15px;
}

.dl-container-checkbox{
    position: relative;
}
.dl_checkmark {
    position: absolute;
    top: 0;
    left: -15px;
    height: 50px;
    width: 50px;
    background-color: #cbcbcb;
    border: 3px solid white;
    border-radius: 4px;
}
.dl-container-checkbox input:checked ~ .dl_checkmark:after {
    display: block;
}
.dl-container-checkbox .dl_checkmark:after {
    position: absolute;
    content: "";
    background-image: url(../images/dl-checkmark.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    left: 3px;
    top: 3px;
    width: 40px;
    height: 38px;
    display: none;
}
.dl_selection_box .pack_price_list {
    margin-top: 70px;
    margin-bottom: 30px;

}
#test_heading .dl_packages_box{
    padding: 32px 73px 15px 38px;
}
.dl_tooltip {
    position: relative;
    opacity: 1;
    display: flex;
    flex-direction: column;
  }

  /* Tooltip text */
  .dl_tooltip .tooltiptext {
    visibility: hidden;
    background: rgba(23, 33, 77, 0.8);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    white-space: wrap;
    width: 310px;
    border-radius: 6px;
    padding: 5px 10px;
    font-style: normal;
    font-size: 12px;
    color: white;
    position: absolute;
    top: -70px;
    z-index: 2;
  }
  /* Show the tooltip text when you mouse over the tooltip container */
.dl_tooltip:hover .tooltiptext {
    visibility: visible;
}
.checked-heading .dl_heading {
    background: #17214d;
    color: #ffffff;
}
.checked-heading .dl_heading h3{
    color: #ffffff;
}
.dl_testpack_box {
    margin: 38px 0;
}
.driving_testpack_content {
    display: flex;
}
.driving_testpack_total h2 {
    font-size: 49px;
    line-height: 61px;
    color: #f4a640;
    margin-bottom: 0;
}
.driving_testpack_total .detail_sub_heading {
    margin: 0;
}
.driving_testpack_total {
    margin-right: 55px;
}
.driving_testpack_list ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.driving_testpack_list ul li {
    font-size: 18px;
    line-height: 34px;
    font-weight: 400;
    color: #17214D;
    margin-bottom: 5px;
    position: relative;
    padding-left: 28px;
}
.driving_testpack_list ul li:after {
    content: "";
    background-image: url(../images/arrow-right-s-line.svg);
    background-color: #F4A640;
    font-size: 17px;
    line-height: 21px;
    border-radius: 100px;
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px , -54%);
}
.add_cart_page_btn button {
    max-width: 450px;
    color: #0A0951;
    padding: 19px 18px;
}

/* -------------------------------------------------------------------------- */
/*                            Book Now Page Section                           */
/* -------------------------------------------------------------------------- */
.book_lesson{
    margin:0px auto;
}
.book_lesson_wrapper{
    max-width:510px;
    margin:0px auto;
}
.booked_lessons_list {
    padding: 0px 12px;
    height: 200px;
    overflow-y: scroll;
    max-width: 90%;
    margin: 0 auto;
}
.booked-lessons_items {
    display: flex;
    align-items: center;
    border: 1px solid #f4a640;
    width: fit-content;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    max-height: 110px;
    margin-bottom: 10px;
    overflow: hidden;
}
.booked-lessons_items:last-child{
    margin-bottom: 0;
}
.lesson_info{
    padding:15px;
    background: #fff7ed;
    width: 100%;
    height: 100%;
}
.booked_lessons_list .lesson_info h4,
.added_to_cart_box h5{
    font-size: 20px;
    line-height:22px;
    color: #17214d;
    margin-bottom: 5px;
}
.booked_lessons_list .lesson_info p{
    font-size: 18px;
    line-height:22px;
    color: #555185;
}
.delete_lesson_info{
    display: flex;
    height: 100%;
}
.delete_lesson_info a{
    color:#eb5757;
    display: flex;
    padding:8px;
    gap:5px;
    align-items:center;
    background-color:#feebd4;
    height: 100%;
    transition: all 0.2s ease-in-out;
}
.delete_lesson_info a:hover{
    background-color:#f4ddc0;
    transition: all 0.2s ease-in-out;
}
.delete_lesson_info svg{
    fill:#eb5757;
}

.added_to_cart {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 31px;
}
.added_to_cart_box {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 13px 21px;
    height: 122px;
}
.added_to_cart_box ul li{
    display: flex;
    justify-content:space-between;
    gap:15px;
}
.added_to_cart_box ul li .list_title,
.added_to_cart_box ul li .list_info{
    font-size: 18px;
    line-height: 30px;
    color: #17214D;
}
.added_to_cart_box ul li .list_info{
    color: #555185;
}
.lesson_test_box {
    background: #17214d;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 150px;
    padding: 20px 30px;
    cursor: pointer;
    margin:20px 0px;
    transition: all 0.3s;
}
.lesson_test_box:hover{
    transform:scale(1.04);
    transition: all 0.3s;
}
.lesson_test_box h5{
    font-size: 18px;
    line-height: 24px;
    color:#FFFFFF;
    text-align: center;
}
.lesson_test_box span.lt_arrow_right {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #eda533;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
}

.driving_lesson{
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    position: relative;
}
.dl_header {
    background: #e2eff1;
    display: flex;
    justify-content: center;
    padding: 14px 0px;
    border-radius: 5px 5px 0 0;
}
.dl_body{
    padding:20px 30px 30px;
}
.dl_duration{
    margin-top: 20px;
}
.dl_hours_duration{
    margin-top: 20px;
}
.dl_hours_duration .form-check {
    background: #e2eff1;
    border: 1px solid #000000;
    border-radius: 4px;
    color: #17214d;
    width: 102px;
    padding:15px 10px;
    display: flex;
    flex-direction: column;
}
.checked-hour{
    background: #17214d !important;
    color: white !important;
    border: 1px solid #f4a640 !important;
}
.checked-hour input[type="checkbox"]{
    background-color: #ffffff !important;
    border: 1px solid #f4a640 !important;
}
.dl_hours_duration .form-check input {
    margin: 0;
    margin-bottom: 10px;
    border-color: #17214d;
}
.dl_hours_duration .form-check label{
    font-weight: 400;
    font-size: 26px;
    line-height: 29px;
}
.menu_close-btn {
    width: fit-content;
}
.menu_close-btn > img {
    background: rgb(238, 111, 111);
    padding: 4px;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.2s all;
    position: absolute;
    right: -13px;
    top: -14px;
}
.availability_check,
.test_booking .choose_location{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-image: url("../images/right-black-arrow.svg") !important;
    background-size: 8px !important;
    background-position: calc(100% - 14px) center !important;
    background-repeat: no-repeat !important;
    background: #fff7ed;
    border: 1px solid #f4a640;
    border-radius: 2px;
    font-family: "Product Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #17214d;
    width: 100%;
    max-width: 180px;
    padding: 4px 23px 4px 11px;
    margin-bottom: 10px;
}
.availability_check:focus{
    box-shadow:none;
    border: 1px solid #f4a640;
}
.dl_hours_duration button[type="submit"]{
    font-family: "Product Sans";
    font-size: 14px;
    font-weight: 700;
    color: #0a0951;
    background: #f4a640;
    text-transform: capitalize;
    border-radius: 4px;
    transition:all 0.3s;
    padding: 12px 20px;
    width: 100%;
    max-width:224px;
}
.test_booking h4{
    font-size: 18px;
}
.test_booking .choose_location{
    max-width: 385px;
    background: #17214d;
    color: #ffffff;
    border-radius:2px;
    background-image: url(../images/right-white.svg) !important;
}

/* -------------------------------------------------------------------------- */
/*                             details page style                             */
/* -------------------------------------------------------------------------- */
.your_cart_box {
    background: rgba(244, 166, 64, 0.1);
    border: 1px solid #f4a640;
    border-radius: 4px;
    margin-right: 12px;
}
.cart_header{
    display: flex;
    align-items:flex-start;
    gap:15px;
    background: rgba(244, 166, 64, 0.23);
    border-radius: 3px 3px 0px 0px;
    padding: 15px 10px;
}
.cart_header i{
    font-size: 20px;
    color:#17214D;
}
.cart_header p{
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #17214D;
    display: inline-flex;
}
.cart_body{
    padding:18px 20px;
}
.cart_body h5{
    font-family: 'Product Sans';
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    color: #17214D;
    margin-bottom: 15px;
}
.cart_body ul{
    margin-bottom: 0;
}
.cart_body ul li{
    font-weight: 400;
    font-size: 16.5px;
    line-height: 20px;
    color: #17214D;
    position: relative;
    padding-left:25px;
    margin-bottom:12px;
}
.cart_body ul li::before {
    content: "";
    background-image: url(../images/arrow-right-s-line.svg);
    background-color: #F4A640;
    font-size: 12px;
    line-height: 21px;
    border-radius: 100px;
    text-align: center;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px , -54%);
}
.cart_body .show_all{
    font-size: 15.5px;
    font-weight: 400;
    line-height: 13.2px;
    color: #17214D;
    margin-top: 12px;
}
.have_and_ac {
    height: 100%;
    background: #17214d;
    border: 1px solid #f4a640;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
}

.have_and_ac h4 {
    font-size: 26px;
    line-height: 28px;
    font-weight: 800;
    text-align: center;
    color: #ffffff;
    margin-bottom: 30px;
    text-transform:unset;
}
.have_and_ac a.btn{
    font-family: 'Gilroy';
    font-size: 15px;
    border-radius: 4px;
    line-height: 10px;
    font-weight: 800;
    color: #0A0951;
    padding: 19px 40px;
    background-color: #F2994A;
    border-color: #F2994A;
    text-transform: uppercase;
}
.have_and_ac a.btn:hover{
    color: #0A0951;
    background: #f2a45f;
    border-color: #F2994A;
}
.learners_details_form{
    margin-top: 30px;
    overflow: hidden;
}
.learners_form_wrapper{
    border-radius: 5px;
    border: 1px solid #D3D3D3;
    background: #FFF;
}
.learners_form_header{
    background-color:#E2EFF1;
    padding: 10px;
}
.learners_form_header h4{
    font-size: 24px;
    line-height: 38px;
    font-weight: 800;
    margin-bottom: 0;
    text-transform:unset;
}
.learners_form_wrapper .form_body{
    padding:15px 30px 40px;
    height: auto;
}
.learners_form_wrapper .form_body .birth_date_box .form-control{
    margin-right:16px;
}
.learners_form_wrapper .form_body .birth_date_box .form-control:last-child{
    margin-right: 0;
}
.pass_alert .alert{
    font-size: 16.5px;
    font-weight: 400;
    text-align: center;
    color: #555185;
    background: rgb(33, 150, 83, 0.1);
    border: 1px solid #27ae60;
    border-radius: 4px;
    padding: 10px 10px 5px;
    margin-bottom: 0px;
    width: 497px;
    margin-left: auto;
    margin-right: auto;
}
.pass_alert .alert h6{
    font-family: "Product Sans";
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #17214d;
    margin-bottom: 5px;
    margin-top: 0px;
    text-transform: none;
}

.learners_form_wrapper button[type="submit"] {
    background: #f4a640;
    border-radius: 4px;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #0a0951;
    padding: 17px 20px !important;
    width: 100%;
    max-width: 280px;
    margin:0px auto;
    margin-right: 0px;
    display: flex;
    justify-content:center;
}
.learners_form_wrapper button[type="submit"]:hover {
    background: #ebae5e;
    border-color: #ebae5e;
    color: #0a0951;
}
.teams_check label {
    font-size: 18px;
    font-weight: 400;
    color: #555185;
    cursor: pointer;
}
.teams_check label a{
    color: #F4A640;
}
/* -------------------------------------------------------------------------- */
/*                            Payment Page CSS Start                           */
/* -------------------------------------------------------------------------- */

.payment_wrapper{
    max-width: 978px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.ayment_stats_box_wrapper ~ .col-lg-6 {
    padding-left: 21px !important;
    margin-left: 10.5px;
}
.payment_stats_list {
    margin: 0px;
    border: 1px solid #f4a640;
    background: rgba(244, 166, 64, 0.1);
    border-radius: 4px;
    height: 100%;
}
.payment_pkg-title {
    display: flex;
    align-items: flex-start;
    background: rgba(244, 166, 64, 0.23);
    border-radius: 3px 3px 0px 0px;
    padding: 12px 13px;
    gap: 12px;
}
.payment_pkg-title p {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #17214D;
}
.payment_bronze_row {
    display: flex;
    gap: 13px;
    justify-content: space-between;
    padding: 27px 10px 15px 25px;
}
.payment_bronze_col .pkg_plan {
    width: 40px;
    height: 40px;
}
.payment_bronze_col .pkg_plan span:first-child {
    font-size: 14px;
}
.payment_pkg_row {
    margin: 60px 0 30px;
    display: flex;
    gap:21px;
/*     justify-content:space-between; */
}
.payment_pkg_row .payment_stats_box_wrapper{
    max-width: 470px;
    width: 100%;
}
.payment_pkg_row .payments_two_box_wrapper{
    max-width:490px;
    width: 100%;
}
.payments_two_box{
    display: flex;
    flex-direction:row;
    gap:19px;
}
.payments_box {
    max-width:235px;
    width: 100%;
}
.payment_stats_box {
    height: 100%;
}
.paymenttest_pkg_col {
    background: #17214d;
    border-radius: 4px;
    padding: 20px 5px 5px 17px;
    height: 100%;
}
.paymenttest_pkg_title {
    font-size: 22px;
    color: #ffffff;
    font-family: 'Gilroy';
    font-weight: 800;
    padding-left: 35px;
    display: inline-block;
}
.paymenttest_pkg_col .diving_lessons_checkbox .dl_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background-color: #cbcbcb;
    border: 3px solid white;
    border-radius: 4px;
    transform: translate(0px, -10px);
}
.paymenttest_pkg_col .diving_lessons_checkbox .dl-container-checkbox .dl_checkmark:after {
    width: 30px;
    height: 28px;
}
.payment_pkg_list h2 {
    color: #F4A640;
    font-size: 40px;
    line-height: 60px;
    margin: 18px 0 10px;
}
.payment_pkg_list .driving_testpack_list ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    padding-left: 28px;
}
.payment_pkg_list .driving_testpack_list ul li:after{
    content:"";
    height: 16px;
    width: 16px;
}
.payment_dl_box.dl_selection_box {
    border-radius: 4px !important;
    padding: 10px 22px;
    min-width:auto;
    height: 100%;
}
.payment_dl_box.dl_selection_box .pack_price_list{
    margin:auto;
}
.pkg_save_btn{
    margin-bottom: 5px;
}
.payment_dl_box .detail_sub_heading {
    font-size: 20px;
    color: #17214D;
}
.payment_dl_box  .pack_price_select select{
    font-size: 20px;
}
.payment_dl_box .pack_price_select {
    margin-bottom: 15px;
}
.payment_form_body.form_body .custome-radio-wrapper .form-label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #2D2563;
}
.payment_to_card .card_num{
    padding-left: 60px;
}
.payment_to_card .card_num,
.payment_to_card .card_num:focus{
    background-image: url(../images/card-payment.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 15px center;
    background-color:transparent;
}
.payment-options .custome-radio-wrapper{
    font-size: 15px;
    height: 54px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    box-shadow: none !important;
    padding:14px 15px;
}
.payment-options .custome-radio-wrapper label.form-label{
    color: #2D2563;
    font-family: 'Product Sans';
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.payment-options .custome-radio-wrapper label.form-label img{
    height: 26px;
}
.payment-options .custome-radio-wrapper label.form-label img.paypal {
    height: 28px;
}
.payment-options .custome-radio-wrapper label.form-label img.afterpay_icon {
    height: 30px;
}
.payment_form_body .custome-radio-wrapper > .form-check{
    width: 100%;
    margin-bottom: 10px;
}
.payment_form_body .form-check-label {
    position: relative;
    cursor:pointer;
}
.payment_form_body .form-check-label img{
    position: absolute;
    right: 0;
}
.payment-options .form-check-label input{
    margin-bottom: 2px;
}
.payment-options .form-check-label span{
    margin-left:10px;
}
.payment-options .form-check-label .paypal{
    left:8px;
    right: auto;
}
.payment-options .form-check-label #paypal_pay ~ span{
    margin-left:55%;
}
.payment_form_body button{
    line-height:19px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:8px;
}
.payment_form_body button img{
    height:20px;
}

.payment_form_body .payment-options .row > div{
    margin-top: 0px;
}

.payment-cards-row img {
    height: 27px;
    margin-top: -4px;
}


@media (max-width:1700px) {
    .content_block h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .content_block p {
        font-size: 26px;
        line-height: 36px;
    }
    .form_body{
        height: 675px;
        overflow-x: hidden;
        padding-right: 10px;
    }
    .driving_lessons_banner_wrapper{
        left: 1%;
    }

    .driving_test_img_wrapper .priceing_box {
        width: 200px;
        height: 200px;
    }
    .driving_test_img_wrapper .priceing_box p {
        color: #06063D;
        font-size: 40px;
        line-height: 50px;
    }
    .driving_test_img_wrapper .priceing_box p span {
        color: #06063D;
        font-size: 60px;
        line-height: 60px;
    }
}

@media (max-width:1440px) {
    .our_services {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    .driving_test,
    .whay_first{
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .driving_test_content{
        margin-bottom: 30px;
    }
    .hero_section {
        padding-top: 0;
        display: flex;
        align-items: center;
        min-height: inherit;
    }
    .welcome_text_wrapper{
        max-width:500px
    }
    .welcome_sec_title {
        font-size: 60px;
        line-height: 66px;
        margin-bottom: 30px;
    }
    .welcome_sec_subtitle {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    .search_input_wrapper input {
        height: 70px;
    }
    .search_input_wrapper button svg{
        width:28px;
    }
    .driving_lessons_banner_title h1 {
        font-size: 90px;
        line-height: 104px;
    }
    .driving_lessons_banner_wrapper {
        left: 7%;
    }
}
@media (max-width:1400px) {
    .content_block h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .content_block p {
        font-size: 22px;
        line-height: 30px;
    }
    .driving_test_img_wrapper .priceing_box {
        width: 170px;
        height: 170px;
        left: 17%;
        top: 62%;
    }
    .driving_test_img_wrapper .priceing_box p {
        color: #06063D;
        font-size: 32px;
        line-height: 38px;
    }
    .driving_test_img_wrapper .priceing_box p span {
        color: #06063D;
        font-size: 54px;
        line-height: 58px;
    }
}
@media (max-width:1200px) {
    .form_content_box {
        max-width: 500px;
        padding: 14px 20px;
    }
    .content_block {
        margin-bottom: 30px;
        margin-right: 30px;
    }
    .form-control,
    .phone-number-input .input-group-btn button{
        height: 46px;
    }
    .form-control {
        padding: 10px 15px;
    }
    .email_icon, .email_icon:focus,
    .password_icon, .password_icon:focus {
        background-size: 18px;
    }
}
@media (max-width:1300px) {
    .welcome_sec_title {
        font-size: 52px;
        line-height: 52px;
    }
    .welcome_text_wrapper {
        margin-top: 0px;
    }
    .ed_content {
        padding: 40px 25px 40px 25px;
    }
    .profile_info_box,
    .review_info_box,
    .profile_map_box{
        padding: 20px;
    }
    .profile_points_ctn {
        padding-left: 25px;
    }
    .review_wreper {
        gap: 30px;
    }
    .car_review_box {
        max-width: 450px;
        padding: 20px;
    }
    .pkg_profile_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .block-desc p br{
        display: none;
    }
}
@media (max-width:1199px) {
    .driving_test_img_wrapper .priceing_box {
        width: 150px;
        height: 150px;
    }
    .driving_test_img_wrapper .priceing_box p {
        font-size: 28px;
        line-height: 30px;
    }
    .driving_test_img_wrapper .priceing_box p span {
        color: #06063D;
        font-size: 44px;
        line-height: 48px;
    }

    .driving_package_inc_box .section_title h3 {
        font-size: 50px;
        line-height: 60px;
    }
    .driving_package_inc_box .section_title h3 span {
        font-size: 30px;
    }
    .driving_package_inc_box .section_title h2 {
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        margin-bottom: 30px;
        line-height: 54px;
    }
    .driving_package_inc_box .test_list li {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 14px;
    }
    .driving_package_inc_box .section_title h2 {
        margin-bottom: 20px;
    }
    .driving_package_inc {
        padding: 40px 40px 20px;
    }
    .content_block h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .content_block p {
        font-size: 18px;
        line-height: 30px;
    }
}
@media(max-width:1190px){
    .section_title h2 {
        font-size: 38px;
        line-height: 68px;
    }
    .driving_lessons_banner_title h1 {
        font-size: 70px;
        line-height: 80px;
    }
    .points_easier_list ul li {
        font-size: 20px;
    }
    .learner_dashboard h3, .book_with_confidence_list h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .learner_dashboard ul li::before {
        width: 20px;
        height: 20px;
    }
    .learner_dashboard ul li {
        font-size: 18px;
        line-height: 40px;
        padding-left: 30px;
    }
    .ed_content {
        padding: 30px 15px 30px 15px;
    }
    .book_with_confidence_list ul li::before {
        width: 23px;
        height: 18px;
        top: 13px;
    }
    .book_with_confidence_list ul li {
        font-size: 18px;
        line-height: 26px;
        padding-left: 30px;
        margin-bottom: 20px;
    }
    .dl_pricing_box h5 {
        font-size: 38px;
        line-height: 68px;
    }
    .add_more_img {
        max-width: 75%;
        margin-left: auto;
    }
    .profile_points_list li {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .profile_self_info {
        gap: 15px;
    }
    .pro_img_box {
        max-width: 120px;
    }
    .pro_img_ctn img {
        width: 120px;
        height: 120px;
    }
    .pro_ratings .ratings {
        font-size: 14px;
    }
    .pro_btns .btn.btn-primary {
        font-size: 18px;
        padding: 13px 20px;
        min-width: 190px;
    }
    .pack_detail_box_head h3 {
        font-size: 28px;
    }
    .pack_detail_box_head p {
        font-size: 16px;
        line-height: 26px;
    }
    .pack_detail_box_head .bold {
        font-size: 18px;
    }
    .pkg_less, .pkg_plan-title {
        font-size: 18px;
        line-height: 22px;
    }
    .test_pack_price_content li{
        font-size: 16px;
        line-height: 26px;
    }
    .pkg_icard_img img {
        max-width: 148px;
    }
    .pkg_icard_content {
        margin-top: -60px;
        padding: 70px 15px 26px 15px;
    }
    .pkg_profile_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .pkg_icard_name {
        font-size: 22px;
    }
    .form-control,
    .phone-number-input .input-group-btn button {
        height: 44px;
        padding: 8px;
    }
    .step_choose-sec .step_tab_img img{
        height:185px;
    }
    .dl_checkmark{
        left: 0;
    }


}

@media(max-width:1024px){
    header {
        padding: 20px 0px;
    }
    .main_menu .navbar-nav .nav-item {
        padding: 0px 10px;
    }
    .main_menu .navbar-nav .nav-link {
        font-size: 16px;
    }
    .main_menu .navbar-nav .nav-item .book_btn,
    .mob_toggler .book_btn{
        padding: 18px 35px !important;
    }
    .hero_section {
        max-height:545px;
    }
    .welcome_sec_title {
        font-size: 46px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .welcome_sec_subtitle {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .search_tab_wrapper ul li button{
        font-size: 14px;
    }
    .search_input_wrapper input {
        height: 55px;
    }
    .search_input_wrapper button svg {
        width: 22px;
    }
    .search_input_wrapper button {
        margin: 4px 4px 4px 0px;
        width: 49px;
        padding: 5px !important;
    }
    .our_services {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .our_services .section_title h2,
    .driving_test_content .section_title h2,
    .whay_first_content .section_title h2{
        font-size: 36px;
        line-height: 46px;
    }
    .our_services .section_title {
        margin-bottom: 40px;
    }
    .service_box {
        padding: 25px 20px 0;
    }
    .service_img img {
        width: 100%;
        max-height: 250px;
        min-height: 250px;
        object-fit: contain;
    }
    .service_3 .service_content {
        padding-top: 15px;
    }
    .service_content .service_content_heading {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .service_1 .service_content ul li::before, .service_2 .service_content ul li::before, .service_3 .service_content ul li::before {
        font-size: 15px;
        line-height: 18px;
        width: 18px;
        height: 18px;
    }
    .service_content ul li {
        font-size: 15px;
        line-height: 30px;
        font-weight: 400;
    }
    .driving_test {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .driving_test_content .test_list li {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .btn.btn-primary,
    .whay_first_content .btn.book_now_btn{
        padding:17px 25px;
    }

    .driving_test, .whay_first {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .driving_test_content{
        margin-bottom: 20px;
    }
    .package_top_banner {
        min-height: 460px;
    }
    .pack_detail_box_one {
        text-align: center;
    }
    .pack_detail_box_two {
        max-width: 40%;
    }
    .pack_detail_box_three{
        max-width: 30%;
    }
    .pack_detail_box_four {
        max-width: 30%;
    }
    .pkg_filter_wrapper {
        padding: 17px 10px 20px 10px;
    }
    .pkg_icard_buttons button {
        font-size: 15px;
        line-height: 10.8px;
    }
    .form_content_box {
        max-width: 450px;
        padding: 24px 20px;
    }
    .form_header .site_logo {
        max-width: 160px;
    }
    .form_header .form_title h2 {
        font-size: 23px;
        line-height: 26px;
    }
    .form_content_box.contact_box {
        min-width: 530px;
    }
    .form_content_box.contact_box .form_body {
        padding: 30px 30px;
    }
}
@media (max-width:991px) and (min-width:768px) {
    .driving_test_img_wrapper .priceing_box {
        width: 110px;
        height: 110px;
        padding: 10px;
        left: 15%;
        top: 63%;
    }
    .driving_test_img_wrapper .priceing_box p {
        font-size: 24px;
        line-height: 30px;
    }
    .driving_test_img_wrapper .priceing_box p span {
        color: #06063D;
        font-size: 34px;
        line-height: 38px;
    }

    .singup_banner_img{
        width:55%;
    }
    .form_col_bg{
        width: 45%;
    }
    .signup_form_main .content_block {
        padding-left: 53px;
        margin-bottom: 45px;
    }
    .form_content_box.contact_box .form_body {
        padding: 0px 30px !important;
    }
    .form_content_box.contact_box {
        min-width: 460px;
        padding: 0 !important;
    }
    .contact_box .form_body{
        height: 480px;
    }
    .form_content_box > .form_header{
        padding-top: 0 !important;
    }
    .contact_form .form_content_box {
        transform: translateX(-60px);
    }
    .contact_form .form_submit_button{
        bottom: 0;
    }
    .contact_form .content_block {
        max-width: 81% !important;
        margin-right: auto !important;
        margin-left: 0;
    }
}
@media(max-width:991px){
    .singup_banner_img {
        background-image: url("../images/contact_tab_img.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    header {
        padding: 10px 0px;
    }
    .navbar-brand {
        margin: 0px auto;
        /* padding-left: 60px; */
        margin-right: 20%;
    }
    .navbar-brand img,
    .center_logo img{
        width:190px;
    }
    .main_menu .navbar-nav .nav-link.active:after,
    .main_menu .navbar-nav .nav-link:hover:after{
        content:"";
        display: none;
    }
    .mob_toggler .book_btn{
        margin-right: 10px;
    }
    .mob_toggler .navbar-toggler:focus,
    .main_menu .offcanvas-header .btn-close{
        box-shadow:none !important;
    }
   .mob_toggler .navbar-toggler {
        padding: 10px;
        width: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color:#2D2563;
    }
    .mob_toggler .navbar-toggler:hover{
        background-color:#F4A640;
    }
    .mob_toggler .navbar-toggler svg{
        fill:#FFFFFF;
    }
    .mob_toggler .navbar-toggler:hover svg{
        fill:#2D2563;
    }
    .main_menu .navbar-nav .nav-link:hover,
    .main_menu .navbar-nav .nav-link.active{
        background-color: #F4A640;
    }
    .main_menu .navbar-nav .nav-link::after{
        content:"";
        display: none;
    }
    .offcanvas-body{
        padding: 0;
    }
    .main_menu .navbar-nav li{
        padding:0px !important;
        border-bottom:1px solid rgba(204, 204, 204, 0.5);
        min-width: 100%;
    }
    .main_menu .navbar-nav .nav-link {
        color: #000;
        padding: 20px;
    }
    .main_menu .offcanvas-header{
        background-color:#f5f5f5;
    }
    .main_menu .offcanvas-header .navbar-brand {
        padding: 0;
        margin: 0;
    }
    .main_menu .offcanvas-header .btn-close{
        padding: 10px;
        opacity: 1;
        margin-right:1px;
    }
    .hero_section {
        align-items: flex-end;
        padding-bottom: 36px;
    }
    .welcome_sec_title {
        font-size: 46px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .welcome_sec_subtitle {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .service_img img {
        max-height: 200px;
        min-height: 200px;
    }
    .service_3 .service_img img {
        max-height: 295px;
    }
    .service_content .service_content_heading {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .service_1 .service_content ul li::before, .service_2 .service_content ul li::before, .service_3 .service_content ul li::before {
        font-size: 12px;
        line-height: 16px;
        width: 16px;
        height: 16px;
    }
    .service_content ul li {
        font-size: 16px;
        line-height: 21px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .service_img {
        margin-bottom: 25px;
        text-align:left;
    }
    .service_box {
        padding: 25px 20px;
    }
    .whay_first_content .section_title p {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .whay_first_content .section_title span {
        font-size: 20px;
        line-height: 26px;
    }
    .driving_test_content{
        margin-bottom: 0px;
    }

    /* Fun Experience */
    .sec-head h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .sec-head p {
        font-size: 20px;
        line-height: 26px;
    }

    .sec-head h2 {
        font-size: 36px;
        line-height: 46px;
    }

    /* Footer */
    .footer-menu a,
    .contact-list a {
        font-size: 20px;
        line-height: 40px;
    }

    .footer-menu li {
        margin-bottom: 15px;
    }

    footer .widget-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .footer_book_btn{
        margin-bottom: 30px;
    }

    .social-block a {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }

    .social-block li {
        margin-right: 10px;
    }

    .logo-block img {
        height: 30px;
    }
    .driving_package_inc {
        padding: 50px 40px;
    }
    .driving_package_inc_box .section_title h2{
        font-size: 36px;
        line-height: 46px;
    }
    .driving_package_inc_box .section_title h3 {
        font-size: 50px;
        line-height: 40px;
    }
    .driving_package_inc_box .section_title h3 span {
        font-size: 24px;
    }
    .driving_package_inc_box .section_title h2 {
        margin-bottom: 10px;
    }
    .packages_service .section_title h2 {
        font-size: 36px;
        line-height: 46px;
    }
    .packages_content h3 {
        font-size: 24px;
    }
    .test_with_lesson h5{
        font-size: 36px;
        line-height: 46px;
    }
    .dl_pricing_box h5 {
        font-size: 32px;
        line-height: 42px;
    }
    .driving_lessons_banner_title h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .easy-driving_img-ctn img {
        max-width: 230px;
    }
    .points_easier_list ul li {
        font-size: 16px;
        margin-right: 19px;
    }
    .points_easier_list {
        padding-bottom: 10px;
    }
    .learner_dashboard {
        padding: 10px 0;
    }
    .booking_has_sec {
        padding: 30px 0 0;
    }
    .learner_dashboard h3, .book_with_confidence_list h3 {
        font-size: 22px;
    }
    .book_with_confidence_list {
        padding-top: 10px;
    }
    .learner_dashboard ul li {
        font-size: 14px;
        line-height: 30px;
    }
    .book_with_confidence_list ul li {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .profile_points_ctn {
        border-left: 1px solid #dbdbdb;
        padding-left: 22px;
        margin-top: 30px;
    }
    .profile_info_box {
        margin-bottom: 30px;
    }
    .profile_map_box{
        margin-top: 30px;
    }
    .review_wreper {
        justify-content: center;
        gap:21px;
    }
    .car_review_box {
        max-width: 300px;
        padding: 20px;
    }
    .car_review_head{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .car_review_head .rc_heading{
        width: 100%;
        margin-bottom: 10px;
    }
    .car_review_img img{
        margin:18px 0px;
    }
    .car_review_num{
        display: flex;
        flex-direction: column;
        align-items:start;
        margin-top: 18px;
    }
    .car_review_code{
        margin-left: 0;
        padding:16px 10px;
    }
    .car_review_codelist{
        margin-top: 12px;
    }
    .profile_self_info{
        align-items: end;
    }
    .profile_self_info_ctn{
        max-width: 345px;
        margin-right: 39px;
    }
    .pro_info_name {
        font-size: 19px;
        line-height: 24px;
    }
    .pro_info {
        margin-bottom: 10px;
    }
    .pro_info img {
        width: 15px;
    }
    .pro_info_working span,
    .pro_info_xp span{
        font-size: 14px;
    }
    .pro_btns .btn.btn-primary {
        min-width: 160px;
        padding:13px 10px;
    }
    .pro_img_ctn img {
        width: 110px;
        height: 110px;
    }
    .pro_btns{
        gap: 14px;
    }
    .auto_transmission {
        margin-top: 15px;
        padding:4px 15px;
    }
    .profile_self_info {
        gap: 20px;
    }
    .profile_points_list li:after {
        font-size: 14px;
    }
    .profile_points_list li{
        font-size: 14px;
        padding-left: 25px;
    }
    .detail_sub_heading {
        font-size: 20px;
    }
    .pack_detail_box {
        padding: 20px 15px 20px;
    }
    .pkg_plan span:first-child {
        font-size: 13px;
    }
    .pkg_list_msg {
        font-size: 13px;
    }
    .pkg_plan {
        width: 36px;
        height: 36px;
    }
    .pkg_plan.pkg_gold_plan span:first-child{
        font-size:12px;
    }

    .test_pack_price h2 {
        font-size: 39px;
        line-height: 48px;
    }
    .pkg_price_total span {
        font-size: 22px;
    }
    .pkg_price_total span:last-child {
        font-size: 24px;
    }
    .pkg_filter_btn .btn.btn-primary {
        font-size: 16px;
        padding: 8px 12px;
    }
    .gender_check_list .form-check .form-check-label {
        padding: 7px 8px;
        font-size: 16px;
        gap: 5px;
    }
    .gender_check_list {
        gap: 8px;
    }
    .gender_check_list .form-check .form-check-label img {
        max-width: 20px;
    }
    .pkg_profile_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .booking_has_sec .section_title h2{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        font-size: 34px;
        line-height: 44px;
    }
    .driving-lessons-header .navbar-brand {
        margin-right: 3%;
    }
    .driving_package_inc {
        padding: 32px 30px;
    }
    .driving_package_inc_box .test_list li{
        font-size: 18px;
        line-height: 24px;
    }
    .driving_package_inc_box .test_list li::before {
        width: 23px;
        height: 19px;
    }
    .content_block h2 {
        font-size: 28px;
        line-height: 28px;
        text-transform: none;
    }
    .content_block p {
        font-size: 16px;
        line-height: 24px;
    }
    .form_body{
        padding-right: 10px;
        height:400px;
    }
    .form_body .col-md-6, .form_body .col-md-12 {
        margin-top: 15px;
    }
    .custome-radio-wrapper input.custom-radio {
        width: 18px !important;
        height: 18px !important;
    }
    .custome-radio-wrapper .custom-radio ~ label {
        margin-left: 0;
        margin-right: 10px;
    }
    ._package_page_tab section:not(.package_top_banner){
        max-width:885px;
        margin-left: auto;
        margin-right: auto;
    }
    .package_instructor_box{
        width: 100%;
    }
    .pack_detail_box_head{
        text-align: left;
    }
    .pack_detail_box_head h3 {
        font-size: 24px;
    }
    .pack_detail_box_head p {
        font-size: 16px;
        line-height: 24px;
    }
    .pack_detail_box {
        padding: 20px 10px 20px;
    }
    .detail_sub_heading {
        font-size: 18px;
    }
    .pack_detail_inrbox {
        max-width: 240px;
        margin: 0 auto;
    }
    .form_content_box.contact_box {
        min-width: 460px;
    }
    .addtocart_top_banner {
        height: 190px;
    }
    .step_choose-sec {
        margin-top: -70px;
    }
    .dl_packages_box {
        padding: 21px 20px 30px 20px;
    }
    .dl_selection_box {
        padding-top: 19px;
        padding-right: 30px;
        padding-left: 15px;
        min-width: 182px;
    }
    .pkg_lesson_tag {
        font-size: 18px;
        line-height: 24px;
        margin-left: 6px;
    }
    .step_back_span {
        margin-left: 0px;
        margin-right: 20px;
        padding: 9px 20px 7px 10px;
        font-size: 12px;
    }
    .add_cart_heading h2 {
        font-size: 32px;
    }
    .dl_checkmark {
        height: 38px;
        width: 38px;
    }
    .dl-container-checkbox .dl_checkmark:after {
        width: 27px;
        height: 25px;
    }
    .payment_stats_box {
        height: auto;
    }
    .dl_selection_box .pack_price_list {
        margin-top: 14px;
    }
    .add_cart_sec .dl_selection_box .pack_price_list {
        margin-top: 40px;
        margin-bottom: 15px;
    }
    .pack_price_select select {
        font-size: 20px;
        padding: 3px 18px 4px 5px;
    }
    .dl_packages_box .package_plan_box {
        gap: 14px;
        max-width: 130px;
    }
    .your_cart_box,
    .have_and_ac{
        margin: 0;
    }
    .cart_header p {
        font-size: 18px;
        line-height: 22px;
    }
    .cart_body {
        padding: 15px;
    }
    .have_and_ac h4 {
        font-size: 22px;
    }
    .pass_alert .alert{
        margin:20px auto;
    }
    .tab-banner{
        width: 100%;
        object-fit: cover;
        object-position: right;
        height: 430px;
    }
    .pkg_icard_content .pkg_icard_buttons button{
        max-width:100%;
    }
    .pkg_icard_content .pkg_icard_buttons .icard_button_profile{
        max-width:150px;
    }
    .driving_lessons_banner_wrapper {
        left: 6%;
    }
    .driving_test_pack {
        padding: 40px 0px 0px;
    }
    .packages_service {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    .registration_row{
        height:588px;
    }
    .form_submit_button{
        position:sticky;
        bottom: -2px;
        background: #fefbed;
    }
    .login_form .content_block {
        padding-left: 53px;
        margin-bottom: 42px;
    }
    .contact_form .content_block {
        max-width: 100%;
        margin-bottom: 40px;
        margin-right: 30px;
        padding-left: 57px;
    }
    .contact_form .form_header{
        margin-bottom: 0;
    }
    .contact_box  .form_body{
        position: relative;
    }
    .contact_form .form_header {
        position: sticky;
        top: 0;
        padding: 15px 0px;
        z-index: 1;
    }
    .contact_box .form_body{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .contact_box .form_body .form_submit_button{
        background-color:#FFFFFF;
    }
    .contact_form .form_submit_button button {
        max-width: 315px;
    }
    .registration_bg .form_header .site_logo{
        width: 160px;
    }
    .payment_pkg-title p{
        font-size: 18px;
        line-height: 24px;
    }
    .payment_bronze_row{
        flex-wrap: wrap;
        justify-content: start;
    }
    .payment_bronze_row .payment_bronze_col{
        min-width:130px;
    }
    /* .payment_bronze_row .payment_bronze_col .package_list:last-child{
        margin-bottom: 0;
    } */
    .paymenttest_pkg_title {
        font-size: 18px;
    }
    .paymenttest_pkg_col .diving_lessons_checkbox .dl_checkmark{
        width: 35px;
        height: 35px;
    }
    .paymenttest_pkg_col .diving_lessons_checkbox .dl_checkmark{
        top: 2px;
        padding-left: 30px;
    }
    .payment_dl_box .detail_sub_heading {
        font-size: 18px;
    }
    .payment-options .custome-radio-wrapper{
        padding:8px 10px;
        height: 44px;
    }
    .payment-options .form-check-label .paypal {
        height: 17px !important;
    }
    .payment-options .form-check-label #paypal_pay ~ span {
        margin-left: 130px;
    }
    .profile_grey_box {
        padding: 20px 15px;
    }
    .singup_banner_img{
        background-size:cover;
    }
    .signup_form_main .form_submit_button{
        bottom: -1px;
    }
    .signup_form_main .content_block h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .signup_form_main .content_block p {
        font-size: 15px;
        line-height: 24px;
    }
    .payment_pkg_row {
        margin: 23px 0 30px;
    }
    .add_cart_wrapper {
        max-width: 775px;
    }
    .learners_form_wrapper .payment_form_body button[type="submit"]{
        padding: 13px 20px !important;
    }
    .step_choose_wrapper,
    .payment_wrapper{
        max-width: 860px;
    }
    .payment_wrapper{
        padding: 0;
    }
    .paypal_options,
    .after_options{
        width: 30% !important;
    }
    .zip_options{
        width:40% !important;
    }
    .payment_dl_box.dl_selection_box .pack_price_list {
        margin: 14px 0px;
    }
    .center_logo img {
        width: 190px;
    }
    .center_header_mob {
        top: 5% !important;
    }
    .payment_wrapper .learners_form_header {
        padding: 3px 10px;
    }
    .payment-options .custome-radio-wrapper label.form-label img.paypal {
        height: 25px !important;
    }
    .payment-cards-row img {
        margin-top: -4px;
        height: 22px;
    }
    .payment_form_body .custome-radio-wrapper > .form-check {
        width: 100%;
        margin-bottom: 0px;
    }
    .dl_packages_box .package_list {
        margin-bottom: 8px;
    }
    .pkg_save_btn{
        margin-bottom: 10px;
    }
    .pack_price_select{
        margin-top: 10px;
        margin-bottom: 16px;
    }
    .payment_stats_list {
        width: 100%;
    }
    .payment_pkg_row .payment_stats_box_wrapper {
        max-width: 411px;
        width: 100%;
    }
    .payment_pkg_row {
        gap: 30px;
    }
    .payments_two_box {
        gap: 30px;
    }
    .payments_box {
        max-width: 194px;
        width: 100%;
    }
}
@media(max-width:920px){
    .form_content_box.contact_box {
        min-width: 380px;
    }
}
@media (max-width:860px){
    .package_instructor_box{
        flex-direction:row;
    }
    .pack_detail_box_one{
        border-bottom:1px solid rgb(135 152 156 / 30%);
    }
    /* .content_block p br{
        display: none;
    } */
    .content_block h2 {
        font-size: 24px;
        line-height: 26px;
    }
    .signup_form_main .content_block {
        padding-left: 30px !important;
        margin-bottom: 45px;
    }
    .contact_form .content_block p {
        font-size: 14px;
        line-height: 24px;
    }
    .pack_detail_box_head h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .pack_detail_box_head p {
        font-size: 12px;
        line-height:18px;
    }
    .pack_detail_box_head .bold {
        font-size: 16px;
    }
    .pkg_less, .pkg_plan-title {
        font-size: 14px;
        line-height: 22px;
    }
    .package_plan_box {
        max-width: 115px;
    }
    .pkg_list_msg {
        font-size: 11.5px;
    }
    .test_pack_price_content li{
        font-size: 14px;
        line-height: 18px;
    }
    .test_pack_price_content li:after {
        content: "";
        width: 17px;
        height: 17px;
    }
    .login_form .content_block h2 {
        font-size: 30px;
    }
    .login_form .content_block p {
        font-size: 18px;
        line-height: 25px;
    }
    .payment-options .custome-radio-wrapper label.form-label img.paypal {
        height: 20px !important;
    }
    .payment-options .form-check-label #paypal_pay ~ span {
        margin-left: 50%;
    }
    .payment_pkg_row,
    .payments_two_box{
        gap: 15px;
    }
    .payment_pkg_row .payment_stats_box_wrapper {
        max-width: 345px;
        width: 100%;
    }

}

@media (max-width:767px){
    .mob-banner {
        width: 100%;
        object-fit: cover;
        object-position: right;
    }
    .hero_section {
        max-height:545px;
        height: auto;
    }
    .hero_wrapper{
        padding-top: 0;
    }
    .welcome_text_wrapper {
        max-width: 240px;
        margin-top: 50px;
        margin-right: 0px !important;
        margin-left: auto !important;
        padding-right: 0px !important;
    }
    .search_input_wrapper button,
    .dl_pricing_box .search_input_wrapper button{
        width: 40px;
    }
    .search_tab_wrapper ul li button {
        font-size: 12px;
    }
    .welcome_sec_title {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 8px;
    }
    .welcome_sec_subtitle {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .search_input_wrapper button svg {
        width: 16px;
    }
    .search_input_wrapper input {
        height: 45px;
    }
    .search_input_wrapper button svg {
        width: 20px;
        height: 20px;
    }
    .our_services {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .service_box {
        display: flex;
        align-items: flex-start;
        justify-content: start;
        gap: 40px;
        padding:25px 40px;
        max-width:600px;
        width: 100%;
    }
    .service_img img {
        max-height: 180px;
        min-height: 180px;
    }
    .service_box .service_content{
        margin-right:auto;
    }
    .service_3 .service_img img {
        max-height: 180px;
    }
    .service_img{
        margin-bottom: 0;
    }
    .service_3 .service_img {
        margin-bottom: 0px;
    }
    .our_services .section_title h2,
    .driving_test_content .section_title h2,
    .whay_first_content .section_title h2{
        font-size: 28px;
        line-height: 40px;
    }
    .section_title p.heading_description {
        font-size: 16px;
        line-height: 24px;
    }
    .our_services .section_title p.heading_description {
        width: 100%;
        max-width: 320px;
    }
    .our_services .section_title {
        margin-bottom: 30px;
    }
    .driving_test_img_wrapper img,
    .whay_first_img_wrapper img{
        width: 100%;
        max-width: 550px;
        padding-right: 0;
        margin-bottom: 50px;
    }
    .whay_first_img_wrapper img{
        margin-bottom: 0;
        margin-top: 50px;
    }
    .driving_test {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .driving_test_content .test_list li::before {
        width: 21px;
        height: 16px;
    }
    .driving_test_content .test_list li {
        font-size: 18px;
        line-height: 24px;
        padding-left: 30px;
    }
    .driving_test_content .test_list {
        margin-bottom: 30px;
    }
    .driving_test_content,
    .whay_first_content{
        max-width: 100%;
        margin-right: auto;
    }
    .driving_test, .whay_first {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .whay_first_content .section_title p {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .whay_first_content .section_title span {
        font-size: 17px;
        line-height: 24px;
    }

    /* Fun Experience */
    .fun-experience {
        padding: 50px 0 50px;
    }

    .fun-experience .sec-head {
        margin-bottom: 25px;
    }

    .sec-head h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .sec-head p {
        font-size: 16px;
        line-height: 22px;
    }

    .experience-card h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .experience-card {
        padding: 20px;
    }

    .block-desc p {
        margin-bottom: 20px;
    }

    .fun-experience {
        padding: 50px 0 20px;
    }

    .experience-card .card-icon {
        height: 70px;
        margin-bottom: 18px;
    }

    /* Footer */
    .footer-widget {
        margin-bottom: 50px;
    }

    .footer-top {
        padding-top: 60px;
        padding-bottom: 10px;
    }

    .logo-section {
        padding: 20px 0;
    }

    .logo-block {
        gap: 0;
        flex-wrap: wrap;
    }

    .logo-block .img-block {
        margin: 14px 0;
        flex: auto;
        align-items: center;
        justify-content: center;
        text-align: center;
        max-width: 100%;
    }

    .logo-block img {
        height: 22px;
        max-width: 100px;
    }
    .driving_test_pack {
        padding: 12px 0 0;
    }
    .driving_package_inc_box .test_list li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
        padding-left: 30px;
    }
    .driving_package_inc_box .test_list li::before {
        width: 20px;
        height: 13px;
    }
    .driving_package_inc_box .section_title h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .packages_service .section_title h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .test_with_lesson h5 {
        font-size: 28px;
        line-height: 40px;
    }
    .choose_test_location h3 {
        font-size: 20px;
    }
    .choosed-container{
        margin: 50px 20px 30px;
    }
    .choose_test_location p{
        font-size: 16px;
        line-height: 22px;
    }
    .packages_choose_box .search_input_wrapper input {
        height: 50px;
        font-size: 16px;
    }
    .packages_choose_box .search_input_wrapper button {
        margin: 3px 5px 3px 0px;
        width: 40px;
        padding: 4px !important;
    }
    .driving_package_inc_box .section_title h3 {
        font-size: 26px;
        line-height: 30px;
    }
    .driving_package_inc_box .section_title h3 span {
        font-size: 16px;
    }
    .dl_pricing_img img {
        margin-top: 30px;
        max-width: 400px;
        width: 100%;
    }
    .section_title h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .dl_pricing_img {
        text-align: center;
    }
    .dl_pricing_box {
        max-width: 445px;
        margin: 0 auto;
    }
    .dl_pricing_box h5{
        text-align: center;
    }
    .dl_pricing_sec {
        padding: 40px 0;
    }
    .add_more_sec {
        padding: 40px 0 70px;
    }
    .booking_has_sec {
        padding: 20px 0 0;
    }
    .driving_lessons_banner_title h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .add_more_img {
        max-width: 85%;
    }
    .profile_bio h3 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .review_name_heading {
        font-size: 18px;
        line-height: 24px;
    }
    .see_more_review a {
        font-size: 16px;
    }
    .package_top_banner {
        min-height: 350px;
    }
    .pack_detail_box_two {
        max-width: 100%;
        border: 1px solid rgb(135 152 156 / 30%);
        border-left: 0;
        border-right: 0;
    }
    .pack_detail_box_three {
        max-width: 100%;
    }
    .pack_detail_box_four{
        max-width: 100%;
    }
    .pkg_profile_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .pkg_filter_wrapper {
        padding: 20px;
    }
    .pkg_filter_box,
    .pkg_filter_btn {
        margin: 10px 0;
    }
    .pkg_icard_buttons {
        margin: 22px auto 19px !important;
    }
    .booking_has_sec .section_title h2 {
        margin-left:auto;
        margin-right: auto;
        font-size: 34px;
        line-height: 44px;
    }
    .driving-lessons-header .navbar-brand {
        margin-right: 0;
    }
    .navbar-brand img,
    .center_logo img{
        width: 130px;
    }
    .points_easier_list ul{
        display:flex;
        flex-direction:column;
        gap:10px;
    }
    .driving_package_inc {
        padding: 25px 15px;
    }
    .driving_package_inc_box .section_title h3 span {
        font-size: 14px;
        line-height: 20px;
    }
    .driving_package_inc_box .section_title h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .custom-radio {
        width: 16px;
        height: 16px;;
    }
    .form_body{
        padding-right: 0px;
    }
    .singup_banner_img{
        background-image:none;
        height: auto;
        position: relative;
    }
    .content_block {
        display: block;
        position: absolute;
        top: 50%;
        bottom: 0;
        left: auto;
        right: 0;
        margin: 0 !important;
        padding: 0px 20px;
        max-width: 270px;
        transform: translate(-0%, -50%);
    }
    .registration_row{
        height: 100%;
    }
    .form_body{
        height:auto;
    }
    .content_block h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .content_block p {
        font-size: 14px;
        line-height: 20px;
    }
    .singup_banner_img{
        background-image:none;
    }
    .content_block,
    .contact_form .content_block{
        padding: 0px 10px;
        max-width: 60%;
        height:fit-content;
    }
    .login_form{
        background: #FFFBEE;
        height: 100vh;
    }
    .profile_top_banner {
        height: 470px;
    }
    .profile_grey_box {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 12px;
    }
    .profile_info_box, .review_info_box, .profile_map_box {
        padding: 11px;
    }
    .profile_self_info_ctn{
        margin-right: 0;
    }
    .profile_self_info_ctn {
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
    .profile_points_ctn {
        border: 0;
        padding-left: 0;
    }
    .review_wreper{
        flex-wrap: wrap;
        gap:30px;
    }
    .car_review_box {
        max-width: 100%;
        padding: 12px 24px;
    }
    .car_review_num{
        flex-direction: row;
    }
    ._package_page_tab{
        background-color: #f1f3f3;
    }
    ._package_page_tab section:not(.package_top_banner){
        border-radius:0px;
        max-width:381px;
    }

    ._package_page_tab section.package_mobile {
        max-width: 381px;
        border-radius: 11px 11px 8px 8px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -11%;
        position: relative;
        z-index: 1;
        display: block;
        padding-left: 12px;
        padding-right: 12px;
    }
    ._package_page_tab section.package_mobile .container{
        background-color:#FFFFFF;
        border-radius: 10px;
    }
    .instructor_box_mob {
        background: #f4a640;
        border-radius: 10px;
        padding: 12px 20px;
    }
    .instructor_box_mob h3 {
        font-size: 24px;
        line-height: 29px;
        font-weight: 800;
        color: #06063d;
        margin-bottom: 5px;
    }
    .instructor_box_mob p {
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        color: #4f5562;
    }
    .instructor_box_mob p span {
        font-size: 18px;
        line-height:23px;
        font-weight: 900;
    }
    .filter_btn_wrapper{
        padding: 15px 8px 10px;
    }
    .filter_btns{
        display: flex;
        gap: 17px;
        margin-bottom: 10px;
    }
    .filter_btns button.btn.btn-primary{
        padding: 12px 25px;
        width: 100%;
        background:transparent;
        color:#0A0951;
        border-color:#0A0951;
        border-radius:4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .filter_btns button svg{
        width:24px;
        vertical-align: text-top;
    }
    .filter_btns button.btn.btn-primary:hover,
    .filter_btns button.btn.btn-primary.active_btn{
        color:#FFFFFF;
        background:#0A0951;
    }
    .filter_btns button.btn.btn-primary:hover svg,
    .filter_btns button.btn.btn-primary.active_btn svg{
        fill:#FFFFFF;
        transform: rotate(90deg);
    }
    .pricing_mob .package_instructor_box{
        border-radius: 0;
        box-shadow:none;
        flex-direction: column;
    }
    .pricing_mob .pack_detail_box_four{
        border-radius: 4px;
        border: 1px solid #F4A640;
        background: rgba(244, 166, 64, 0.11);
    }
    .pricing_mob .pack_detail_box {
        padding: 12px;
        border:none;
    }
    .pricing_mob .pack_price_list{
        display: flex;
        align-items: center;
        max-width:100%;
    }
    .pricing_mob .pack_price_select{
        margin-bottom: 0;
    }
    .pricing_mob .pack_price_select select {
        padding: 2px 10px 2px 10px;
        font-size: 20px;
    }
    .pricing_mob .pkg_lesson_tag {
        font-size: 16px;
    }
    .pricing_mob .pkg_save_btn{
        font-size: 15px;
        width:fit-content;
        padding:8px 10px;
        margin-bottom: 5px;
    }
    .pricing_mob .pkg_price_total {
        justify-content: flex-start;
        gap:10px;
    }

    .pkg_price_total span,
    .pkg_price_total span:last-child {
        font-size: 22px;
    }
    .pricing_mob .pkg_plan {
        width: 40px;
        height: 40px;
    }
    .pricing_mob .pkg_plan span:first-child {
        font-size: 13px;
        margin-top: 3px;
    }
    .pricing_mob .pack_detail_inrbox {
        max-width: 280px;
        margin: 0;
    }
    .pricing_mob .pkg_list_msg {
        font-size: 14px;
    }
    .pricing_mob .pack_detail_box_three{
        border-radius: 0px 0px 8px 8px;
        background: rgba(47, 198, 141, 0.22);
        padding: 15px;
    }
    .pricing_mob .pack_detail_box_three .test_pack_price{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
    }
    .pricing_mob .detail_sub_heading svg{
        width: 18px;
        fill:#F4A640;
        position: absolute;
    }
    #packDetail .modal-content {
        background-color: #246d9b;
        border-radius:4px;
    }
    #packDetail .modal-body{
        padding:20px;
    }
    #packDetail .modal-content h4{
        font-weight: 800;
        font-size: 20px;
        line-height: 23px;
        text-transform: capitalize;
        margin-bottom: 6px;
        color: #fcb03c;
    }
    #packDetail .modal-content ul li{
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
        padding: 4px 0;
        color: white;
        position: relative;
        padding-left:20px;
    }
    #packDetail .modal-content ul li::before {
        content: "";
        background-image: url(../images/arrow-right-s-line.svg);
        background-color: #4bc488;
        font-size: 12px;
        line-height: 21px;
        border-radius: 100px;
        text-align: center;
        width: 15px;
        height: 15px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0px , -54%);
    }
    #packDetail .modal_close {
        font-family: 'Product Sans';
        font-size: 21px;
        line-height: 30px;
        font-weight: 700;
        color: #245f84;
        padding: 6px 57px;
        border-radius: 5px;
        border: #e99009;
        background-color: #fcb03c;
        transition: 300ms all ease-in-out;
        width: fit-content;
        margin: 20px auto 10px auto;
        display: block;
    }
    .form_content_box {
        max-width: 450px;
        padding: 24px 12px;
        margin: 0;
    }
    .contact_form .form_content_box.contact_box{
        max-width:450px;
        min-width: auto;
        margin: 0px auto !important;
        padding: 24px 12px;
    }
    .step_back_span span {
        display: none;
    }
    .step_back_span {
        margin-right: 10px;
        padding: 2px 2px;
        font-size: 12px;
    }
    .step_back_span img {
        max-width: 18px;
        margin-right: 0;
        width: 30px;
        height: 25px;
    }
    .addtocart_top_banner {
        height: 95px;
    }
    .center_logo img {
        max-width: 130px;
    }
    .step_choose-sec {
        margin-top: -35px;
    }
    .step_choose_wrapper,
    .payment_wrapper{
        max-width: 380px;
        padding: 15px 10px 0px 10px;
    }
    .add_cart_heading h2 {
        font-size: 22px;
        padding: 0 10px;
    }
    .add_cart_wrapper {
        max-width: 380px;
    }
    .dl_heading {
        padding: 10px 10px;
    }
    .dl_heading h3 {
        font-size: 18px;
    }
    .dl_content_box {
        flex-direction: column;
    }
    .dl_selection_box {
        padding-left: 10px;
        border-radius: 0;
        flex-direction: row;
    }
    .dl_checkmark {
        height: 35px;
        width: 35px;
    }
    .dl_selection_box .pack_price_list {
        margin-top: 0;
    }
    .dl_selection_box .pack_price_list {
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        gap: 20px;
        margin-left: 35px;
    }
    .add_cart_sec .dl_selection_box .pack_price_list {
        margin-top: 0;
        margin-bottom: 0;
        gap:5px;
        justify-content:space-between;
        margin-right: 0;
        width: 100%;
    }
    .dl_pkg_total .pkg_save_btn {
        font-size: 16px;
        padding: 5px 15px;
        margin-bottom: 10px;
    }
    .dl_packages_box .package_list {
        margin-bottom: 10px;
    }
    .dl_testpack_box .dl_selection_box {
        padding: 20px 10px 30px;
    }
    .dl_testpack_box {
        margin: 20px 0;
    }
    .driving_testpack_list ul li {
        font-size: 16px;
        line-height: 20px;
    }
    .booked_lessons_list {
        padding: 0;
        max-width: 100%;
    }
    .booked_lessons_list .lesson_info h4, .added_to_cart_box h5 {
        font-size: 18px;
        line-height: 18px;
    }
    .booked_lessons_list .lesson_info p {
        font-size: 17px;
        line-height: 20px;
    }
    .booked-lessons_items {
        max-height: 95px;
    }
    .added_to_cart,
    .dl_body{
        padding: 15px;
    }
    .added_to_cart_box {
        padding: 10px;
        height: fit-content;
    }
    .added_to_cart_box ul{
        margin-bottom: 0;
    }
    .added_to_cart_box ul li .list_title,
    .added_to_cart_box ul li .list_info {
        font-size: 16px;
        line-height: 26px;
    }
    .lesson_test_box {
        padding: 15px;
        height: 140px;
    }
    .lesson_test_box h5 {
        font-size: 16px;
        line-height: 24px;
    }
    .dl_header {
        padding: 10px 0px;
    }
    .dl_header h4{
        font-size: 18px;
    }
    .dl_hours_duration .form-check label {
        font-weight: 400;
        font-size: 20px;
        line-height: 20px;
    }
    .your_cart_box{
        margin-bottom:20px;
    }
    .have_and_ac{
        padding:20px;
    }
    .have_and_ac h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .cart_header {
        padding: 10px 10px;
    }
    .cart_header p {
        font-size: 16px;
        line-height: 20px;
    }
    .cart_body {
        padding: 10px;
    }
    .cart_body h5 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 12px;
    }
    .cart_body ul li::before{
        width: 13px;
        height: 13px;
    }
    .cart_body ul li {
        font-size: 14px;
        padding-left: 20px;
    }
    .learners_form_header h4 {
        font-size: 20px;
        line-height: 38px;
    }
    .learners_details_form{
        margin-top: 20px;
    }
    .learners_form_wrapper .form_body{
        padding: 15px 15px;
    }
    .pass_alert .alert{
        margin: 10px 0;
        width: 100%;
        max-width:400px;
    }
    .pass_alert .alert h6 {
        font-size: 18px;
    }
    .pass_alert .alert p{
        font-size: 16px;
    }
    .teams_check label {
        font-size: 14px;
        line-height: 20px;
    }
    .dl_pricing_box .search_tab_wrapper {
        margin: 0px auto;
        max-width: 325px;
    }
    .driving_lessons_banner_wrapper {
        left: 13%;
    }
    .registration_bg .form_header .site_logo {
        max-width: 160px;
    }
    .payment_wrapper {
        padding:0px 0px;
    }
    .payment_pkg-title p {
        font-size: 16px;
        line-height: 20px;
    }
    .payment_bronze_row {
        padding: 10px 16px;
    }
    .paymenttest_pkg_col {
        padding: 16px 10px 10px 10px;
    }
    .paymenttest_pkg_title {
        font-size: 16px;
        padding-left: 30px;
        margin-left: -2px;
    }
    .payment_pkg_list h2 {
        font-size: 30px;
        line-height: 50px;
    }
    .payment_pkg_list .driving_testpack_list ul li:after {
        content: "";
        height: 15px;
        width: 15px;
    }
    .payment_pkg_list .driving_testpack_list ul li {
        font-size: 12px;
        line-height: 22px;
        padding-left: 20px;
    }
    .dl_selection_box.payment_dl_box{
        padding: 10px;
    }
    .dl_selection_box.payment_dl_box .pack_price_list{
        flex-direction: column;
        gap: 0;
    }
    .payment_dl_box .detail_sub_heading {
        font-size: 16px;
    }
    .payment_dl_box .pkg_price_total span{
        font-size: 20px;
    }
    .payment_form_body .custome-radio-wrapper img{
        height: 14px;
        margin-top: 0;
    }
    .form_body .payment-options .col-md-6:first-child{
        margin-top: 0;
    }
    .form_body .payment-options .col-md-6{
        margin-bottom: 0 !important;
    }
    .contact_form .form_content_box.contact_box {
        min-width: 100%;
        transform: translateX(0px);
        padding-top: 0;
    }
    .form_content_box.contact_box .form_body {
        padding: 21px 21px;
    }
    .signup_form_main .content_block {
        padding-left: 30px !important;
        margin-bottom: 45px;
        max-width: 60%;
    }
    .add_cart_sec {
        padding: 25px 12px;
    }
    .add_cart_heading {
        margin: 0px 20px 25px;
    }
    .dl_packages_box {
        padding: 18px 20px 18px 20px;
    }
    .pkg_less, .pkg_plan-title {
        font-size: 18px;
        line-height: 22px;
    }
    .step_choose-sec .step_tab_img img {
        height: 100px;
    }
    .step_back_span{
        margin-top: -20px;
        margin-bottom: 0;
    }
    .payment_dl_box.dl_selection_box .pack_price_list {
        margin: 10px 0px 0px;
    }
    .payment_bronze_col .pkg_plan {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }
    #test_heading .dl_packages_box {
        padding: 14px 10px;
    }
    .center_header_mob {
        top: 1% !important;
    }
    .paypal_options, .after_options, .zip_options {
        width: 100% !important;
    }
    .payment-options .custome-radio-wrapper label.form-label img.paypal {
        height: 24px !important;
    }
    .payment_pkg_row, .payments_two_box {
        flex-direction: column;
    }
    .payment_pkg_row .payment_stats_box_wrapper,
    .payment_pkg_row .payments_two_box_wrapper{
        max-width: 100%;
        width: 100%;
    }
    .payment_bronze_row{
        gap:7px;
        justify-content:space-between;
    }
    .payment_bronze_row .payment_bronze_col {
        min-width:102px;
    }
    .payments_two_box {
        flex-direction: row;
    }
    .package_list {
        margin-bottom: 8px;
    }
    .payment_bronze_row {
        padding: 10px 10px;
    }
    .payment_bronze_col .pkg_plan span:first-child {
        font-size: 11px;
    }
    .pkg_plan span:last-child {
        font-size: 8px;
    }
    .payment_bronze_col .pkg_plan {
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
    }
    .payment_bronze_col .pkg_less, .payment_bronze_col .pkg_plan-title {
        font-size: 16px;
        line-height: 20px;
    }
    .payment_pkg_row{
        margin-bottom: 26px;
    }
    .pack_price_select select {
        font-size: 20px;
        padding: 0px 10px 0px 5px;
    }
    .choose_packages > div:onclick{
        display:none !important;
    }
    .choose_packages > div:onclick.choose_packages-click-blue{
        display:block !important;
    }
}

@media (max-width:600px){
    .welcome_sec_title {
        font-size: 24px;
        line-height: 28px;
    }
    .welcome_sec_subtitle {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
    }
    .content_block {
        max-width: 270px;
    }
    .content_block h2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px;
    }
    .content_block p {
        font-size: 13px;
        line-height: 20px;
    }
    .pkg_icard_buttons button {
        font-size: 15px;
        line-height: 10.8px;
    }


}

@media (max-width:575px){
    header{
        position: relative;
        z-index:10;
    }
    .hero_section {
        margin-bottom: 80px;
        position: relative;
        /* background-image:none; */
        padding-bottom: 0;
    }
    .welcome_sec_title {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 8px;
    }
    .welcome_text_wrapper {
        max-width: 200px;
        margin-top: 0;
    }
    .welcome_sec_subtitle {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .mob_search {
        position: absolute;
        width: 345px;
        bottom: -52px;
        left: 20%;
    }
    .section_title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .navbar-brand img,
    .center_logo img{
        width: 100px;
    }
    .btn.btn-primary,
    .whay_first_content .btn.book_now_btn{
        padding: 14px 20px;
        max-width: 230px;
        /* width: 100%; */
    }
    .main_menu .navbar-nav .nav-item .book_btn{
        padding: 12px 20px !important;
    }
    .main_menu .navbar-nav .nav-item .book_btn{
        margin: 15px;
        padding:15px !important;
        max-width:100%;
    }
    .search_input_wrapper input {
        height: 50px;
    }
    .service_box{
        max-width:330px;
        width:100%;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:30px;
        padding:30px 20px;
    }
    .service_3 .service_content {
        padding-top: 0;
        margin-right:auto;
    }
    .service_3 .service_img img {
        max-height: 266px;
    }
    .driving_test_content, .whay_first_content {
        max-width: 100%;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .driving_test_content p,
    .whay_first_content p{
        text-align: center;
        font-size: 16px;
        line-height: 24px;
    }
    .whay_first_content p{
        margin-bottom: 20px;
    }
    .driving_test_content p {
        font-size: 12px;
        line-height:18px;
        margin-top: 20px;
        width: 90%;
    }
    .our_services .section_title h2,
    .driving_test_content .section_title h2,
    .whay_first_content .section_title h2{
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 10px !important;
    }
    .driving_test_content .test_list li {
        font-size: 16px;
        line-height: 22px;
    }
    .mob_toggler .navbar-toggler {
        width: 32px;
        height: 32px;
    }
    .block-desc p{
        font-size: 16px;
        line-height:22px;
    }
    .logo-block{
        display: flex;
        flex-direction:column;
    }
    .logo-block img {
        height: 38px;
        max-width: 140px;
    }
    .footer-widget{
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    .footer-widget ul li{
        text-align: center;
    }
    .footer-widget {
        margin-bottom: 30px;
    }

    footer .widget-title {
        margin-bottom: 15px;
    }

    .footer-top {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .copyright-footer {
        font-size: 14px;
        padding-top: 15px;
        line-height: 19px;
        padding-bottom: 15px;
    }

    .driving_package_inc {
        padding: 30px 20px 15px;
    }
    .driving_package_inc_box .section_title h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .driving_package_inc_box .test_list li {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
        padding-left: 30px;
    }
    .packages_service {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .packages_service .section_title {
        margin-bottom: 20px;
    }
    .packages_service .section_title h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .packages_img {
        height: 240px;
    }
    .packages_content h3 {
        font-size: 20px;
    }
    .test_with_lesson h5 {
        font-size: 24px;
        line-height: 30px;
    }
    .choose_test_location h3 {
        font-size: 18px;
    }
    .driving_lessons_banner_title h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .booking_has_sec .section_title h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .book_with_confidence_list ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .learner_dashboard ul li::before {
        width: 18px;
        height: 18px;
    }
    .add_more_sec {
        padding: 40px 0px;
    }
    .add_more_img img {
        padding-top: 20px;
        padding-left: 0;
    }
    .dl_pricing_box h5 {
        font-size: 24px;
        line-height: 34px;
    }
    .pro_img_box {
        max-width: 95px;
    }
    .pro_img_ctn img {
        width: 85px;
        height: 85px;
    }
    .profile_self_info {
        gap: 15px;
        display: flex;
        align-items:start;
    }
    .pro_btns .btn.btn-primary {
        font-size: 14px;
        padding: 12px 10px;
        min-width: 130px;
    }
    .profile_grey_box{
        padding: 12px 6px;
    }
    .pro_info_name {
        font-size: 16px;
        line-height: 20px;
        text-align: left;
    }
    .pro_info img {
        max-width: 20px;
    }
    .pro_info_working span, .pro_info_xp span {
        font-size: 14px;
    }
    .auto_transmission {
        font-size: 13px;
        padding: 4px 14px;
        margin-top: 10px;
    }
    .pro_ratings img {
        max-width: 15px;
    }
    .pro_ratings .start {
        font-size: 16px;
    }
    .pro_ratings .ratings {
        font-size: 12px;
    }
    .pro_info {
        margin-bottom: 10px;
    }
    .pro_language {
        gap: 5px;
        flex-wrap: wrap;
    }
    .profile_grey_box .pro_btns {
        position: fixed;
        left: 50%;
        bottom: 0;
        width: 100vw;
        transform: translate(-50%, 0px);
        background: #FFFFFF;
        margin: 0;
        padding: 15px 20px;
        z-index:1;
    }
    .profile_bio {
        padding: 15px 10px 5px;
    }
    .review_info_box,
    .car_review_box{
        padding:14px 20px;
    }
    .car_review_head {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .car_review_head .rc_heading {
        width: fit-content;
        margin-bottom: 0;
    }
    .car_review_head span {
        padding: 10px 10px;
        font-size: 13px;
    }
    .review_bio_ctn p {
        font-size: 16px;
        line-height: 24px;
    }
    .car_review_name {
        font-size: 22px;
    }
    .car_review_code {
        font-size: 16px;
        padding: 10px 20px;
        margin-right: 14px;
    }
    .car_review_codelist span {
        font-size: 16px;
    }
    .profile_map_title h3 {
        margin-bottom: 15px;
    }
    .other_insturctor_head h4:after {
        width: 100px;
    }
    .insturctor_suggested_list {
        gap: 20px;
    }
    .suggested_instructor_box {
        max-width: 90px;
    }
    .instructor_img_wrapper:after {
        content: "";
        width: 85px;
        height: 85px;
    }
    .suggested_instructor_box img {
        max-width: 90px;
        max-height: 90px;
    }
    .instructor_title {
        font-size: 16px;
    }
    .profile_bio p {
        font-size: 16px;
        line-height: 24px;
    }
    .profile_top_banner {
        height: 250px;
    }
    section.profile_info_sec {
        margin-top: -170px;
    }
    .package_top_banner {
        min-height: 250px;
    }
    .package_instructor_sec {
        margin-top: -135px;
    }
    .center_logo img {
        max-width: 150px;
    }
    .pack_detail_box_head h3 {
        font-size: 24px;
        margin: 0;
    }
    .detail_sub_heading {
        font-size: 18px;
        margin-bottom: 0px;
        margin-top: 12px;
    }
    .dl_content_box  .detail_sub_heading {
        margin-top: 0px;
        font-size: 18px;
    }
    .driving_testpack_total h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .dl_content_box  .pack_price_select {
        margin-bottom: 10px;
    }
    .pack_price_select {
        margin-top: 5px;
    }
    .pkg_list_msg {
        margin-top: 5px;
    }
    .pkg_icard_name {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .pkg_icard_lang {
        font-size: 16px;
        line-height: 18px;
    }
    .test_pack_price,
    .pack_price_list,
    .pack_detail_inrbox {
        max-width: 100%;
    }
    .pkg_price_total {
        max-width: 160px;
        margin: 0 auto;
    }
    .mob_toggler .book_btn {
        font-size: 12px;
        line-height: 17px;
        padding: 6px 10px !important;
    }
    .easy-driving_img-ctn img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: -16px;
    }
    .ed_content {
        padding: 10px;
        min-width:240px;
    }
    .points_easier_list ul {
        flex-direction: column;
        gap: 0px;
    }
    .book_with_confidence_list ul li {
        margin-bottom: 10px;
    }
    .book_with_confidence_list ul li:last-child{
        margin-bottom: 4px;
    }
    .points_easier_list ul li,
    .learner_dashboard ul li,
    .book_with_confidence_list ul li{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }
    .points_easier_list ul li img{
        width: 11px;
    }
    .learner_dashboard h3, .book_with_confidence_list h3{
        font-size: 15px;
        line-height: 22px;
    }
    .learner_dashboard ul{
        display: flex;
        flex-direction: column;
        gap:0px;
    }
    .learner_dashboard ul li::before {
        width: 14px;
        height: 14px;
    }
    .book_with_confidence_list ul li::before {
        width: 12px;
        height: 15px;
        top: 10px;
    }
    .book_with_confidence_list ul li,
    .learner_dashboard ul li {
        padding-left: 24px;
    }
    .book_with_confidence_list ul li{
        font-size: 14px;
        line-height: 18px;
    }
    .driving_package_inc {
        padding: 20px 20px;
    }
    .form_body .form-label {
        font-size: 16px;
        line-height: 15px;
    }
    .profile_points_list{
     padding-left: 5px;
    }
    .profile_points_ctn {
        margin-top: 20px;
    }
    .profile_bio #moreText{
        display: none;
    }
    .profile_bio .show-btn{
        color:#17214D;
    }
    .select_area_container button#auto_search_btn{
        width:auto;
    }
    .choose_test_location p {
        font-size: 14px;
        line-height: 20px;
    }
    .form_body button[type="submit"]{
        max-width:100%;
        margin: 21px 0px 12px;
    }
    #packDetail .modal-body {
        padding: 15px;
    }
    #packDetail .modal-content ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .add_cart_sec {
        padding: 30px 12px;
    }
    .dl_packages_box {
        padding: 15px 10px;
    }
    .pack_price_select select {
        font-size: 16px;
    }
    .dl_selection_box {
        padding: 10px;
    }
    .dl_pkg_total .pkg_save_btn {
        font-size: 12px;
        padding: 5px 12px;
    }
    .pkg_price_total span, .pkg_price_total span:last-child {
        font-size: 18px;
    }
    .dl_testpack_box .dl_selection_box {
        padding: 10px 10px 25px;
    }
    .lesson_info {
        padding: 8px;
    }
    .booked_lessons_list .lesson_info h4, .added_to_cart_box h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .booked_lessons_list .lesson_info p {
        font-size: 16px;
        line-height: 22px;
    }
    .booked-lessons_items {
        max-height: 130px;
    }
    .added_to_cart, .dl_body {
        padding: 8px;
    }
    .added_to_cart_box ul li .list_title, .added_to_cart_box ul li .list_info {
        font-size: 16px;
        line-height: 24px;
    }
    .lesson_test_box {
        padding: 15px 10px;
        height: 110px;
    }
    .lesson_test_box h5 {
        font-size: 14px;
        line-height: 20px;
    }
    .lesson_test_box span.lt_arrow_right {
        width: 25px;
        height: 25px;
        line-height: 22px;
    }
    .lesson_test_box span.lt_arrow_right svg{
        width: 8px;
    }
    .added_to_cart .btn {
        font-size: 14px;
        max-width: 100%;
    }
    .dl_hours_duration .form-check {
        padding: 10px 10px;
    }
    .dl_hours_duration .form-check label {
        font-size: 18px;
    }
    .dl_hours_duration button[type="submit"]{
        max-width:100%;
    }
    .availability_check,
    .test_booking .choose_location{
        margin-bottom: 0;
        max-width:80%;
    }
    .learners_form_wrapper button[type="submit"],
    .have_and_ac a.btn{
        padding: 12px 20px !important;
    }
    .pass_alert .alert h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .pass_alert .alert p {
        font-size: 13px;
    }
    .pkg_icard_content .pkg_icard_buttons .icard_button_times{
        padding: 12px 7px;
    }
    .pkg_icard_content .pkg_icard_buttons .icard_button_profile {
        width: 100%;
        max-width:163px;
    }
    .social-block a {
        width: 40px;
        height: 40px;
        font-size: 21px;
        line-height:40px;
    }
    .driving_lessons_banner_wrapper {
        left: 10%;
    }
    .dl_pricing_box .search_tab_wrapper {
        margin: 0px auto;
        max-width: 245px;
    }
    .form_content_box {
        max-width: 340px;
        padding: 24px 12px;
        margin: 0;
    }
    .signup_form_main .content_block h2 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .signup_form_main .content_block p {
        font-size: 12px;
        line-height: 18px;
    }
    .payment_bronze_row .pkg_plan-title {
        font-size: 16px;
    }
    .payment_bronze_col .pkg_plan {
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
    }
    .payment_bronze_row {
        flex-wrap: nowrap;
    }
    .payment_bronze_row .payment_bronze_col {
        min-width: 100px;
    }
    .payment_bronze_col .pkg_plan span:first-child {
        font-size: 13px;
    }
    .pkg_plan span:last-child {
        font-size: 8px;
    }
    .pkg_plan.pkg_gold_plan span:first-child {
        font-size: 9px;
    }
    .driving_testpack_total {
        margin-right: 20px;
    }
    .dl_packages_box .driving_testpack_list ul li:after {
        width: 16px;
        height: 16px;
    }
}

@media (max-width:480px){
    .welcome_sec_title {
        font-size: 24px;
        line-height: 22px;
        margin-bottom: 8px;
    }
    .navbar-brand {
        padding: 0;
        padding-left: 0px;
        margin: 0px auto;
        margin-right: 12%;
    }
    .hero_wrapper {
        padding-top: 60px;
    }
    .welcome_sec_subtitle {
        font-size: 10px;
        line-height: 16px;
    }
    .welcome_text_wrapper {
        max-width: 170px;
        margin-top: 0;
    }
    .navbar-brand img,
    .center_logo img{
        width: 110px;
    }
    .mob_toggler .navbar-toggler {
        width: 31px;
        height: 31px;
        padding: 9px;
    }
    header {
        padding-top: 5px !important;
    }
    .search_tab_wrapper ul li:first-child button,
    .search_tab_wrapper ul li:last-child button {
        padding: 5px 15px;
    }
    .search_input_wrapper input {
        height: 40px;
    }
    .mob_search {
        position: absolute;
        width: 280px;
        bottom: -43px;
        left: 20%;
    }
    .hero_section {
        margin-bottom: 50px;
    }
    .mob-banner {
        height: 220px;
    }
    .driving-lessons-header .navbar-brand {
        margin-right: -10px;
    }
    .driving_package_inc_box .section_title h3 {
        font-size: 24px;
        line-height: 20px;
    }
    .driving_package_inc_box .section_title h3 span {
        font-size: 16px;
        line-height: 20px;
    }
    .driving_package_inc {
        padding: 12px;
    }
    .driving_package_inc .driving_package_inc_box{
        max-width: 80%;
    }
    .driving_package_inc_box .section_title h2 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 12px;
    }
    .driving_package_inc_box .test_list li::before {
        width: 16px;
        height: 12px;
        top: 10px;
    }
    .driving_package_inc_box .test_list li {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 7px;
        padding-left: 24px;
    }
    .content_block h2,
    .signup_form_main .content_block h2{
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 5px;
    }
    .content_block p,
    .signup_form_main .content_block p{
        font-size: 11.5px;
        line-height: 18px;
        letter-spacing:-0.1px;
    }
    .contact_form  .content_block h2{
        font-size: 16   px;
    }
    .contact_form .content_block p {
        font-size: 12px;
        line-height: 18px;
    }
    .login_form .content_block h2{
        font-size: 16px;
    }
    .login_form .content_block p{
         font-size: 14px;
         line-height: 20px;
    }
    .custome-radio-wrapper .custom-radio ~ label{
        font-size: 16px;
    }
    .registration_bg .content_block p br{
        display: none;
    }
    .signup_form_main .content_block p br{
        display:block;
    }
    .login_form.registration_bg .content_block p br{
        display: block;
    }
    .content_block {
        max-width: 60%;
        padding-left: 10px !important;
    }
    .signup_form_main .content_block {
        padding:0px 5px !important;
    }
    .profile_self_info{
        gap: 10px;
    }
    .pro_img_box {
        max-width: 95px;
        width: 100%;
    }
    .pro_language_list span{
        font-size: 12px;
    }
    .review_info_box, .car_review_box {
        padding: 12px 12px;
    }
    .profile_top_banner {
        height: 230px;
    }
    .driving-lessons-header .navbar-brand img{
        width: 90px;
    }
    .main_menu .navbar-nav .nav-link {
        color: #000;
        padding: 15px;
    }
    .driving_lessons_banner_wrapper {
        left: 8%;
    }
    .payment_wrapper{
        margin-bottom: 40px;
    }
    .paymenttest_pkg_col {
        padding: 21px 14px 10px 14px;
    }
    .payment_pkg_list h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .dl_selection_box.payment_dl_box .pack_price_list{
        margin:0 3px;
        width: 100%;
    }
    .center_header_mob {
        top: 2% !important;
    }

    .driving_test_img_wrapper .priceing_box {
        width: 110px;
        height: 110px;
    }
    .driving_test_img_wrapper .priceing_box p {
        font-size: 22px;
        line-height: 24px;
    }
    .driving_test_img_wrapper .priceing_box p span {
        color: #06063D;
        font-size: 34px;
        line-height: 38px;
    }

}
@media(max-width:400px){
    .pkg_icard_book_btn{
        padding: 14px 14px!important;
        width: 100%;
        display: block;
        text-decoration: none;
        transition: transform 300ms ease-in-out;
    }

    .hero_wrapper {
        padding-top: 30px;
    }
    .welcome_text_wrapper {
        max-width: 150px;
        margin-top: 0;
    }
    .mob-banner {
        height: 215px;
    }
    .driving_lessons_banner_wrapper {
        left: 0%;
    }
    .paymenttest_pkg_col {
        padding: 20px 10px 5px;
    }
    .dl_selection_box.payment_dl_box {
        padding: 15px 8px;
    }
    .payment_form_body.form_body .custome-radio-wrapper .form-label {
        font-size: 15px;
        line-height: 17.5px;
    }
    .payment_form_body.form_body .custome-radio-wrapper{
        align-items: center;
    }
    .payment_to_card .card_num,
    .payment_to_card .card_num:focus{
        background-size: 20px;
        background-position: 10px center;
        padding-left: 37px;
        font-size: 14px;
    }
    .payment_to_card input{
        font-size: 14px;
    }
    .payment-options .custome-radio-wrapper{
        padding:8px 10px;
        height: 44px;
    }
    .payment-options .custome-radio-wrapper label.form-label img {
        height: 18px;
    }
    .pkg_icard_content .pkg_icard_buttons .icard_button_profile {
        max-width: 150px;
    }
    .paymenttest_pkg_col .diving_lessons_checkbox .dl_checkmark {
        width: 30px;
        height: 30px;
        padding-left: 0;
    }
    .paymenttest_pkg_col .diving_lessons_checkbox .dl-container-checkbox .dl_checkmark:after {
        width: 20px;
        height: 18px;
    }
    .paymenttest_pkg_title {
        font-size: 14px;
        padding-left: 18px;
        margin-left: 0;
    }
    .payment_dl_box .detail_sub_heading {
        font-size: 14px;
    }
    .paymenttest_pkg_col .diving_lessons_checkbox .dl_checkmark {
        top: 6px;
    }
    .pkg_lesson_tag {
        font-size: 17px;
    }
    .payment_dl_box  .pack_price_select select {
        font-size: 17px;
        padding: 0px 10px 0px 5px;
    }
    .payment_dl_box .pkg_price_total span {
        font-size: 22px;
    }
    .payment_bronze_row .payment_bronze_col {
        min-width: 90px;
    }

}
@media (max-width:360px){
    .mob_search {
        width: 245px;
    }
    .navbar-brand img {
        width: 100px;
    }
    .hero_wrapper {
        padding-top: 30px;
    }
    .welcome_text_wrapper {
        max-width: 125px;
        margin-top: 0;
    }
    .welcome_sec_title {
        font-size: 18px;
        line-height: 20px;
    }
    .welcome_sec_subtitle {
        font-size: 12px;
        line-height: 16px;
    }
    .search_tab_wrapper ul li:first-child button,
    .search_tab_wrapper ul li:last-child button{
        font-size: 10px;
        padding: 4px 12px;
    }
    .mob-banner {
        height: 205px;
        object-fit: cover;
    }
    .driving_lessons_banner_title h1 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 0;
    }
    .ed_content {
        padding: 15px 15px;
        min-width: 220px;
    }
    .driving_package_inc_box .test_list li::before {
        width: 10px;
        height: 8px;
        top: 11px;
    }
    .driving_package_inc_box .test_list li {
        padding-left: 15px;
    }
    .driving_package_inc {
        padding: 15px 10px;
    }
    .driving_test_pack {
        padding: 25px 0 0;
    }
    .form_header .site_logo {
        max-width: 137px;
    }
    .form_header .form_title h2:before, .form_header .form_title h2:after {
        max-width: 15%;
    }
    .custome-radio-wrapper input.custom-radio {
        width: 15px !important;
        height: 15px !important;
    }
    .custome-radio-wrapper .form-check {
        padding-left: 25px;
    }
    .custome-radio-wrapper .custom-radio ~ label {
        margin-left: 0px;
        font-size: 16px;
        line-height: 16px;
    }
    .form-check-input[type=checkbox] {
        width: 18px;
        height: 18px;
        margin-top: 1px;
    }
    .password_reset label,
    .reset_pass a{
        font-size: 14px;
        line-height:20px;
    }
    .form_body .account-nots {
        font-size: 14px;
    }
    .added_to_cart_box ul li .list_title, .added_to_cart_box ul li .list_info {
        font-size: 14px;
        line-height: 20px;
    }
    .cart_header img{
        width:20px;
    }
    .cart_header p {
        font-size: 14px;
        line-height: 20px;
    }
    .learners_form_header h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .custom-radio:checked[type=radio]:after {
        width: 11px;
        height: 11px;
        transform: translate(-55%, -45%);
    }
    .pkg_icard_content .pkg_icard_buttons button {
        font-size: 14px;
        padding: 17px 10px;
    }
    .pkg_icard_content .pkg_icard_buttons .icard_button_profile {
        max-width: 105px;
    }
    .pkg_icard_buttons {
        margin: 22px auto 12px;
    }
    .payment_form_body .custome-radio-wrapper img {
        height: 10px;
    }
    .payment_bronze_row {
        flex-wrap:wrap;
    }
    .driving_testpack_total {
        margin-right: 10px;
    }
}


/* login form password hide & show */
.password_icon_none {
    background-image: url(../images/lock.svg);
    padding-right: 80px;
}
input.password_icon_none:focus{
    background-image:none;
}
input.password_icon_none:not([value=""]){
    background-color:#000;
}
.bg_none {
    background-image: none !important;
}
.toggle-password {
    display: none;
    color: #888d94;
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0%, -50%);
    cursor: pointer;
}
.toggle-password.input-has-value{
    display: block;
}

input.password_icon_none:focus ~ .toggle-password{
    display:block;
}
input[type="text"].password_icon_none {
    font-size: 16px;
    line-height: 24px;
    color: #555;
}

@media screen and (max-width:1200px) {
    .toggle-password {
        font-size: 16px;
        right: 21px;
    }
}

@media screen and (max-width:992px) {
    .toggle-password {
        right: 18px;
    }
}

@media screen and (max-width:767px) {
    .toggle-password {
        right: 21px;
    }
}

@media screen and (max-width:575px) {
    .toggle-password {
        right: 16px;
    }
}


.faq_page .form_body{
    max-width:1000px;
    margin:50px auto 0px;
}
.faq_page .form_body .form_header{
    margin-bottom:50px
}
.faq_page .accordion-item {
    margin-bottom: 10px;
    border-radius: 0px !important;
    background: transparent !important;
    border: 0px;
}
.faq_page .accordion-button {
    background: #ffd8a4 !important;
    color: #0A0951;
    font-weight: 700;
    font-size: 16px;
    padding: 20px;
    border-radius: 8px !important;
}



.faq_page .accordion-button[aria-expanded="true"]{
    background: #F4A640 !important;
}



@media(max-width:767px){
    .faq_page .accordion-button {
        padding:15px;
        font-size:14px !important;
    }
    .faq_page .accordion-item .accordion-body{
        padding:15px 10px;
        font-size:16px !important;
    }
    .pkg_icard_book_btn{
        padding: 14px 14px !important;
        display: block;
        text-decoration: none;
        transition: transform 300ms ease-in-out;
    }
}

.policy_pages * {
    font-family: 'Product Sans' !important;
}
button.swal2-confirm.swal2-styled{
    background-color: #f4a640!important;
    font-weight: 800!important;
    font-size: 16px!important;
    color: #0a0951!important;
}


.policy_pages * {
    font-family: 'Product Sans' !important;
}
body .fc-today-button {
    text-transform: capitalize !important;
}

/* Keep homepage service-card artwork and headings aligned. */
.our_services .service_box {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 34px !important;
}
.our_services .service_img,
.our_services .service_3 .service_img {
    width: 100%;
    height: 285px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
}
.our_services .service_img img,
.our_services .service_3 .service_img img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    margin-top: 0;
    object-fit: contain;
}
.our_services .service_3 .service_content {
    padding-top: 0;
}
.our_services .service_content {
    width: 100%;
}
.our_services .service_content .service_content_heading {
    margin-top: 0;
}

@media (max-width: 991px) {
    .our_services .service_box {
        padding-top: 25px !important;
    }
    .our_services .service_img,
    .our_services .service_3 .service_img {
        flex: 0 0 180px;
        width: 180px;
        height: 180px;
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .our_services .service_box {
        padding-top: 30px !important;
    }
    .our_services .service_img,
    .our_services .service_3 .service_img {
        flex: 0 0 auto;
        width: 100%;
        height: 220px;
        margin-bottom: 0;
    }
}

/* Keep the homepage test-package price badge attached to the car artwork. */
.driving_test_img_wrapper {
    display: inline-block;
}
.driving_test_img_wrapper .priceing_box {
    top: auto;
    left: 10%;
    bottom: -2%;
}

@media (max-width: 1440px) {
    .driving_test_img_wrapper .priceing_box {
        left: 10%;
        bottom: -2%;
    }
}

@media (max-width: 1199px) {
    .driving_test_img_wrapper .priceing_box {
        left: 8%;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .driving_test_img_wrapper .priceing_box {
        left: 8%;
        bottom: 4%;
    }
}

/* Make the homepage hero artwork fit the visible screen cleanly. */
.hero_section {
    overflow: hidden;
}
.hero_section > picture {
    display: block;
    width: 100%;
}
.hero_section > picture > img.hero-bg-mob {
    display: block;
    width: 100%;
    height: 100vh;
    min-height: 680px;
    max-height: 940px;
    object-fit: cover;
    object-position: center top;
}

@media (max-width: 767px) {
    .hero_section > picture > img.hero-bg-mob {
        height: 100svh;
        min-height: 650px;
        max-height: none;
        object-position: center top;
    }
}

/* Phone landing page: keep the mobile hero artwork fully visible and the search card centered. */
@media (max-width: 575px) {
    .hero_section {
        max-height: none;
        height: auto;
        overflow: visible;
        margin-bottom: 76px;
    }

    .hero_section > picture > img.hero-bg-mob {
        height: auto;
        min-height: 0;
        max-height: none;
        object-fit: contain;
        object-position: center top;
    }

    .mob_search {
        left: 50%;
        right: auto;
        width: min(345px, calc(100vw - 32px));
        transform: translateX(-50%);
        bottom: -56px;
    }

    .hero_section .search_input_wrapper input {
        padding-right: 64px;
    }

    .hero_section .search_input_wrapper button {
        width: 54px;
    }
}

@media (max-width: 400px) {
    .mob_search {
        width: min(320px, calc(100vw - 28px));
        bottom: -54px;
    }
}

/* Phone landing page layout: artwork first, centered headline, then search card. */
@media (max-width: 575px) {
    header .navbar .container {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-left: 12px;
        padding-right: 12px;
    }
    header .navbar-brand.d-lg-none {
        margin: 0 !important;
        padding: 0 !important;
    }
    header .navbar-brand.d-lg-none img {
        width: 128px !important;
        max-width: 128px !important;
    }
    header .mob_toggler {
        align-items: center;
        gap: 9px;
        margin-left: auto;
    }
    header .mob_toggler .book_btn {
        align-items: center;
        display: inline-flex;
        font-size: 13px;
        height: 38px;
        justify-content: center;
        line-height: 1;
        margin: 0 !important;
        min-width: 65px;
        padding: 0 13px !important;
    }
    header .mob_toggler .navbar-toggler {
        height: 38px;
        padding: 9px !important;
        width: 38px;
    }
    header .mob_toggler .navbar-toggler svg {
        height: 20px;
        width: 20px;
    }

    .hero_section {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        background-color: #fff1d5;
        background-image: url("../images/homepage-hero-mobile.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% auto;
        margin-bottom: 34px;
        overflow: visible;
    }

    .hero_section > picture {
        order: 1;
        height: 390px;
        overflow: hidden;
        margin-bottom: -1px;
        background: transparent;
    }

    .hero_section > picture > img.hero-bg-mob {
        width: 100%;
        height: 390px;
        object-fit: cover;
        object-position: center top;
        opacity: 0;
    }

    .hero_wrapper {
        order: 2;
        position: static;
        display: block;
        padding-top: 0;
        background: transparent;
    }

    .hero_wrapper .container,
    .hero_wrapper .row {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .hero_wrapper .row > .col-xl-6.col-md-7 {
        display: none;
    }

    .hero_wrapper .row > .col-xl-6.col-md-5 {
        display: block !important;
        width: 100%;
        max-width: none;
        padding: 0;
    }

    .welcome_text_wrapper {
        width: 100%;
        max-width: none;
        margin: 0 auto !important;
        padding: 0 22px !important;
        text-align: center;
    }

    .welcome_sec_title {
        font-size: clamp(42px, 12vw, 52px);
        line-height: 0.94;
        margin: 2px auto 18px;
        text-align: center;
    }

    .welcome_sec_subtitle {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 38px;
        text-align: center;
        font-weight: 700;
    }

    .mob_search {
        order: 3;
        position: static;
        width: min(330px, calc(100vw - 44px));
        margin: 0 auto;
        transform: none;
    }

    .mob_search .form_section {
        width: 100%;
        padding: 0;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 14px 30px rgba(23, 33, 77, 0.12);
        overflow: hidden;
    }

    .mob_search .search_tab_wrapper ul {
        display: flex;
        width: 100%;
    }

    .mob_search .search_tab_wrapper ul li {
        flex: 1 1 50%;
    }

    .mob_search .search_tab_wrapper ul li button {
        width: 100%;
        min-height: 34px;
        font-size: 15px;
        font-weight: 800;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .mob_search .search_input_wrapper {
        width: 100%;
        height: 44px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .mob_search .search_input_wrapper input {
        height: 44px !important;
        padding: 0 64px 0 16px !important;
        font-size: 13px;
        line-height: 44px !important;
    }

    .hero_section .mob_search .search_input_wrapper button {
        width: 50px;
        height: 44px;
        border-radius: 0 !important;
    }
}