*,
ul,
figure {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

:root {
    --blue: #0D2F64;
    --yellow: #F5BA19;
    --black: #010101;
    --grey: #5E5E5E;
    --arimo: 'Arimo';
    --popins: 'Poppins';
}

img {
    max-width: 100%;
}

a,
a:hover,
a:focus {
    outline: 0px;
    text-decoration: none;
}

input,
input:hover,
input:focus,
button,
button:hover,
button:focus {
    border-radius: 0;
    outline: 0px;
    border: 0px;
    box-shadow: none;
}

body {
    font-weight: 400;
    color: var(--black);
    font-family: var(--arimo);
}

a {
    font-family: var(--arimo);
    color: var(--black);
    font-weight: 400;
    display: inline-block;
}

p {
    font-weight: 400;
    font-size: 18px;
    color: var(--gray);
    line-height: 25px;
    margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--popins);
    margin-bottom: 0px;
    font-weight: 600;
}

#top {
    box-shadow: 0 0 6px rgba(0 0 0/16%);
    opacity: 0;
    visibility: hidden;
    transition: all .15s ease;
    position: fixed;
    width: 70px;
    height: 50px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -25px;
    margin: 0;
    z-index: 10000;
    background: var(--yellow);
}

#top svg {
    width: 28px;
    fill: #f7f7f7;
    height: 28px;
}

.section {
    margin-top: 110px;
}

.section-head>span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: var(--blue);
    font-family: 'Poppins';
    margin-bottom: 5px;
    display: block;
}

.section-head>small,
.section-head p>small {
    margin-right: 25px;
    position: relative;
    width: 57px;
    height: 4px;
    background: var(--yellow);
    display: block;
}

.section-head small::before,
.section-head small::after {
    position: absolute;
    top: 0px;
    display: inline-block;
    right: -14px;
    content: "";
    padding: 0px 1.5px;
    height: 100%;
    border-left: 4px solid var(--yellow);
    border-right: 4px solid var(--yellow);
}

.section-head small::after {
    right: -25px;
    padding: 0;
}

h2,
.section-head h1 {
    font-size: 35px;
    line-height: 53px;
    margin-top: 8px;
}

.section-head.text-center {
    margin-left: auto;
    margin-right: auto;
}

.section-head.text-center small {
    margin: 0px auto;
    width: 31px;
}

.section-head.text-center small::before {
    right: -16px;
}

.section-head.text-center small:after {
    right: unset;
    left: -16px;
    padding: 0px 1.5px;
}

.section-head>p:first-of-type {
    margin-top: 15.5px;
}

.home-banner-buttons a,
.site-buttons,
.webform-actions .form-submit {
    font-size: 16px;
    transition: all 0.3s ease;
    line-height: 23px;
    font-weight: 500;
    padding: 18.5px 23px;
    color: var(--blue);
    background: var(--yellow);
    font-family: var(--popins);
}

.form-item,
.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

.home-banner-buttons a:nth-child(2) {
    background: transparent;
    color: #fff;
    border: 3px solid #fff;
    padding: 15.5px 20.5px;
}

.home-banner-buttons a:nth-child(1):hover,
.site-buttons:hover,
.webform-actions .form-submit:hover {
    background: var(--blue);
    color: #fff;
}

.home-banner-buttons a:nth-child(2):hover {
    background: var(--yellow);
    border-color: var(--yellow);
    color: var(--blue);
}

/* header-open */
#header {
    position: relative;
}

.top-bar {
    color: white;
    position: relative;
}

.top-bar-inner {
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0px;
    background-color: #0D2F64;
}

.top-bar::before {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0D2F64;
    content: "";
    width: 50%;
    height: 100%;
}

.top-bar-left {
    font-size: 18px;
    line-height: 20px;
}

.top-bar-center {
    display: flex;
    justify-content: center;
}

.top-bar-center span {
    display: inline-block;
    color: var(--yellow);
}

.top-bar-center a {
    color: white;
    transition: all 0.3s ease;
    margin-left: 14px;
}

.top-bar-center a:hover {
    color: var(--yellow);
}

.top-social .facebook svg {
    width: 6.22px;
    height: 12.43px;
}

.top-social .twitter svg {
    width: 12.28px;
    height: 9.98px;
}

.top-social .instagram svg {
    width: 11.48px;
    height: 11.48px;
}

.top-social a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: white;
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.5s ease-in-out;
}

.top-social a svg {
    fill: #090946;
}

.top-social a:hover {
    background: var(--yellow)
}

.top-social {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

.header-inner {
    padding: 42.5px 0px;
}

.topcontact-inner {
    text-align: right;
}

.topcontact-inner a {
    text-align: left;
    display: inline-flex;
    align-items: center;
}

.topcontact-inner_01 svg {
    width: 27.33px;
    height: 27.34px;
}

.topcontact-inner_02 svg {
    width: 27.33px;
    height: 20.4px;
}

.topcontact-inner_03 svg {
    width: 25.89px;
    height: 25.79px;
}

.topcontact-inner i svg {
    fill: var(--yellow);
}

.topcontact-inner i {
    border: 1px dashed var(--blue);
    min-width: 50px;
    margin-right: 15px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.topcontact-inner div span {
    display: block;
    margin-bottom: 5px;
    transition: all 0.3s ease;
    font-size: 16px;
    line-height: 17px;
    font-weight: 700;
    color: var(--blue);
}

.topcontact-inner div {
    transition: all 0.3s ease;
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    color: var(--grey);
}

.topcontact-inner a:hover span,
.topcontact-inner a:hover div {
    color: var(--yellow);
}

.navigation {
    position: relative;
}

.navbar {
    background: var(--yellow);
    padding: 27.5px 27px;
    position: relative;
    border-bottom: 7px solid #0D2F64;
    border-left: 7px solid #0D2F64;
}

.navbar::before {
    width: 9px;
    height: 7px;
    background: #fff;
    content: '';
    position: absolute;
    left: -9px;
    top: 0;
}

.navigation::Before {
    position: absolute;
    right: 0px;
    width: 50%;
    height: 100%;
    content: "";
    background: var(--yellow);
    top: 0;
    border-bottom: 7px solid #0D2F64;
}

#header .navbar .navbar-nav {
    width: 100%;
    justify-content: space-between;
}

#header .navbar .nav-link {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: var(--blue);
    padding: 0px;
    transition: all 0.3s ease
}

#header .navbar .nav-link:hover,
#header .navbar .nav-link.is-active {
    color: white;
}

.nav-item:last-child {
    margin: 0px;
}

.nav-item {
    margin-right: 30px;
}

.menu-toggle {
    display: none;
}

/*header-close  */
/* home-banner-open */
.home-banner {
    position: relative;
}

.home-banner-slide {
    /* background:url(../img/home-banner.jpg) no-repeat center; */
    background-size: cover;
    padding: 176px 0px;
}

.home-banner-content {
    color: #fff;
    max-width: 576px;
}

.home-banner-content span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    font-family: var(--popins);
    margin-bottom: 18px;
    display: block;
}

.home-banner-content div:first-of-type {
    font-size: 50px;
    font-weight: 600;
    line-height: 65px;
    margin-bottom: 15.5px;
    font-family: 'Poppins';
}

.home-banner-content p {
    color: #fff;
    margin-bottom: 42.5px;
}

.home-banner-content div:last-child {
    display: flex;
}

.home-banner-content .home-banner-buttons a:nth-child(1) {
    margin-right: 25px;
}

.home-banner-slider-arrow {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    opacity: 0;
    justify-content: space-between;
    transition: all 0.5s ease-in-out;
}

.home-banner:hover .home-banner-slider-arrow {
    opacity: 1;
}

.home-banner-slider-arrow svg {
    width: 11.614px;
    height: 20.72px;
    fill: white;
}

.home-banner-slider-arrow i {
    width: 58px;
    height: 58px;
    border: 2px solid white;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home-banner-slider-arrow i {
    width: 58px;
    height: 58px;
    border: 2px solid white;
    border-radius: 50%;
}

/* home-banner-close*/
/* home-about-open */
.home-about {
    position: relative;
}

.home-about-content p {
    margin-top: 25px;
}

.home-about-content h3 {
    align-items: center;
    display: flex;
    margin-top: 35px;
    border-top: 1px solid #CCCCCC;
    padding-top: 35px;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: var(--grey);
    font-family: var(--arimo);
}

.home-about-content h3 a {
    margin-left: 10px;
    transition: all 0.3s ease;
    font-size: 25px;
    color: var(--black);
    line-height: 28px;
    font-weight: 700;
}

.home-about-content h3 a:hover {
    color: var(--yellow);
}

.home-about-content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    margin-top: 25px;
}

.home-about-content ul li {
    margin-top: 22.5px;
    flex: 0 0 50%;
    max-width: 50%;
    align-items: center;
    padding: 0px 15px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    display: flex;
}

.home-about-content ul li span {
    line-height: 67px;
    border-radius: 50%;
    background: #61AEAE;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    min-width: 67px;
    height: 67px;
}

.home-about-content ul li:first-child svg {
    fill: #fff;
    width: 35.86px;
    height: 33.92px;
}

.home-about-content ul li:last-child svg {
    width: 34.33px;
    fill: #fff;
    height: 40.02px;
}

.home-about-content ul li:last-child span {
    background: #F7894D;
}

.home-about-img {
    position: relative;
    padding-bottom: 13px;
    padding-left: 72px;
}

.home-about-img>figure {
    position: relative;
    overflow: hidden;
}

.home-about-img>figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    opacity: 0;
}

.home-about-img>figure:hover::before {
    animation: shine 1s;
    opacity: 1;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.home-about-img>div::after {
    position: absolute;
    width: 54px;
    height: 19px;
    left: 0;
    bottom: -37px;
    content: '';
    border-radius: 10px;
    background: var(--yellow);
}

.home-about-img>div {
    display: flex;
    position: absolute;
    left: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0 0 0/16%);
    bottom: 37px;
    border-radius: 10px;
    max-width: 359px;
    padding: 23px 30px;
    align-items: center;
    margin-bottom: 37px;
}

.home-about-img>div figure {
    border-radius: 9px;
    overflow: hidden;
    display: inline-block;
    min-width: 117px;
    margin-right: 15px;
}

.home-about-img>div span {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    display: block;
}

/* home-about-close */
/* home-resouces-open*/
.home-resouces {
    padding: 80px 0px;
    background: url('../img/homresoursce.jpg') no-repeat center;
    background-size: cover;
    padding-top: 80px 0px;
}

.home-resouces_01 {
    margin-top: 49px
}

.home-resouces-inner>figure {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.home-resouces-inner>figure img {
    transition: transform .5s ease-in-out;
}

.home-resouces-inner:hover img {
    transform: scale(1.2);
}

.home-resouces-inner>figure a {
    position: absolute;
    transition: all 0.3s ease;
    right: 0;
    bottom: 0;
    width: 67px;
    height: 67px;
    background: var(--blue);
    padding: 19px;
    text-align: center;
}

.home-resouces-inner>figure a:hover {
    background: var(--yellow);
}

.home-resouces-inner>figure a svg {
    fill: #fff;
    width: 27.19px;
    height: 28.95px;
}

.home-resouces-inner>div {
    margin-top: 26px;
    padding: 9.5px 0px 9.5px 20px;
    border-left: 7px solid var(--yellow);
}

.home-resouces-inner>div a,
.home-resouces-inner>div h3 {
    font-size: 22px;
    transition: all 0.3s ease;
    line-height: 25px;
    color: #0D2F64;
    font-weight: 700;
}

.home-resouces-inner:hover a {
    color: var(--yellow);
}

.home-resouces-inner>div span {
    margin-top: 10px;
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #5E5E5E;
}

.home-resouces_02 {
    margin-top: 100px;
}

/* home-resouces-close */
/* home-team-open */
.home-team .section-head p {
    margin-bottom: 25px;
}

.home-team .section-head p:last-child {
    margin-bottom: 0;
}

.home-team-inner {
    position: relative;
    overflow: hidden;
    background: #dfdfdf;
    transition: all 0.3s ease;
    padding: 10px;
    max-width: 302.5px;
}

.home-team-inner::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    background-color: var(--yellow);
    content: '';
    transition: all 700ms ease 0s;
    z-index: 2;
}

.home-team-inner:hover::before {
    height: 100%;
}

.home-team-inner img {
    position: relative;
    z-index: 2;
}

.home-team-inner .team-socail {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -100%;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    left: 10px;
    background-color: rgba(0, 0, 0, 61%);
    transition: all 700ms ease 0s;
}

.home-team-inner:hover .team-socail {
    bottom: 10px;
}

.home-team-inner .team-socail {
    display: flex;
    justify-content: center;
}

.home-team-inner .team-socail a {
    width: 41px;
    height: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50%;
    margin: 0px 5px;
    transition: all 0.3s ease;
}

.team-socail a.facebook svg {
    width: 8.51px;
    height: 17.02px;
}

.team-socail a.twitter svg {
    width: 16.81px;
    height: 13.65px;
}

.team-socail a.instagram svg {
    width: 15.71px;
    height: 15.71px;
}

.team-socail a svg {
    fill: var(--blue);
}

.home-team-inner .team-socail a:hover {
    background-color: var(--yellow);
}

/* home-team-close*/
/* home-driving-lessons-open*/
.home-driving-lessons-wrp {
    padding-bottom: 53px;
}

.home-driving-lessons-wrp .home-driving-lessons {
    background: url(../img/home-driving-lessons.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    padding: 93.5px 0px;
}

.home-driving-lessons-wrp .home-driving-lessons::before {
    left: 5.28%;
    bottom: -53px;
    content: '';
    width: 6.3%;
    height: 100%;
    background: url('../img/ourdrivinglessonele_01.png') no-repeat bottom;
    background-size: 100%;
    position: absolute;
}

.home-driving-lessons-wrp .home-driving-lessons::after {
    height: 100%;
    content: '';
    right: 5.28%;
    bottom: -53px;
    width: 9%;
    background: url('../img/ourdrivinglessonele_02.png') no-repeat bottom;
    background-size: 100%;
    position: absolute;
}

.home-driving-lessons-wrp .home-driving-lessons .section-head {
    max-width: 459px;
}

.home-driving-lessons-wrp .home-driving-inner {
    box-shadow: 0 6px 6px rgba(0 0 0/16%);
    padding: 107.5px 16px;
    background: white;
    text-align: center;
    margin-top: 30px;
    transition: all 0.3s ease;
}

.home-driving-lessons-wrp .home-driving-inner:hover {
    box-shadow: 0px 3px 15px rgba(0 0 0/16%);
}

.home-driving-lessons-wrp .home-driving-inner h3 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px;
}

.home-driving-lessons-wrp .home-driving-inner div:nth-of-type(1) {
    max-width: 157px;
    margin: 0px auto;
    position: relative;
    padding-bottom: 11px;
    border-bottom: 1px solid #C9C9C9;
    margin-bottom: 1px;
}

.home-driving-lessons-wrp .home-driving-inner div:nth-of-type(1)::before {
    position: absolute;
    width: 36px;
    height: 3px;
    content: '';
    background: var(--yellow);
    display: inline-block;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.home-driving-lessons-wrp .home-driving-inner h4 {
    color: var(--yellow);
    line-height: 43px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.home-driving-lessons-wrp .home-driving-inner h4 sup {
    margin-top: 5px;
    font-weight: 600;
    margin-left: 10px;
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
}

.home-driving-lessons-wrp .home-driving-inner ul {
    padding: 20.5px 0px 37.5px;

}

.home-driving-lessons-wrp .home-driving-inner ul li {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 22px;
    color: var(--grey);
    display: flex;
    justify-content: center;
    position: relative;
}

.home-driving-lessons-wrp .home-driving-inner ul li:before {
    content: url('../img/icons/Polygon22.svg');
    fill: #f5ba19;
    transform: translateX(-50%);
}

.home-driving-lessons-wrp .home-driving-inner ul li svg {
    margin-right: 5px;
    width: 8px;
    height: 22px;
    fill: var(--yellow);
}

.home-driving-lessons-wrp .home-driving-inner ul li:last-child {
    margin-bottom: 0;
}

.home-driving-lessons-wrp .home-driving-inner a {
    color: #fff;
    transition: all 0.3s ease;
    background-color: var(--blue);
}

.home-driving-lessons-wrp .home-driving-inner a:hover {
    color: var(--blue);
    background: var(--yellow);
}

.home-driving-lessons-wrp .home-driving-inner_02 {
    background: var(--blue);
    color: #fff;
    box-shadow: none;
    padding: 111.5px 16px;
}

.home-driving-lessons-wrp .home-driving-inner_02:hover {
    box-shadow: none;
}

.home-driving-lessons-wrp .home-driving-inner_02 div {
    padding-bottom: 25px;
}

.home-driving-lessons-wrp .home-driving-inner_02 ul {
    padding: 45.5px 0px 67.5px;
}

.home-driving-lessons-wrp .home-driving-inner_02 ul li {
    color: #fff;
}

.home-driving-lessons-wrp .home-driving-inner_02 a {
    background: var(--yellow);
    color: var(--blue);
}

.home-driving-lessons-wrp .home-driving-inner_02 a:hover {
    background: #E8E8E8;
}

/* home-driving-lessons-close */
/*why-choose-open */
.why-choose-content p {
    margin-top: 25px;
}

.why-choose-content p:first-of-type {
    margin-top: 15.5px;
}

.why-choose-content a {
    margin-top: 52.5px;
}

.why-choose-right-wrp {
    max-width: 630px;
    margin-left: auto;
}

.why-choose-right {
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.why-choose-right-inner {
    min-height: 269px;
    transform-style: preserve-3d;
    position: relative;
    perspective: 1000px;
    text-align: center;
    line-height: 0;
}

.why-choose-right-content {
    border-radius: 20px;
    transition-duration: 0.4s;
    position: absolute;
    transform: rotateY(0);
    transform-style: preserve-3d;
    transition: transform .75s ease-in-out;
    z-index: 10;
    display: flex;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    perspective: 1000px;
    padding: 25px 20px;
    text-align: center;
    backface-visibility: hidden;
    background-clip: padding-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.why-choose-right-inner .why-choose-right-content div {
    transform: translateZ(50px) scale(.9);
}

.why-choose-right-inner figure {
    background-color: rgb(254, 208, 61);
    border-radius: 20px;
    transition-duration: 0.4s;
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    transition: transform .75s ease-in-out;
    position: absolute;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0px;
    right: 0;
    left: 0;
    perspective: 1000px;
    padding: 27px 20px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-clip: padding-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.why-choose-right-inner figure span {
    display: block;
    transform: translateZ(50px) scale(.9);
}

.why-choose-right:hover figure {
    transform: rotateY(0deg);
    z-index: 1;
}

.why-choose-right:hover .why-choose-right-content {
    transform: rotateY(180deg);
    z-index: -1;
}

.why-choose-right-content h3 {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 7.5px;
}

.why-choose-right-content p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.why-choose-right-content {
    padding: 25.5px 25px;
    padding-bottom: 23px;
}

.why-choose-right-inner svg {
    fill: var(--yellow);
    margin-bottom: 10px;
}

.why-choose-right-inner_01 svg {
    width: 53.3px;
    height: 39.16px;
}

.why-choose-right-inner_01 .why-choose-right-content {
    background: #849AC1;
}

.why-choose-right-inner_02 .why-choose-right-content {
    background: #BCDA73;
}

.why-choose-right-inner_03 .why-choose-right-content {
    background: #4AAAAA;
}

.why-choose-right-inner_04 .why-choose-right-content {
    background: #F7894D;
}

.why-choose-right-inner_03 svg {
    width: 59.115px;
    height: 55.923px;
}

.why-choose-right-inner_02 svg {
    width: 62.725px;
    height: 74.687px;
}

.why-choose-right-inner_04 svg {
    width: 70.124px;
    height: 54.522px;
}

.why-choose-right-inner_03 {
    margin-top: 52px;
}

.why-choose-right-inner_02,
.why-choose-right-inner_04 {
    margin-top: 30px;
}

/*why-choose-close */
/*home-learning part starts */
.learning-drive {
    background: url(../img/home-learning-bg.jpg) repeat-x bottom;
}

.learning-drive-wrp {
    padding: 114px 0px;
}

.learning-drive-left {
    max-width: 570px;
    margin-top: -114px;
    margin-bottom: -114px;
    padding: 0px 15px;
    margin-left: auto;
}

.learning-drive-left-inner {
    box-shadow: 0 0 20px rgba(0 0 0/16%);
    background: #fff;
}

.learning-drive-left h3 {
    color: #fff;
    font-size: 30px;
    line-height: 43px;
    background: var(--blue);
    padding: 19px;
    text-align: center;
}

.learning-drive-left form {
    padding: 11px 20px 35px;
}

.learning-drive-left form input:not([type='submit']),
.learning-drive-left form textarea {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-family: var(--arimo);
    padding: 14.5px;
    margin-top: 25px;
    color: var(--grey);
    width: 100%;
    display: block;
    border: 1px solid #B8B5B5;
}

.learning-drive-left form input::placeholder,
.learning-drive-left form textarea::placeholder {
    color: var(--grey);
}

.learning-drive-left form textarea {
    min-height: 111px;
}

.learning-drive-left .math-capcha {
    margin-top: 18px;
}

.learning-drive-left form input[type='submit'] {
    margin-top: 31px;
}

.learning-drive-left .math-capcha label {
    display: flex;
    font-size: 14px;
    line-height: 16px;
    color: var(--grey);
    margin-bottom: 0;
}

.learning-drive-left .math-capcha label span {
    display: inline-block;
    padding-left: 21px;
    position: relative;
}

.learning-drive-left .math-capcha label span::before {
    width: 5.83px;
    height: 6.55px;
    background: url('../img/asterisk.svg') no-repeat center;
    background-size: 100%;
    content: '';
    position: absolute;
    left: 7.3px;
    top: 0;
}

.learning-drive-left .math-capcha input[type='text'] {
    margin-top: 4px;
}

.learning-drive-left .math-capcha>span {
    font-size: 14px;
    line-height: 16px;
    color: var(--grey);
    display: block;
    margin-top: 4px;
}

.learning-drive-right {
    padding-right: 10.19%;
    padding-bottom: 48.6px;
    padding-left: 90px;
    position: relative;
    height: 100%;
}

.learning-traffic {
    background: url('../img/learningtraffic.png') left bottom repeat-x;
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 115px;
    z-index: 3;
}

.learning-drive-car {
    max-width: 716px;
    margin-left: auto;
    /* background: url('../img/car.png') bottom right no-repeat; */
    text-align: right;
    height: 100%;
    width: 100%;
    position: relative;
}

.learning-drive-car img {
    position: absolute;
    max-width: 15%;
    bottom: 5%;
    animation-name: spin;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: 2;
}

@keyframes spin {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.learning-drive-car img:first-child {
    left: 13%;
}

.learning-drive-car img:last-child {
    right: 12.52%;
}

/*home-learning part ends */
.core-value .section-head {
    max-width: 394px;
    margin-bottom: 174.5px;
}

.core-value {
    background-image: url('../img/corevaluebg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 120px;
}

.core-value-point h4 {
    font-size: 22px;
    line-height: 31px;
    max-width: 170px;
}

.core-value-point span {
    margin-bottom: 25px;
    position: relative;
    border-radius: 5px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0 0 0/16%);
}

.core-value-point:hover span {
    border-radius: 50%;
    box-shadow: none;
    background: #fff;
}

.core-value-point span::before {
    content: '';
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-width: 100px;
    border-style: dashed;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.core-value-point {
    line-height: 0;
    position: relative;
    padding-right: 50px;
    padding-bottom: 5.4px;
}

.core-value-point span svg {
    position: relative;
    z-index: 1;
}

.point-1 svg {
    width: 35.85px;
    height: 35.82px;
    fill: #092654;
}

.point-2 svg {
    width: 34.07px;
    height: 33.59px;
    fill: #066767;
}

.point-1 span::before {
    border-color: #849AC1;
}

.point-2 span::before {
    border-color: #4AAAAA;
}

.point-3 span::before {
    border-color: #BCDA73;
}

.point-4 span::before {
    border-color: #FFBB95;
}

.point-1:hover span::before {
    border-width: 2px;
    border-color: #092654;
}

.point-2:hover span::before {
    border-width: 2px;
    border-color: #066767;
}

.point-3:hover span::before {
    border-width: 2px;
    border-color: #597E00;
}

.point-4:hover span::before {
    border-width: 2px;
    border-color: #E35406;
}

.point-3 svg {
    width: 41.84px;
    height: 44.23px;
    fill: #597E00;
}

.point-4 svg {
    width: 40.65px;
    height: 45.29px;
    fill: #E35406;
}

.core-value-point {
    position: relative;
}

.point-image {
    position: absolute;
    right: 0px;
    bottom: 0;
}

.point-4 {
    top: -314px;
}

.point-3 {
    top: -199px;
}

.point-2 {
    padding-right: 35px;
    top: -98px;
}

/* .point-1
{
	top:-30px;
} */
/*core-value-close */
/*testimonial-open */
.testimonails {
    background: #092654;
    background-size: cover;
    padding-top: 52px;
    color: white;
}

.testimonails .counter-head {
    margin-bottom: 11px;
    max-width: 246px;
}

.testimonails .section-head span {
    color: #fff;
}

.counter-wrp {
    display: flex;
    margin: 0px -15px;
}

.counter-inner {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 15px;
    display: flex;
    align-items: center;
}

.counter-inner figure {
    width: 86px;
    background: var(--yellow);
    border-radius: 50%;
    height: 86px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    margin-right: 15px;
}

.counter-01 figure svg {
    width: 43.84px;
    height: 31.96px;
    fill: var(--blue);
}

.counter-02 figure svg {
    width: 33.87px;
    height: 43.33px;
    fill: var(--blue);
}

.counter-inner h3 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 2.5px;
}

.counter-inner p {
    color: white;
}

.testimonails-left {
    color: var(--black);
    background: #fff;
    padding-right: 128px;
    margin-right: -128px;
    position: relative;
    z-index: 1;
    margin-top: 67px;
}

.testimonails-right {
    display: flex;
    align-items: flex-end;
    background: url('../img/testimonialsright.jpg') no-repeat center; 
    background-size: cover;
    height: 100%;
    padding-left: 128px;
    margin-left: -128px;
}

.testimonails-right-div {
    height: 100%;
}

.testimonails-right-inner-wrp {
    width: 100%;
    padding-left: 83px;
    max-width: 570px;
    padding-right: 15px;
    bottom: 118px;
    position: relative;
    z-index: 2;
}

.testimonails-right-inner {
    padding: 32.5px 30px;
    max-width: 419px;
    line-height: 0;
    background: var(--blue);
}

.testimonails-right-inner h3 {
    font-size: 25px;
    max-width: 350px;
    line-height: 36px;
    margin-bottom: 7px;
}

.testimonails-right-inner p {
    margin-bottom: 22.5px;
    color: #fff;
}

.testimonails-right-inner a {
    transition: all 0.3s ease;
    font-weight: 700;
    font-size: 25px;
    line-height: 28px;
    color: #fff;
}

.testimonails-right-inner a:hover {
    color: var(--yellow);
}

.testimonails-left .section-head span {
    color: var(--blue);
}

.testimonails-left .slick-dots {
    position: unset;
    margin-left: 153px;
    text-align: left;
    line-height: 0;
    margin-top: 15px;
}

.testimonails-left .slick-dots button {
    display: none;
}

.testimonails-left .slick-dots li {
    width: 10px;
    border-radius: 50%;
    margin-left: 0;
    height: 10px;
    margin-right: 5px;
    background: var(--blue);
}

.testimonails-left .slick-dots li.slick-active {
    background: var(--yellow);
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.testimonails-slider {
    margin-left: auto;
    max-width: 570px;
    padding: 175.5px 0px;
}

.testimonails-slide {
    display: flex;
    padding: 0px 15px;
}

.testimonails-slide-inner {
    display: flex;
}

.testimonails-slide-inner .section-head {
    padding-top: 11px;
}

.testimonails-slide p {
    margin: 15.5px 0px 17.5px;
}

.testimonails-slide h4 {
    font-family: var(--arimo);
    font-size: 18px;
    line-height: 20px;
    align-items: center;
    font-weight: 700;
    display: flex;
}

.testimonails-slide h4::before {
    margin-right: 5.1px;
    display: inline-block;
    min-width: 20.05px;
    height: 2px;
    content: '';
    background: var(--black);
}

.testimonails-slide figure {
    border-radius: 50%;
    margin-right: 20px;
    min-width: 118px;
}

/* testimonials-close */

/* home-blog part starts */
.home-blogs {
    margin-bottom: 43px;
}

.home-blog-inner {
    margin-top: 43px;
}

.home-blog-inner figure {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.home-blog-inner figure::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, .2);
    content: "";
    width: 0%;
    height: 0%;
    opacity: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.home-blog-inner figure:hover::before {
    -webkit-animation: circle .95s;
    animation: circle .95s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.home-blog-inner img {
    transition: all 0.7s;
}

.home-blog-inner:hover img {
    transform: scale(1.1);
}

.home-blog-inner a:first-of-type {
    margin-bottom: 13px;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    color: var(--blue);
    transition: all 0.3s ease;
    font-family: var(--popins);
}

.home-blog-inner a:first-of-type:hover {
    color: var(--yellow);
}

.home-blog-inner span {
    font-family: var(--popins);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    display: block;
    color: var(--blue);
    margin-bottom: 17.5px;
}

.home-blog-inner p {
    margin-bottom: 27.5px;
}

/* home-blog-close */
/*footer-open */
#footer {
    background: url(../img/footer-bg.jpg) no-repeat center;
    background-size: cover;
    color: white;
    padding-top: 70px;
}

#footer a {
    transition: all 0.5s ease;
}

#footer a:hover {
    color: #fff;
}

.footer-about p {
    margin-top: 17.5px;
    color: #D1D1D1;
    margin-bottom: 32.5px;
}

.footer_links .section-head {
    padding: 19.5px 0px;
}

.footer_links h3 {
    flex: 0 0 100%;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
    color: #fff;
}

.footer_links .section-head small {
    width: 40px;
    height: 3px;
}

.footer_links .section-head small::before {
    right: -10px;
    border-width: 3px;
    padding: 0px 1px;
}

.footer_links .section-head small::after {
    right: -18px;
    border-width: 3px;
}

.footer_links {
    margin-bottom: 50px;
}

.footer_links ul {
    padding-top: 7.5px;
}

.footer-post li {
    display: flex;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

.footer-post li:before {
    content: url('../img/icons/footer_arrow.svg');
    fill: #f5ba19;
    transform: translateX(-50%);
}


.footer-post li a {
    font-size: 16px;
    line-height: 22px;
    color: #D1D1D1;

}

.footer-post li svg {
    width: 5.24px;
    height: 9.34px;
    margin-right: 9.8px;
}

.footer-post li span {
    line-height: 22px;
}

.footer-contact ul {
    padding-top: 8.5px;
}

.footer-contact a {
    font-size: 16px;
    line-height: 22px;
    color: #D1D1D1;
    margin-left: 10px;
    transition: all 0.3s ease;
}

.footer-contact li {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.footer-contact i {
    width: 41px;
    min-width: 41px;
    height: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(9, 9, 70, 24%);
    border-radius: 50%;
    transition: all 0.5s ease;
    text-align: center;
}

.footer-contact li:hover i {
    background: #fff;
}

.footer-contact li svg {
    transition: all 0.5s ease;
    fill: #fff;
}

.footer-contact li:hover svg {
    fill: var(--blue);
}

.footer-contact_01 svg {
    width: 18.49px;
    height: 17.69px;
}

.footer-contact_02 svg {
    width: 16.2px;
    height: 16.12px;
}

.footer-contact_03 svg {
    width: 17.12px;
    height: 11.92px;
}

.footer-contact_03 {
    word-break: break-all;
}

.footer-contact_04 svg {
    width: 15.32px;
    height: 25.88px;
}

.footer-contact_05 svg {
    width: 15.83px;
    height: 15.81px;
}

.opening-hours ul {
    padding-top: 7.5px;
}

.opening-hours ul li {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #D1D1D1;
    display: flex;
    justify-content: space-between;
}

.opening-hours li span {
    font-weight: 700;
    color: white;
}

.footer-bar {
    border-top: 1px solid rgba(255 255 255/61%);
    margin-top: 52.5px;
    padding: 27px 0px;
}

.footer-bar p {
    color: white;
}

/*footer part ends */
/* inner-page-open */
/* inner-banner-open */
.inner-banner {
    color: #fff;
    text-align: center;
    background-size: cover;
    padding: 121px 0px;
}

ol.breadcrumb li:nth-child(2)::before,
ol.breadcrumb li:nth-child(3)::before {
    content: url('../img/icons/right_arrow.svg');
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;

}

.breadcrumb-item+.breadcrumb-item::before {
    display: none;
}

.innner-banner {
    color: #fff;
    text-align: center;
    background: url('../img/innerbanner.jpg') no-repeat center;
    background-size: cover;
    padding: 121px 0px;
}

.inner-banner h1 {
    font-size: 50px;
    line-height: 71px;
    margin-bottom: 10px;
}

.inner-banner span {
    width: 57px;
    display: block;
    background: #fff;
    height: 4px;
    margin: 0px auto;
    position: relative;
}

.inner-banner span::before,
.inner-banner span::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0px 1.5px;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    left: -13px;
}

.inner-banner span::after {
    left: unset;
    right: -13px;
}

.inner-banner .breadcrumb {
    background: transparent;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0;
}

.inner-banner .breadcrumb a,
.inner-banner .breadcrumb li {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: var(--yellow);
}

.inner-banner .breadcrumb li.active {
    color: #fff;
}

.breadcrumb-join svg {
    width: 16.41px;
    height: 7.52px;
    fill: #fff;
    margin: 0px 10px;
}

/* inner-banner-close */
/* about-us-open */
.about-us>figure {
    position: relative;
    padding: 75px 0px 0px 75px;
    margin-bottom: 50px;
}

.about-us>figure::before {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: calc(100% - 75px);
    height: calc(100% - 75px);
    background: #0D2F64;
}

.about-us .section-head p:last-child {
    margin-top: 25px;
}

.about-us-img,
.about-us-content {
    margin-top: 37.5px;
}

.about-us-content ul {
    display: flex;
    margin: 0px -15px;
    flex-wrap: wrap;
}

.about-us-content ul li {
    margin: 0px 15px 20px;
    padding-left: 35px;
    flex: 0 0 50%;
    font-size: 18px;
    position: relative;
    line-height: 25px;
    color: var(--grey);
    max-width: calc(50% - 30px);
}

.about-us-content ul li::before {
    position: absolute;
    left: 0px;
    content: url('../img/check-mark.png');
    top: 1.5px;
}

.about-us-content ul li:last-child {
    margin-bottom: 0;
    max-width: calc(100% - 30px);
    flex: 0 0 100%;
}

.about-us>p {
    margin-top: 27.5px;
}

.about-us .view-display-id-block_13 p {
    margin-top: 27.5px;
}


.why-us .section-head {
    max-width: 1000px;
    margin-bottom: 74.5px;
}

.why-us-point-left svg {
    width: 100%;
    height: 239px;
    fill: var(--yellow);
    filter: drop-shadow(0 0 10px rgba(0 0 0/16%));
}

.why-us-point-left {
    position: relative;
    margin: 8px;
}

.why-us-point-left h3 {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 69px;
    line-height: 96px;
    transform: translate(-50%, -50%);
}

.why-us-point-right h3,
.conclusion h3 {
    font-size: 25px;
    line-height: 35px;
    color: var(--blue);
}

.why-us-point {
    line-height: 0;
    margin-bottom: 50px;
}

.why-us-point-right p,
.conclusion p {
    margin-top: 25px;
}

.why-us-point-right p:first-of-type,
.conclusion p:first-of-type {
    margin-top: 17.5px;
}

.why-us-point-right p a {
    color: var(--blue);
    transition: all 0.5s ease;
}

.why-us-point-right p a:hover {
    color: var(--yellow);
}

/* about-us-close */
/* our-students-open */
.our-students {
    text-align: center;
}

.our-students p {
    margin: 0px auto 17.5px;
    max-width: 1004px;
}

.our-student-inner {
    margin-top: 30px;
}

.our-student-inner a {
    position: relative;
}

.our-student-inner div {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease;
    display: flex;
    opacity: 0;
    transform: scale(0);
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0/68%);
}

.our-student-inner:hover div {
    transform: scale(1);
    opacity: 1;
}

.our-student-inner div svg {
    width: 19.6px;
    height: 19.61px;
    fill: #0D2F64;
}

.our-student-inner div span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 42px;
    background: var(--yellow);
}

.our-students #loadmore {
    margin-top: 55px;
}

.our-student-box {
    display: none;
}

/* our-students-close */
/* driving-lessons-open */
.driving-lessons .section-head {
    max-width: 460px;
    margin-bottom: 18px;
}

.driving-lessons .home-driving-inner {
    height: calc(100% - 30px);
    margin-top: 30px;
    box-shadow: 0 0 10px rgba(0 0 0/16%);
    padding: 16px;
    outline-offset: -16px;
    outline: 1px solid #CBCBCB;
    background: white;
    color: black;
    text-align: center;
    margin-top: 48px;
}

.driving-lessons .home-driving-inner:hover div:nth-child(2) {
    background: var(--yellow);
    color: #fff;
}

.driving-lessons .home-driving-inner:hover a {
    background: var(--yellow);
    color: var(--blue);
}

.driving-lessons .home-driving-inner h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin: 8.5px 37px;
    line-height: 36px;
    color: var(--blue);
    min-height: 72px;
}

.driving-lessons .home-driving-inner div:nth-child(2) {
    transition: all 0.3s ease;
    background-color: #E8E8E8;
}

.driving-lessons .home-driving-inner h4 {
    color: var(--blue);
    padding: 13px;
    font-size: 30px;
    line-height: 43px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.driving-lessons .home-driving-inner sup {
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
}

.driving-lessons .home-driving-inner ul {
    padding: 31px 10px 47px;
}

.driving-lessons .home-driving-inner ul li {
    margin-top: 19px;
    font-size: 16px;
    line-height: 22px;
    color: var(--grey);
}

.driving-lessons .home-driving-inner a {
    margin-bottom: 42px;
    background-color: #E8E8E8;
}

.driving-lessons .home-driving-inner a:hover {
    color: #fff;
    background: var(--blue);
}

.driving-lessons .home-driving-inner-bottom a {
    margin-top: 50px;
    margin-bottom: 28px;
}

.driving-lessons .home-driving-inner-bottom .price-box {
    padding: 8px 0px;
}

.driving-lessons .home-driving-inner div span {
    font-size: 17px;
    font-family: var(--popins);
    font-weight: 600;
    display: block;
    color: var(--blue);
    line-height: 24px;
}

.driving-lessons .home-driving-inner div span:first-child {
    margin-bottom: 5px;
}

/* driving-lessons-close */
/* blog-open */
.blog-content h2 {
    margin-bottom: 3px;
    margin-top: 0;
}

.blog-content h2 a {
    transition: all 0.3s ease;
    font: inherit;
}

.blog-content h2 a:hover {
    color: var(--yellow);
}

.blog-content span {
    display: block;
    font-size: 15px;
    margin-bottom: 17.5px;
    line-height: 21px;
    font-family: var(--popins);
    color: var(--blue);
}

.blog-content p {
    margin-bottom: 37.5px;
}

.blog-wrp:first-child {
    margin-top: 0;
}

.blog-wrp {
    margin-top: 110px;
}

/* blog-close */
/* blog-details-open */
.blog-details-inner figure {
    margin-bottom: 28px;
}

.blog-details-inner h2 {
    margin-top: 0;
    margin-bottom: 8px;
}

.blog-details-inner .meta {
    display: flex;
    margin-bottom: 25px;
}

.blog-details-inner .meta span {
    font-family: var(--popins);
    font-size: 15px;
    display: block;
    font-weight: 400;
    margin-right: 15px;
    line-height: 21px;
    color: var(--blue);
}

.blog-details-inner h3 {
    font-size: 20px;
    line-height: 28px;
    color: var(--blue);
}

.blog-details-inner p {
    margin-top: 25px;
}

.blog-details-inner p:first-of-type {
    margin-top: 17.5px;
}

.blog-details-inner .test-links {
    margin-top: 37.5px;
}

.blog-details-inner .test-links a {
    transition: all 0.5s ease;
    text-align: center;
    font-family: var(--popins);
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    background: var(--yellow);
    padding: 12.5px;
    display: block;
    line-height: 34px;
}

.blog-details-inner .test-links a:hover {
    background: var(--blue);
    color: #fff;
}

.post-social {
    margin-top: 30px;
}

.post-social h4 {
    font-size: 20px;
    line-height: 28px;
    color: var(--blue);
    font-weight: 400;
    margin-bottom: 10px;
}

.post-social div {
    display: flex;
}

.post-social div a {
    transition: all 0.3s ease;
    margin-right: 10px;
}

.post-social div a:hover {
    opacity: 0.7;
}

.other-post-slider-wrp {
    position: relative;
}

.other-post-slider .slick-list {
    margin: 0px -15px;
}

.other-post-slider .slick-slide {
    padding: 0px 15px;
}

.other-post-slider figure {
    margin-bottom: 20px;
}

.other-post-slider a {
    transition: all 0.5s ease;
    font-size: 22px;
    line-height: 31px;
    font-weight: 600;
    font-family: var(--popins);
}

.other-post-slider a:hover {
    color: var(--yellow);
}

.other-post-slider span {
    margin-top: 10px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: var(--blue);
    font-family: var(--popins);
    display: block;
}

.other-post-slider-arrow {
    position: absolute;
    top: 30%;
    width: 100%;
    left: 0;
    display: flex;
    z-index: 10;
    justify-content: space-between;
}

.other-post-slider-arrow i {
    width: 40px;
    transition: all 0.5s ease;
    cursor: pointer;
    text-align: center;
    line-height: 44px;
    height: 40px;
    background: var(--blue);
}

.other-post-slider-arrow i svg {
    width: 8.12px;
    height: 14.02px;
    fill: #fff;
}

.other-post-slider-arrow i:hover {
    opacity: 0.7;
}

.blog-details-right>div {
    background: #fff;
    margin-top: 50px;
    box-shadow: 0 0 10px rgba(0 0 0/16%);
    padding: 30px 25px;
}

.blog-details-right>div:first-child {
    margin-top: 0;
}

.blog-details-right div h3 {
    font-size: 25px;
    line-height: 35px;
    color: var(--blue);
    margin-bottom: 15px;
}

.blog-details-right div>span {
    width: 57px;
    height: 4px;
    display: block;
    position: relative;
    background: var(--yellow);
}

.blog-details-right div>span::before,
.blog-details-right div>span::after {
    position: absolute;
    top: 0;
    height: 100%;
    right: -14px;
    content: '';
    border-left: 4px solid var(--yellow);
    border-right: 4px solid var(--yellow);
    padding: 0px 1.5px;
}

.blog-details-right div>span::after {
    padding: 0;
    right: -25px;
}

.blog-details-right .categories ul {
    line-height: 0;
}

.blog-details-right .categories li {
    position: relative;
    margin-top: 20px;
    padding-left: 35px;
}

.blog-details-right .categories li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: url('../img/check-mark.png');
}

.blog-details-right .categories li a,
.node--type-blog .blog-details-right .categories li {
    transition: all 0.3s ease;
    font-size: 18px;
    line-height: 22.62px;
    color: var(--grey);
    cursor: pointer;
}

.blog-details-right .categories li a:hover,
.node--type-blog .blog-details-right .categories li:hover,
.node--type-blog .blog-details-right .categories li.active,
.blog-details-right .categories li.active a {
    color: var(--blue);
}

.recentpost ul li.active a {
    color: var(--black);
}

.blog-details-right .tags ul {
    margin-top: 22px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.blog-details-right .tags ul li a,
.node--type-blog .blog-details-right .tags ul li {
    transition: all 0.3s ease;
    font-size: 16px;
    line-height: 22px;
    padding: 14px 13.5px;
    background: #EFEFEF;
    cursor: pointer;
}

.blog-details-right .tags ul li a:hover,
.node--type-blog .blog-details-right .tags ul li:hover,
.node--type-blog .blog-details-right .tags ul li.active,
.blog-details-right .tags ul li.active a {
    background: var(--yellow);
    color: var(--blue);
}

.blog-details-right .recentpost ul {
    padding-top: 11px;
}

.blog-details-right .recentpost li {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.blog-details-right .recentpost li figure {
    margin: 0;
    margin-right: 20px;
    min-width: 74px;
}

.blog-details-right .recentpost li a {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: var(--grey);
    transition: all 0.5s ease;
    font-family: var(--popins);
}

.blog-details-right .recentpost li a:hover {
    color: var(--black);
}

.blog-contact ul {
    padding-top: 20px;
}

.blog-contact ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.blog-contact ul svg {
    margin-right: 10.8px;
    fill: var(--yellow);
    width: 30.17px;
    min-width: 30.17px;
}

.blog-contact ul .blog-contact_01 svg {
    height: 28.87px;
}

.blog-contact ul .blog-contact_02 svg {
    height: 22.07px;
}

.blog-contact ul .blog-contact_03 {
    margin-bottom: 0;
}

.blog-contact ul .blog-contact_03 svg {
    height: 17.42px;
}

.blog-contact ul li a {
    font-size: 18px;
    line-height: 25px;
    color: var(--grey);
    transition: all 0.3s ease;
}

.blog-contact ul li a:hover {
    color: var(--yellow);
}

/* blog-details-close */
/* drivinglessondetais-open */
.drivinglessondetais h2 {
    margin-top: 0px;
    margin-bottom: 8px;
}

.drivinglessondetais small {
    margin-bottom: 22.5px;
}

.drivinglessondetais .dl-details-img {
    margin-top: 22.5px;
}

.drivinglessondetais h3 {
    color: var(--blue);
    font-size: 20px;
    line-height: 28px;
    margin-top: 30px;
}

.drivinglessondetais h2:not(:first-child),
.drivinglessondetais .field--name-field-descriptions div h4 {
    display: flex;
    margin-top: 13px;
    margin-bottom: 10.5px;
    align-items: flex-start;
}

.drivinglessondetais h2:not(:first-child) sup,
.drivinglessondetais .field--name-field-descriptions div h4 sup {
    font-weight: 600;
    font-family: var(--popins);
    font-size: 13px;
    margin-left: 10px;
    line-height: 19px;
    position: unset;
    display: block;
}

.drivinglessondetais ul {
    padding-top: 5px;
    display: flex;
    margin: 0px -15px;
    flex-wrap: wrap;
    padding-bottom: 52.5px;
}

.drivinglessondetais ul li {
    margin-top: 22.5px;
    display: flex;
    position: relative;
    flex: 0 0 50%;
    font-size: 18px;
    line-height: 25px;
    color: var(--grey);
    padding-left: 50px;
    padding-right: 15px;
}

.drivinglessondetais ul li::before {
    position: absolute;
    left: 15px;
    top: 0;
    content: url('../img/check-mark.png');
}

/* drivinglessondetais-close */
.contact-info {
    background: #fff;
    padding: 35px 25px 27.5px;
    box-shadow: 0 0 10px rgba(0 0 0/16%);
    line-height: 0;
    position: relative;
    min-height: 214px;
}

.contact-info svg {
    fill: var(--yellow);
}

.contact-info_01 svg {
    width: 51.82px;
    height: 58.46px;
    margin-bottom: 15.5px;
}

.contact-info_02 svg {
    width: 55.8px;
    height: 55.8px;
    margin-bottom: 15.2px;
}

.contact-info_03 svg {
    width: 58.48px;
    height: 58.46px;
    margin-bottom: 15.5px;
}

.contact-info h3 {
    margin-bottom: 2.5px;
    font-size: 20px;
    color: var(--blue);
    line-height: 28px;
}

.contact-info a {
    transition: all 0.5s ease;
    font-size: 18px;
    line-height: 25px;
    color: var(--grey);
}

.contact-info a:hover {
    color: var(--yellow);
}

.contact-info::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.5px;
    width: 0%;
    transition: all 0.5s ease;
    background: var(--yellow);
    content: '';
    background: var(--yellow);
}

.contact-info:hover::before {
    width: 100%;
}

.contact-form form {
    padding-top: 8px;
}

.contact-form form input:not(.site-buttons, .webform-actions .form-submit),
.contact-form form textarea {
    display: block;
    width: 100%;
    font-weight: 400;
    font-family: var(--arimo);
    font-size: 18px;
    line-height: 20px;
    padding: 11.5px 19px;
    border: 1px solid #D9D9D9;
    background: #F5F5F5;
    margin-top: 20px;
    color: var(--grey);
}

.contact-form form input:not(.site-buttons)::placeholder,
.contact-form form textarea::placeholder {
    color: var(--grey);
}

.contact-form h2 {
    margin-top: 0;
}

.contact-form form textarea {
    min-height: 120px;
}

.contact-form .math-captha,
.contact-form .captcha {
    margin-top: 20px;
}

.contact-form .math-captha label,
.contact-form .captcha label {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 400;
    /* display: flex; */
    color: var(--grey);
    font-family: var(--arimo);
}

.contact-form .math-captha label span,
.contact-form .captcha label span {
    position: relative;
    padding-left: 30px;
}

.contact-form .math-captha label span::before,
.contact-form .captcha label span::before {
    position: absolute;
    left: 10px;
    top: 0;
    width: 10.01px;
    content: '';
    height: 11.25px;
    background: url('../img/asterisk.svg') no-repeat center;
    background-size: 100%;
}

.contact-form .math-captha>span,
.contact-form .captcha>span {
    font-size: 14px;
    line-height: 16px;
    color: var(--grey);
    font-weight: 400;
    display: block;
}

.contact-form input[type='submit'] {
    margin-top: 25px;
}

.contact-form .math-captha input,
.contact-form .captcha input {
    margin-top: 0 !important;
    margin-bottom: 5px;
}

.contact-map,
.contact-map .block-block-content,
.contact-map .block-block-content .field--name-body,
.contact-map .block-block-content .field--name-body p {
    line-height: 0;
    height: 100%;
}

.contact-map iframe {
    width: 100%;
    height: 100%;
}

/* inner-page-close */
.home-resouces .row,
.home-blogs .row {
    justify-content: center;
}

.social-sharing-buttons {
    margin: 0;
}

.search-form {
    margin: 1rem 0;
}

.search-form a:hover {
    color: var(--black);
}

.search-form #edit-keys {
    padding: 10px;
    border: 1px solid #000 !important;
    font-size: 14px;
    font-family: poppins-regular;
    color: #171717;
    line-height: 21px;
    margin: 0;
    border: none;
    outline: none;

}

.search-form #edit-submit {
    background: var(--yellow);
    color: #000;
    font-family: poppins-regular;
    margin: 0;
    padding: 10px 20px;
    border: none;
    transition: all .3s ease;
}

.search-form #edit-submit:hover {
    background: var(--blue);
    color: #fff;
}

/* Dashboard CSS */
.icon-detials {
    margin-bottom: 25px;
    width: 100%;
}

.dashboard {
    margin-top: 15px;
}

.dashboard .heading h3 {
    display: none;
}

.icon-detials .icon-title {
    margin: auto;
    color: var(--yellow);
    padding-top: 8px;
    font-size: 18px;
    transition: .2s ease-in-out;
}

.icon-detials a:hover .icon-title {
    color: #0d2f64;
}

.icon-detials a {
    text-align: center;
    margin-bottom: 25px;
    background: #f5ba1938;
    border-radius: 10px;
    padding: 30px 0;
    display: block;
    margin: 0px 20px;
    margin-bottom: 0px;
    text-decoration: none;
}

.icon-detials a svg {
    width: 70px;
    height: 70px;
    margin: auto;
    fill: var(--yellow);
    transition: .2s ease-in-out;
}

.icon-detials a:hover svg {
    fill: #0d2f64;
}

.why-choose-right-inner_02 {
    margin-top: -20px;
}

/* start footer fifth */
#footer-fifth {
    background: #000;
    color: #fff;
}

#footer-fifth a {
    color: #fff;
    transition: all .3s ease;
}

#footer-fifth a:hover {
    color: var(--yellow);
}

.menu-tab .nav-tabs li a:hover img,
.menu-tab .nav-tabs li a.active img {
    filter: invert(1);
}

.footer-link ul.menu {
    display: flex;
    margin-left: 0;

}

.menu:last-child {
    margin-bottom: 0px;
}

.footer-link ul li {
    margin-right: 20px;
}

.footer-link a:first-child {
    margin-left: 0;
}

.form-control:focus {
    border-color: var(--black);
}

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

.weekly-special-right h3 a {
    transition: all 0.3s ease;
}

.weekly-special-right h3 a:hover {
    color: var(--red);
}

.footer-fifth-inner-row {
    float: right;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.footer-fifth-inner-col1 {
    float: left;
    padding-top: 4px;
    font-size: 12px;
    line-height: 13px;
    text-align: right;
}

.footer-fifth-inner-col2 {
    float: right;
}

.footer-fifth-inner-col2 a img {
    width: 50px;
    top: 0px;

}

.simplelogin-link .signreg,.simplelogin-form .forgot-password{
	display:none;
}
.webform-submission-form .captcha{
	margin-top:20px;
}
.block-local-tasks-block .tabs{
    display:none;
}
/* end footer fifth */