@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");


@font-face {
    font-family: 'Fjalla One';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v7/Yq6R-LCAWCX3-6Ky7FAFrOF6kg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root {
    --white: #fff !important;
    --primary-color: #2A4158 !important;
    --secondary-color: #08086B !important;
    --light-blue-color: #001EF5 !important;
    --light-blue-color2: #007EFF !important;
    --third-color: #ef3d23 !important;
    --box-color: #D9E5F2 !important;
    --box-color2: #B3D1E7 !important;
    --box-color3: #2C8CC2 !important;
    --box-color4: #FCFCFC !important;
    --box-color5: #F1F5F9 !important;
    --gradient-color01: #551d06 !important;
    --gradient-color02: #f98302 !important;
    --gradient-color03: #f95304 !important;
    --light-color: #FAFBFC !important;
    --dark-blue-color: #08086B !important;
    --dark-blue-color2: #071B60 !important;
    --text-color: #0b6e75 !important;
    --text-black-color: #000000 !important;
    --text-blue-color: #0435C8 !important;
    --text-white-color: #ffffff !important;
    --text-orange-color: #ee3224 !important;
    --border-color: #0466C8 !important;
    --border-color-primary: #ef3c23;
    --theme-blue-color: #08086B;
    --theme-dark-purple: #350057;
    --theme-light-pink: #fef3ef;
    --gray-black: #333333;
    --gray-text: #434343;
    --bg-dark-blue: #233871;
    --gradient-blue1: #0E2F62;
    --gradient-blue2: #143D7C;
}


body {
    font-family: 'Lato', sans-serif;
    background: #1a1a1a;
    color: white;
}

img {
    max-width: 100%;
}

p, .p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px;
}

p:last-child, .p:last-child {
    margin-bottom: 0;
}

strong {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Fjalla One', sans-serif;
}

h7 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0px 0px 0px;
    line-height: 1.5;
    text-align: right;
}

h2, .h2 {
    font-size: 36px;
    text-transform: none;
    color: #fff;
    margin: 0 0 30px;
    line-height: 1.5;
}

h2 span {
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
}

h2 span:after {
    content: "";
    height: 3px;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #accc20;
}

h2 span.blue:after, .blue h2 span:after {
    background: #54a4cf;
}

h2 span.yellow:after, .yellow h2 span:after {
    background: #ffc641;
}

h2 span.light-pink:after, .light-pink h2 span:after, .light-pink .btn {
    background: #b585d5;
}

h2 span.pink:after, .pink h2 span:after {
    background: #ec407a;
}

h2 span.green-2:after, .green-2 h2 span:after {
    background: #6fb993;
}

h2 span.orange:after, .orange h2 span:after {
    background: #f77046;
}

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

a:active, a:focus, button:active, button:focus {
    outline: none;
}

*:focus {
    outline: none;
}

section {
    padding: 50px 0;
}

section.green {
    border-top: 10px solid #accc20;
}

section.blue {
    border-top: 10px solid #54a4cf;
}

section.yellow {
    border-top: 10px solid #ffc641;
}

section.light-pink {
    border-top: 10px solid #b585d5;
}

section.pink {
    border-top: 10px solid #ec407a;
}

section.green-2 {
    border-top: 10px solid #6fb993;
}

section.orange {
    border-top: 10px solid #f77046;
}

.container-fluid {
    max-width: 2000px;
}

.menu-icon {
    display: none;
}

.btn {
    padding: 15px 35px;
    line-height: 1;
    background: #accc20;
    color: #000;
    font-size: 18px;
    font-family: 'Fjalla One', sans-serif;
    transition: all 0.5s ease;
}

.btn:hover {
    opacity: 0.9;
    color: #000;
}

.btn.btn-lg {
    padding: 18px 60px;
}

.btn.btn-blue {
    background: #54a4cf;
}

form .btn {
    text-transform: uppercase;
}

/*COLOR DEFINE*/
.green h2 span, .green {
    color: #accc20;
}

.green .btn, .bg-green {
    background: #accc20;
}

.blue h2 span, .blue {
    color: #54a4cf;
}

.blue .btn, .bg-blue-2 {
    background: #54a4cf;
}

.yellow h2 span, .yellow, .yellow:hover {
    color: #ffc641;
}

.yellow .btn, .yellow-bg {
    background: #FFDB58;
}

.new .btn, .new {
    background: #858c9b;
}

.new1 .btn, .new1 {
    background: #585656;
}

.yellow-bg, .yellow-bg h2, .yellow-bg .h2 {
    color: #000;
}

.yellow-bg .btn, .btn.btn-dark {
    background-color: #0b0b0b;
    color: #fff;
}

.orange, .orange a {
    color: #f77046;
}

.pink, .pink a {
    color: #ec407a;
}

.pink .btn {
    background-color: #ec407a;
    color: #000;
}

.orange-btn {
    background-color: #f77046;
    color: #000 !important;
}

section.blue h2, section.blue h2 .text-white {
    color: #54a4cf !important;
}

section.green h2, section.green h2 .text-white {
    color: #accc20 !important;
}

section.light-pink h2, section.light-pink h2 .text-white {
    color: #b585d5 !important;
}

section.yellow h2, section.yellow h2 .text-white {
    color: #ffc641 !important;
}

section.pink h2, section.pink h2 .text-white {
    color: #ec407a !important;
}

section.green-2 h2, section.green-2 h2 .text-white {
    color: #6fb993 !important;
}

section.orange h2, section.orange h2 .text-white {
    color: #f77046 !important;
}

.bg-blue {
    background: #c7f3ff;
}

.bg-pink {
    background: #ffdfec;
}

.bg-violet {
    background: #7b55bd;
}

/*.bg-yellow{background: #ffc641;}*/
.bg-yellow {
    background: #ffe4a6;
}

/*.bg-orange{background: #f77046;}*/
.bg-orange {
    background: #ffc9b8;
}

.bg-green {
    background: #f2ffb9;
}

.bg-blue-2 {
    background: #bbe7ff;
}

footer h4 {
    border-bottom: 2px solid #ffc641;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

footer h4.green {
    border-bottom-color: #accc20;
}

footer h4.blue {
    border-bottom-color: #54a4cf;
}

footer h4.pink {
    border-bottom-color: #ec407a;
}

footer h4.orange {
    border-bottom-color: #f77046;
}

footer h4.light-pink {
    border-color: #b585d5;
}

footer h4.light-pink a {
    color: #b585d5;
}

footer .blue a {
    color: #54a4cf;
}


.main-header {
    transition: all 0.5s ease;
    background: #010133;
    z-index: 99;
    max-height: 145px;
}

/*.innerpage .main-header{background:rgba(0,0,0,0.60);}*/
.main-header.sticky {
    background: rgba(0, 0, 0, 0.90);
}

/*header{position:fixed; top:0; left:0; width:100%; color:#fff; font-family: 'Fjalla One';}*/
header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-family: 'Fjalla One';
}

.pre-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding: 05px 0;
}

.pre-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.pre-header ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    line-height: 1;
    padding: 2px 17px 2px 0;
}

.pre-header ul li .nsdc img {
    max-height: 30px;
}

.pre-header ul li:after {
    content: "";
    position: absolute;
    right: 0;
    background: #fff;
    top: 0;
    bottom: 0;
    width: 2px;
}

.pre-header ul li:last-child {
    padding: 0;
    margin: 0;
}

.pre-header ul li:last-child:after {
    background: none;
}

.header {
    padding: 05px 0;
    transition: all 0.5s ease;
}

.header .logo a img {
    width: 180px;
    transition: all 0.5s ease;
}

.header .logo a small {
    font-size: 11px;
}

.main-header.sticky .header {
    padding: 5px 0;
}

/*.main-header.sticky .header .logo a img{width:180px;}*/

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.menu ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.menu ul li a {
    padding: 15px;
    font-size: 22px;
    color: #fff;
    font-family: "Lato", serif;
}

.menu ul li:hover>a {
    color: #accc20;
    text-decoration: none;
}

.menu ul li a.btn {
    padding: 15px 30px;
    font-size: 18px;
    color: #000;
}

.menu ul li a.active {
    color: #accc20;
}

.menu ul ul.sub-menu {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: #1a1a1a;
    min-width: 230px;
    text-align: left;
    z-index: 99;
    transition: all 0.5s ease;
    top: 60px;
}

.menu ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 48px;
}

.menu ul ul.sub-menu li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    position: relative;
}

.menu ul ul.sub-menu li.has-children:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    background: url(../img/spritex.png) no-repeat -10px -10px;
    height: 15px;
    width: 10px;
    content: "";
}

.menu ul ul.sub-menu li.has-children:hover:after, .menu ul ul.sub-menu li.has-children.active:after {
    background-position: -30px -10px;
}

.menu ul ul.sub-menu li a {
    padding: 10px 20px;
    display: block;
    color: #fff;
    font-size: 16px;
}

.menu ul ul.sub-menu li:hover>a, .menu ul ul.sub-menu li>a.active {
    background: #accc20;
    color: #000;
}

.menu ul ul.sub-menu-2 {
    position: absolute;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    background: #353535;
    min-width: 260px;
    text-align: left;
    z-index: 99;
    transition: all 0.5s ease;
    overflow: hidden;
    left: 105%;
    top: 0;
}

.menu ul ul.sub-menu li:hover ul.sub-menu-2 {
    opacity: 1;
    visibility: visible;
    left: 100%;
}

.d-sub-menu {
    top: 35px;
    position: absolute;
    left: 10px;
    white-space: nowrap;
    font-size: .75em;
    color: #ffdd21;
}

.menu ul ul.sub-menu-2 li a:hover, .menu ul ul.sub-menu-2 li a.active {
    background: #ffc641;
    color: #000;
}

/*.banner-home{background-image:url(../img/home-banner.jpg); background-repeat:no-repeat; background-position:center right; background-size:cover; padding:300px 0 100px; color:#fff; background-color:#000; position:relative;}*/
.banner-home {
    background-image: url(../img/home-banner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 75px;
    color: #fff;
    background-color: #000;
    position: static;
}

.banner {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    padding: 145px 0 0px;
    color: #fff;
    background-color: #000;
    position: relative;
}

.banner-location {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    padding: 0px 0 0px;
    color: #fff;
    background-color: #000;
    position: relative;
}

.banner-new {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    padding: 245px 0 0px;
    color: #fff;
    background-color: #000;
    position: relative;
}

.banner-text h1 {
    font-size: 50px;
    text-transform: uppercase;
    line-height: 1.4;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 30px;
    text-shadow: 0 0px 30px rgba(0, 0, 0, 0.010);
    color: #ffc641;
}

.banner-text p {
    font-size: 20px;
    margin: 0;
}

.banner-text h1:after {
    position: absolutes;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 200px;
    background: #ffc641;
    content: "";
}

.banner-te h1 {
    font-size: 50px;
    text-transform: uppercase;
    line-height: 1.4;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-shadow: 0 0px 30px rgba(0, 0, 0, 0.010);
    color: #ffc641;
}

.banner-te p {
    font-size: 20px;
    margin: 0;
}

.banner-te h1:after {
    position: absolutes;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 200px;
    background: #ffc641;
    content: "";
}

.banner.inner {
    text-align: center;
    background-position: center center;
}

.banner.inner.contact-banner {
    background-position: center right;
}

.banner.inner .banner-text {
    width: 100%;
}

/*.banner.inner h2{text-transform:none; margin:-100px; font-size:32px; background-color: #00000096;}*/
.banner.inner.contact-banner h2 {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.001);
}

.banner.course-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    right: 0;
    background: rgba(0, 0, 0, 0.001);
    display: inline-block;
    bottom: 0;
}

.banner.course-banner>div {
    position: relative;
    z-index: 1;
}

.banner.course-banner.op-55:before {
    background-color: rgba(0, 0, 0, 0.55);
}

.banner.course-banner.op-60:before {
    background-color: rgba(0, 0, 0, 0.60);
}

.banner.course-banner.op-65:before {
    background-color: rgba(0, 0, 0, 0.65);
}

.banner.course-banner.op-70:before {
    background-color: rgba(0, 0, 0, 0.70);
}

.banner.course-banner.op-75:before {
    background-color: rgba(0, 0, 0, 0.75);
}

.banner.course-banner.op-80:before {
    background-color: rgba(0, 0, 0, 0.80);
}

.banner.course-banner.op-85:before {
    background-color: rgba(0, 0, 0, 0.85);
}

.banner.course-banner.op-90:before {
    background-color: rgba(0, 0, 0, 0.90);
}

.banner-form {
    background: #3c3c3c;
    padding: 30px 20px;
    margin-top: 70px;
    border: 1px solid rgba(255, 255, 255, 0.30);
}

.banner-form p {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.banner-form h2 {
    color: #000;
    margin-bottom: 30px;
}

.banner-form :-moz-placeholder {
    color: #000;
    opacity: 1;
}

.banner-form ::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.banner-form :-webkit-placeholder {
    color: #000;
    opacity: 1;
}

.banner-form ::-webkit-placeholder {
    color: #000;
    opacity: 1;
}

::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

::-webkit-placeholder {
    color: #fff;
    opacity: 1;
}

:-webkit-placeholder {
    color: #fff;
    opacity: 1;
}

.heading-box {
    padding: 40px 0 30px;
    background: #54a4cf;
    text-align: center;
}

.heading-box h2 {
    line-height: 1;
    color: #000;
}

.form .field {
    position: relative;
    margin-bottom: 30px;
}

.form input[type="text"], .form input[type="email"], .form input[type="date"], .form input[type="tel"], .form select, .form textarea {
    background: #3a3a3b;
    border-radius: 3px;
    width: 100%;
    padding: 15px 20px;
    height: 52px;
    border: none;
    color: #fff;
}

.form textarea {
    height: 100px;
}

.banner-form.form input[type="text"], .banner-form.form textarea, .banner-form.form input[type="tel"], .banner-form.form input[type="email"], .banner-form.form select {
    background: #fff;
    color: #000;
}

.form select {
    background: url(../img/select-arrow.png) no-repeat 95% 50% #3a3a3b;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #fff;
}

.banner-form.form select {
    background: url(../img/select-arrow-b.png) no-repeat 96% 50% #fff;
    color: #000;
}

input:focus, input:active, select:focus, select:active {
    outline: none;
}

.banner-form.form .field label {
    color: #fff;
}

.banner-form.form textarea {
    z-index: 1;
    position: relative;
}

.form .field label {
    position: absolute;
    bottom: 18px;
    z-index: 0;
    left: 17px;
    line-height: 1;
    margin: 0;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: #fff;
    transform-origin: bottom left;
}

.banner-form.form input:focus+label, .banner-form.form input:valid~label {
    transform: scale(.80) translateY(-50px);
    color: #fff;
}

.form input:focus+label, .form input:valid~label, .form input:invalid~label {
    transform: scale(.80) translateY(-50px);
    color: #fff;
}


.form .field.select {
    padding-top: 10px;
}

.form .field.select label {
    transform: scale(.80) translateY(-50px);
    color: #fff;
}

.form .field textarea+label {
    top: 15px;
}

/*.form .field textarea:focus + label, .form .field textarea:valid ~ label{transform: scale(.80) translateY(-60px); color:#fff;}*/


.text-transform-none {
    text-transform: none;
}

.course-block {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../img/graphic-designing.jpg);
    padding: 0;
    max-width: 2000px;
    margin: 0 auto;
}

.course-info {
    background: rgba(0, 0, 0, 0.90);
    padding: 40px 30px;
    width: 50%;
    float: right;
}

.course-info p {
    text-align: justify;
}

.course-block.left .course-info {
    float: left;
}

.course-info h2 span {
    padding-bottom: 10px;
}



/*SLICK SLIDER CSS STARTS*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #ececec;
    padding: 0;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
    margin: 4px;
}

.slick-dots li button:hover {
    background: rgba(255, 255, 255, 0.8);
}

.slick-dots li.slick-active button {
    background: #accc20;
    border-color: #accc20;
    cursor: default;
}

.slick-arrow {
    background: url(../img/spritex.png) no-repeat -242px -10px;
    width: 22px;
    height: 36px;
    padding: 0;
    border: none;
    cursor: pointer;
    text-indent: -999em;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -18px;
}

.slick-arrow:focus {
    outline: none;
}

.slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0.5;
}

.slick-arrow.slick-next {
    background-position: -272px -10px;
    left: auto;
    right: -25px;
}

/*SLICK SLIDER CSS ENDS*/


.testimonials-container {
    background: url(../img/testimonials.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.testimonials .student-container {
    position: relative;
    padding-bottom: 110px;
    min-height: 230px;
}

.testimonials .student-container .student-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.testimonials .student-container .student-info p {
    margin-bottom: 10px;
}

.testimonials .student-container .student-info img {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #ececec;
}

p.quote {
    position: relative;
}

p.quote:after, p.quote:before {
    content: "";
    background: url(../img/spritex.png) no-repeat -50px -10px;
    height: 24px;
    width: 30px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

p.quote:after {
    background-position: -90px -10px;
    margin-left: 5px;
    margin-right: 0;
}


.centers-blocks {
    padding-bottom: 30px;
}

.centers-blocks .align-items-stretch {
    margin-bottom: 30px;
}

.centers-blocks .block {
    padding: 50px 35px;
    background: #0b0b0b;
    color: #fff;
    position: relative;
    transition: all 0.5s ease;
}

.centers-blocks .block:before {
    background: #ffc641;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    content: "";
    display: inline-block;
    position: absolute;
    transition: all 0.5s ease;
}

.centers-blocks .block:hover {
    color: #000;
}

.centers-blocks .block:hover:before {
    width: 100%;
}

.centers-blocks .block .inner-content {
    position: relative;
    z-index: 9;
}

.centers-blocks .block h4, .centers-blocks .block .h4 {
    margin-bottom: 25px;
}

.centers-blocks .block ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.centers-blocks .block ul li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
}

.contact-blocks .block ul li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
}

.centers-blocks .block ul li a, .contact-blocks .block ul li a {
    color: #fff;
}

.centers-blocks .block:hover ul li a {
    color: #000;
}

.centers-blocks .block ul li:last-child, .contact-blocks .block ul li:last-child {
    margin-bottom: 0px;
}

.centers-blocks .block ul li:before, .contact-blocks .block ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    content: "";
    background: url(../img/spritex.png) no-repeat -10px -50px;
}

.centers-blocks .block ul li.mobile:before, .contact-blocks .block ul li.mobile:before {
    background-position: -40px -50px;
}

.centers-blocks .block ul li.tel:before, .contact-blocks .block ul li.tel:before {
    background-position: -70px -50px;
}

.centers-blocks .block.blue:before {
    background: #1aa5ca;
}

.centers-blocks .block.blue ul li:before, .contact-blocks .block.pt ul li:before {
    background-position: -10px -80px;
}

.centers-blocks .block.blue ul li.mobile:before, .contact-blocks .block.pt ul li.mobile:before {
    background-position: -40px -80px;
}

.centers-blocks .block.blue ul li.tel:before, .contact-blocks .block.pt ul li.tel:before {
    background-position: -70px -80px;
}

.centers-blocks .block.orange:before {
    background: #f77046;
}

.centers-blocks .block.orange ul li:before, .contact-blocks .block.se ul li:before {
    background-position: -10px -110px;
}

.centers-blocks .block.orange ul li.mobile:before, .contact-blocks .block.se ul li.mobile:before {
    background-position: -40px -110px;
}

.centers-blocks .block.orange ul li.tel:before, .contact-blocks .block.se ul li.tel:before {
    background-position: -70px -110px;
}

.centers-blocks .block.green:before {
    background: #accc20;
}

.centers-blocks .block.green ul li:before, .contact-blocks .block.pv ul li:before {
    background-position: -10px -140px;
}

.centers-blocks .block.green ul li.mobile:before, .contact-blocks .block.pv ul li.mobile:before {
    background-position: -40px -140px;
}

.centers-blocks .block.green ul li.tel:before, .contact-blocks .block.pv ul li.tel:before {
    background-position: -70px -140px;
}

.centers-blocks .block.l-blue:before {
    background: #c0e3ee;
}

.centers-blocks .block.l-blue ul li:before, .contact-blocks .block.yv ul li:before {
    background-position: -10px -170px;
}

.centers-blocks .block.l-blue ul li.mobile:before, .contact-blocks .block.yv ul li.mobile:before {
    background-position: -40px -170px;
}

.centers-blocks .block.l-blue ul li.tel:before, .contact-blocks .block.yv ul li.tel:before {
    background-position: -70px -170px;
}

.centers-blocks .block.pink:before {
    background: #ec407a;
}

.centers-blocks .block.pink ul li:before, .contact-blocks .block.kc ul li:before {
    background-position: -10px -200px;
}

.centers-blocks .block.pink ul li.mobile:before, .contact-blocks .block.kc ul li.mobile:before {
    background-position: -40px -200px;
}

.centers-blocks .block.pink ul li.tel:before, .contact-blocks .block.kc ul li.tel:before {
    background-position: -70px -200px;
}

.centers-blocks .block.violet:before {
    background: #7e57c2;
}

.centers-blocks .block.violet ul li:before, .contact-blocks .block.dwarka ul li:before {
    background-position: -10px -230px;
}

.centers-blocks .block.violet ul li.mobile:before, .contact-blocks .block.dwarka ul li.mobile:before {
    background-position: -40px -230px;
}

.centers-blocks .block.violet ul li.tel:before, .contact-blocks .block.dwarka ul li.tel:before {
    background-position: -70px -230px;
}

.centers-blocks .block:hover ul li:before {
    background-position: -100px -50px;
}

.centers-blocks .block:hover ul li.mobile:before {
    background-position: -130px -50px;
}

.centers-blocks .block:hover ul li.tel:before {
    background-position: -160px -50px;
}


footer {
    background: #0e0e0e;
    padding: 50px 0 0;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul li {
    font-size: 18px;
    margin-bottom: 15px;
}

footer ul li a {
    color: #fff;
}

footer ul li a:hover {
    color: #accc20;
    text-decoration: none;
}

footer h4.yellow+ul li a:hover {
    color: #ffc641;
}

footer h4.pink+ul li a:hover {
    color: #ec407a;
}

footer ul li:last-child {
    margin-bottom: 0px;
}

footer .copyright {
    border-top: 1px solid #272727;
    padding: 25px 0;
    margin-top: 40px;
}

footer p {
    font-size: 15px;
    color: #FFFFFF;
}

.social {
    text-align: right;
    width: 100%;
}

.social li {
    display: inline-block;
    margin: 0 0 0 10px;
}

.social .button, .social .button:before, .social .button .ss {
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social .button:before {
    top: 90%;
    left: -110%;
}

.social .button .ss {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.social .button.facebook:before, .social .button.facebook:hover {
    background-color: #3b5998;
}

.social .button.twitter:before, .social .button.twitter:hover {
    background-color: #55acee;
}

.social .button.google:before, .social .button.google:hover {
    background-color: #dc4e41;
}

.social .button.linkedin:before, .social .button.linkedin:hover {
    background-color: #007ab9;
}

.social .button:focus:before, .social .button:hover:before {
    top: -10%;
    left: -10%;
}

.social .button:focus .ss, .social .button:hover .ss {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.social .button {
    display: inline-block;
    background-color: #fff;
    width: 32px;
    height: 32px;
    line-height: 1px;
    margin: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.social .button:before {
    content: '';
    width: 120%;
    height: 120%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.social .button .ss {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    background: url(../img/spritex.png) no-repeat -130px -29px;
    margin-top: 7px;
}

.social .button.twitter .ss {
    background-position: -158px -29px;
}

.social .button.linkedin .ss {
    background-position: -186px -29px;
}

.social .button.google .ss {
    background-position: -214px -29px;
}

.social .button:hover .ss {
    background-position: -130px -10px;
}

.social .button.twitter:hover .ss {
    background-position: -158px -10px;
}

.social .button.linkedin:hover .ss {
    background-position: -186px -10px;
}

.social .button.google:hover .ss {
    background-position: -214px -10px;
}


.about {
    /*background:url(../img/rocket.png) no-repeat left bottom #121212; background-attachment:fixed;*/
    background: #121212;
    position: relative;
    overflow: hidden;
    border-top: 10px solid #accc20;
    text-align: justify;
    text-align-last: center;
}

.rocket {
    animation: rot 20s infinite linear;
    position: absolute;
    left: 0px;
    bottom: 0;
}

@keyframes rot {
    0% {
        bottom: -25%;
        left: 0;
    }

    50% {
        bottom: 50%;
        left: 15%;
    }

    100% {
        bottom: 100%;
        left: 30%;
    }
}

.why-oxford {
    background: url(../img/why-oxford.jpg) no-repeat center center / cover;
}

.about-form {
    border: 1px solid #4f4d4d;
    background: rgba(0, 0, 0, 0.40);
    padding: 40px 20px;
}

.about-form.form .field label {
    left: 20px;
}

.why-oxford p:last-child {
    margin-bottom: 25px;
}

ul.listing {
    margin: 0 0 0 0px;
}

ul.listing li {
    color: black;
    padding: 0 0 0 22px;
    position: relative;
    margin: 0 0 15px;
}

/*ul.listing li{color:#fff; padding:0 0 0 22px; position:relative; margin:0 0 15px;}*/
ul.listing li:before {
    position: absolute;
    left: 0;
    content: "";
    width: 12px;
    height: 12px;
    background: #accc20;
    display: inline-block;
    border-radius: 50%;
    top: 6px;
}

.dark-bg {
    background: #181819;
    border-top: 1px solid #0e0e0f;
}

.gallery {
    border-bottom: 1px solid #000;
    padding-bottom: 50px;
}

.gallery .img-block {
    border: 3px solid #accc20;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.gallery .img-block img {
    width: 100%;
}

.gallery .img-block .hover-info {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    transition: all 0.5s ease;
    opacity: 0;
}

.plus-icon {
    display: inline-block;
    background: url(../img/spritex.png) no-repeat -100px -80px;
    height: 50px;
    width: 50px;
    border: none;
    text-indent: -999em;
    transition: all 0.5s ease;
    position: absolute;
    left: 50%;
    top: -50%;
    margin-top: -25px;
    margin-left: -25px;
    cursor: pointer;
}

.gallery .img-block:hover .hover-info {
    opacity: 1;
}

.gallery .img-block:hover .hover-info .plus-icon {
    top: 50%;
}

.gallery-popup .modal-body {
    padding: 0;
}

.gallery-popup .close {
    position: absolute;
    right: -30px;
    color: #fff;
    opacity: 1;
    font-size: 30px;
    top: -5px;
}

.modal-backdrop.show {
    opacity: 0.85;
}

.gallery-thumb {
    animation: pulse 5s infinite linear;
    position: absolute;
    left: 0px;
    bottom: 0;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.contact-nav li {
    display: inline-block;
    margin: 0 10px;
}

.contact-nav li a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.001);
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 3px;
    padding-top: 18px;
    transition: all 0.5s ease;
}

.contact-nav li a:hover {
    background: rgba(0, 0, 0, 0.85);
}

.contact-nav li a span {
    background: url(../img/spritex.png) no-repeat -100px -140px;
    height: 44px;
    width: 44px;
    text-indent: -999em;
    display: inline-block;
}

.contact-nav li a.email span {
    background-position: -154px -140px;
}

.contact-nav li a.location span {
    background-position: -208px -140px;
}

.contact-blocks .block {
    border: 3px solid #ffc641;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.contact-blocks .block.pt {
    border-color: #1aa5ca;
}

.contact-blocks .block.se {
    border-color: #f77046;
}

.contact-blocks .block.pv {
    border-color: #a8c720;
}

.contact-blocks .block.yv {
    border-color: #c0e3ee;
}

.contact-blocks .block.kc {
    border-color: #ec407a;
}

.contact-blocks .block.dwarka {
    border-color: #7b55bd;
}

.contact-blocks .block h4 {
    background: #0b0b0b;
    padding: 20px 10px;
    margin: 0;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

.contact-blocks .block .hover-info {
    background: #0b0b0b;
    position: absolute;
    left: -110%;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 20px 15px;
    transition: all 0.5s ease;
    font-size: 14px;
}

.contact-blocks .block:hover .hover-info {
    left: 0%;
}

.contact-blocks .block .hover-info h4 {
    background: none;
    padding: 0 0 10px;
    font-size: 20px;
}

section#contact {
    padding-bottom: 50px;
}

#map {
    height: 400px;
}

.contact-map .center-img {
    float: left;
    width: 145px;
}

.contact-map .center-info {
    float: left;
    width: 290px;
    padding-left: 10px;
    padding-top: 15px;
    color: #000;
}

.contact-map .center-info h4 {
    margin-bottom: 12px;
    font-size: 18px;
}

.contact-map .center-info p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #000;
}

.contact-map .center-info a {
    font-size: 12px;
    color: #000;
    display: inline-block;
    text-decoration: underline;
}

.contact-map .center-info a:hover {
    text-decoration: none;
}

.contact-map .gm-style .gm-style-iw-c {
    padding: 0;
    height: 150px;
}

.center-page h2 {
    text-align: center;
    color: #000;
}

.center-page ul.contact-info li {
    position: relative;
    padding-top: 60px;
    color: #000;
    font-size: 18px;
    text-align: center;
}

.center-page ul.contact-info li a {
    color: #000;
    text-decoration: none;
}

.center-page ul.contact-info li:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: "";
    display: inline-block;
    background: url(../img/spritex.png) no-repeat -100px -194px;
    height: 44px;
    width: 44px;
    margin-left: -22px;
    transition: all 0.5s ease;
}

.center-page ul.contact-info li.mobile:before {
    background-position: -154px -194px;
}

.center-page ul.contact-info li.tel:before {
    background-position: -208px -194px;
}

.center-page ul.contact-info li.timing:before {
    background-position: -262px -194px;
}

.center-page ul.contact-info li:hover:before {
    animation: pulse 1s infinite linear;
}

.center-page ul.contact-info li:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    background: rgba(0, 0, 0, 0.20);
    width: 1px;
    height: 100%;
}

.center-page ul.contact-info li:last-child:after {
    background: none;
}

.placement {
    background: #121212;
    padding: 50px 0 30px;
    color: white;
}

.placement .form .field label {
    left: 30px;
}

.placement .form .field.select {
    padding-top: 0;
}

.border-bottom {
    border-bottom: 1px solid #000 !important;
}


.course-blocks .block img {
    width: 100%;
}

.course-blocks .block .hover-info {
    text-align: center;
}

.course-blocks .block .hover-info p {
    font-size: 16px;
    line-height: 1.5;
}

.course-blocks .btn {
    padding: 10px 20px;
    font-size: 16px;
}

.course-blocks .block.blue {
    border-color: #1aa5ca;
}

.course-blocks .block.blue .btn {
    background: #1aa5ca;
}

.course-blocks .block.orange {
    border-color: #f77046;
}

.course-blocks .block.orange .btn {
    background: #f77046;
    color: #000;
}

.course-blocks .block.green {
    border-color: #a8c720;
}

.course-blocks .block.green .btn {
    background: #a8c720;
}

.course-blocks .block.light-blue {
    border-color: #c0e3ee;
}

.course-blocks .block.light-blue .btn {
    background: #c0e3ee;
}

.course-blocks .block.pink {
    border-color: #ec407a;
}

.course-blocks .block.pink .btn {
    background: #ec407a;
    color: #000;
}

.course-blocks .block.violet {
    border-color: #7b55bd;
}

.course-blocks .block.violet .btn {
    background: #7b55bd;
}

.course-blocks .block.light-green {
    border-color: #6fb993;
}

.course-blocks .block.light-green .btn {
    background: #6fb993;
}

.course-blocks .block.light-orange {
    border-color: #f16e45;
}

.course-blocks .block.light-orange .btn {
    background: #f16e45;
}

.course-block ul.listing li {
    color: #fff;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 20px;
}

.course-block ul.listing li:before {
    content: "";
    background: #fff;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 50%;
}

.course-block ul.listing li:last-child {
    margin-bottom: 0px;
}

a.show_hide {
    border-radius: .25rem;
    padding: 12px 20px;
    background: #accc20;
    color: #000;
    display: none;
    line-height: 1;
    font-size: 18px;
}

section.green.course-block a.show_hide {
    background: #accc20;
}

section.blue.course-block a.show_hide {
    background: #54a4cf;
}

section.yellow.course-block a.show_hide {
    background: #ffc641;
}

section.light-pink.course-block a.show_hide {
    background: #b585d5;
}

section.pink.course-block a.show_hide {
    background: #ec407a;
}

section.green-2.course-block a.show_hide {
    background: #6fb993;
}

section.orange.course-block a.show_hide {
    background: #f77046;
}







/*#nav-arrow {width: 40px;height: 30px;position: relative;margin: auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-arrow span {display: block;position: absolute;height: 6px;width: 100%;background: #d3531a;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-arrow span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-arrow span:nth-child(2) {top: 12px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-arrow span:nth-child(3) {top: 24px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-arrow.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-arrow.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-arrow.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}*/

.close-menu {
    display: none;
    background: #272727;
    padding: 10px;
}

.m-menu-arrow {
    display: none;
    cursor: pointer;
}

/*Online Classes*/
.online-courses-btn {
    margin-left: 10px;
}

.online-courses-btn a {
    background: #ffc641;
    border: none;
    padding: 20px 15px 20px 60px;
    display: inline-block;
    line-height: 1;
    box-shadow: 0 0 20px rgba(0, 0, 0, .10);
    border-radius: .25rem;
    color: #000;
    position: relative;
    transition: all 0.5s ease;
}

.online-courses-btn a:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    height: 40px;
    width: 40px;
    background: url(../img/online-class-icon.png) no-repeat 0 0;
}

.online-courses-btn a:hover {
    text-decoration: none;
}

.online-classes-content {
    border-top: 10px solid #accc20;
}

.enquiry-box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.20);
    padding: 22px 20px 20px 95px;
    position: relative;
    min-height: 73px;
    text-align: left;
}

.enquiry-box:before {
    content: "";
    left: 0;
    top: 0;
    height: 73px;
    width: 80px;
    position: absolute;
    background: url(../img/online-enquiry.png) no-repeat 0 0;
}

.enquiry-box h4 {
    margin-bottom: 0;
}

.enquiry-no {
    text-align: right;
}

.enquiry-no a {
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 20px;
    line-height: 1;
    background: #e94086;
    background: -moz-linear-gradient(left, #e94086 0%, #e5925a 100%);
    background: -webkit-linear-gradient(left, #e94086 0%, #e5925a 100%);
    background: linear-gradient(to right, #e94086 0%, #e5925a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e94086', endColorstr='#e5925a', GradientType=1);
    color: #fff;
    margin-left: 5px;
}

.online-classes-sec-2 {
    background: #121212;
}

.header .nsdc a.button {
    display: none;
}

.m-slider .p span.line-break {
    display: block;
    margin-bottom: 15px;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .enquiry-no a {
        padding: 5px;
        border-radius: 10px;
    }
}

@media only screen and (max-width:992px) {
    .enquiry-box {
        padding: 20px;
        text-align: center;
    }

    .enquiry-box:before {
        background: none;
        height: 0;
    }

    .enquiry-no {
        text-align: center;
    }

    .enquiry-box h4 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:1200px) {
    .menu ul li a {
        padding: 15px 7px;
        font-size: 18px;
    }

    .menu ul li a.btn {
        padding: 12px 20px;
    }
}

@media only screen and (min-width:991px) {
    .course-info {
        min-height: 400px;
    }
}


@media only screen and (max-width:991px) {
    body.menu-open {
        overflow: hidden;
    }

    .menu-icon {
        display: inline-block;
        width: 41px;
        height: 30px;
        background: url(../img/spritex.png) no-repeat -304px -10px;
        text-indent: -999em;
        cursor: pointer;
        float: right;
    }

    .menu {
        position: fixed;
        height: 100%;
        top: 0;
        left: 100%;
        width: 100%;
        transition: all 0.5s ease;
        background: #0e0e0e;
        margin: 0;
        overflow: auto;
    }

    .menu.main-menu-open {
        left: 0;
    }

    .menu ul {
        text-align: left;
    }

    .menu ul li {
        display: block;
    }

    .menu ul li a {
        padding: 10px;
        font-size: 18px;
        display: block;
    }

    .menu>ul>li:last-child {
        display: none;
    }

    .menu ul li:hover ul.sub-menu {
        top: 0;
    }

    .menu ul ul.sub-menu {
        position: relative;
        opacity: 1;
        visibility: visible;
        background: none;
        top: 0;
        border-top: none;
        margin: 0 20px;
    }

    .menu ul ul.sub-menu li a {
        padding: 5px 10px;
        font-size: 14px;
    }

    .menu ul ul.sub-menu li:hover ul.sub-menu-2, .menu ul ul.sub-menu li ul.sub-menu-2 {
        left: 0;
        opacity: 0;
        visibility: hidden;
        position: relative;
        height: 0;
    }

    .menu ul ul.sub-menu li ul.sub-menu-2.open {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .d-sub-menu {
        top: 15px;
        right: 10px;
        left: auto;
    }

    .close-menu {
        display: block;
    }

    .close-menu span {
        display: inline-block;
        background: #ffc641;
        border-radius: 3px;
        color: #000;
        font-size: 16px;
        padding: 7px 12px;
        line-height: 1;
        cursor: pointer;
    }

    .m-menu-arrow {
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 40px;
        background: transparent;
        z-index: 99;
    }

    .pre-header {
        padding: 10px 0;
    }

    .menu ul ul.sub-menu li.has-children:after {
        top: 8px;
        margin: 0;
        transform: rotate(90deg);
    }

    .menu ul ul.sub-menu li.has-children.arrow-clicked:after {
        transform: rotate(-90deg);
    }

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

    .menu ul ul.sub-menu li.has-children.arrow-clicked>a {
        background: #accc20;
        color: #000;
    }

    .menu ul ul.sub-menu li.has-children.arrow-clicked:after {
        background-position: -30px -10px;
    }
}

@media only screen and (max-width:800px) {
    a.show_hide {
        display: inline-block;
    }

    section.course-block a.show_hide.link_type, a.show_hide.link_type {
        background: none;
        display: block;
        padding: 0;
        color: #ffc641;
        text-decoration: underline;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .header .logo a img, .main-header.sticky .header .logo a img {
        width: 180px;
    }

    .header .nsdc {
        margin-left: 10px;
    }

    h2 {
        font-size: 30px;
        text-transform: none;
        line-height: 1.4;
    }
}

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

    /*header{position:relative;}*/
    h2 {
        margin-bottom: 20px;
    }

    p, .course-block ul.listing li, .p {
        font-size: 18px;
    }

    .main-header .header, .main-header.sticky .header {
        padding: 20px 0;
    }

    .pre-header ul {
        text-align: center;
        font-size: 14px;
    }

    .header .logo>img {
        width: 180px;
    }

    .banner-text h1 {
        font-size: 0px;
        padding-bottom: 0px;
    }

    .banner-form {
        padding: 20px;
        margin-top: 30px;
    }

    .banner-form p {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .banner-form p, .banner-form h2 {
        text-align: center;
    }

    .banner-form .btn {
        width: 100%;
    }

    h2, .h2 {
        font-size: 28px;
        text-transform: none;
    }

    .banner {
        padding: 200px 0 0px 0;
    }

    .course-block {
        padding-top: 150px;
        background-position: top center;
        background-size: 100% 150px;
    }

    .course-info {
        background: none;
        padding: 20px;
        width: 100%;
        float: none;
    }

    section.blue, section.green, section.yellow {
        border-top-width: 5px;
    }

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

    .slick-arrow {
        left: -10px;
    }

    .slick-arrow.slick-next {
        right: -10px;
    }

    section {
        padding: 40px 0;
    }

    footer {
        padding: 40px 0 0;
    }

    footer p {
        font-size: 12px;
    }

    footer .copyright {
        text-align: center;
        padding: 20px 0;
    }

    .social {
        text-align: center;
        margin-top: 10px;
    }

    .course-blocks .block .hover-info h4, .course-blocks .block h4 {
        font-size: 16px;
    }

    .course-blocks .block .hover-info p {
        font-size: 13px;
        height: 60px;
        overflow: hidden;
    }

    .course-block h2 {
        margin-bottom: 10px;
    }

    .centers-blocks .block {
        padding: 30px;
    }

    .centers-blocks .align-items-stretch {
        margin-bottom: 10px;
    }

    footer .footer-links ul {
        height: 0;
        transition: all 0.5s ease;
        overflow: hidden;
        margin: -10px 10px 15px;
    }

    footer ul.f-menu-slide {
        height: auto;
    }

    footer h4 {
        border-top-width: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        border-style: solid;
        padding: 12px 10px;
        font-size: 20px;
        position: relative;
        cursor: pointer;
    }

    footer h4.mt-3, footer h4.mt-4 {
        margin-top: 0 !important;
    }

    footer h4:after {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        width: 48px;
        background: #ffc641;
    }

    footer h4.pink:after {
        background: #ec407a;
    }

    footer h4.green:after {
        background: #accc20;
    }

    footer h4:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "+";
        color: #000;
        font-size: 42px;
        z-index: 9;
        width: 48px;
        text-align: center;
    }

    footer h4.menu-open:before {
        content: "-";
    }

    footer .no-listing h4:before, footer .no-listing h4:after {
        content: "";
        background: none;
    }

    footer .copyright {
        margin-top: 15px;
    }

    /*.banner.inner h2{font-size:20px; background-color: #00000096;}*/
    ul.listing {
        margin: 0;
    }

    .center-page ul li {
        margin-bottom: 30px;
    }

    .center-page ul li:last-child {
        margin-bottom: 0px;
    }

    .center-page ul li:after {
        right: 0;
        background: none;
        width: 0;
    }

    .course-info h2 {
        font-size: 24px;
    }

    .contact-nav li a {
        width: 60px;
        height: 60px;
        padding-top: 8px;
    }

    .banner.inner.contact-banner {
        background-position: left 30% center;
    }

    .online-courses-btn a {
        padding: 10px;
        font-size: 14px;
    }

    .online-courses-btn a:before {
        background: none;
        height: 0;
    }

    .rocket {
        transform: scale(0.5);
    }

    .about h2, .course-block h2 {
        text-align: center;
    }


    .m-slider.slick-slider, .courses-blocks.slick-slider {
        padding: 0 25px;
    }

    .m-slider .slick-arrow {
        margin-top: -60px;
        background-position: -242px -56px;
    }

    .m-slider .slick-arrow.slick-next {
        background-position: -272px -56px;
    }

    .m-slider .slick-dots {
        text-align: center;
    }

    .m-slider .slick-dots:before, .m-course-content .slick-dots:before {
        content: "Read More";
        display: block;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #fff;
    }

    .m-slider .slick-dots li button {
        height: 18px;
        width: 18px;
    }

    .m-centres .slick-dots:before {
        display: none;
    }

    .courses-blocks .slick-dots:before {
        content: "More Courses:";
    }

    .contact-info .slick-dots:before {
        content: "More Contact Details:";
        color: #000;
    }

    .m-centres .slick-arrow.slick-next, .courses-blocks .slick-arrow.slick-next {
        right: 10px;
        left: auto;
    }

    .m-centres .slick-arrow, .courses-blocks .slick-arrow {
        left: 10px;
        right: auto;
    }

    .welcome-text {
        text-align: center;
    }

    .m-slider .slick-dots li.slick-active button {
        background: #fff;
        border-color: #fff;
    }

    .contact-info .slick-arrow.slick-next {
        right: 10px;
        left: auto;
        background-position: -272px -10px;
    }

    .contact-info .slick-arrow {
        left: 10px;
        right: auto;
        background-position: -242px -10px;
    }

    .h1, h1 {
        font-size: 28px;
    }

    .h3, h3 {
        font-size: 1.25rem;
    }

    .header .nsdc a.button {
        display: inline-block;
        background: #fff;
        padding: 6px 10px;
        border-radius: 3px;
        font-size: 14px;
    }

    .header .nsdc img {
        display: none;
    }

    .m-center {
        text-align: center;
    }

    .m-slider .p span.line-break {
        display: none;
        margin-bottom: 0px;
    }

    /*.pre-header ul li:last-child{display:none;}*/
    /*.pre-header ul li:nth-last-child(2){margin: 0; padding: 0;}*/
    /*.pre-header ul li:nth-last-child(2):after{background:none;}*/
    .center-page ul.contact-info ul li {
        padding: 0;
        margin: 0;
    }

    .center-page ul.contact-info ul li:before, .center-page ul.contact-info li:after {
        background: none;
    }

    .all-centres.contact-blocks h4:after {
        content: "Tap for Address";
        display: block;
        font-size: 14px;
        margin-top: 10px;
        text-transform: uppercase;
    }

    .all-centres.contact-blocks .hover-info h4:after {
        content: "";
        margin: 0;
    }

    .contact-info li br.d-xl-block {
        display: block !important;
    }

    .course-block br.d-none.m-block {
        display: block !important;
    }
}

@media only screen and (max-width:600px) {
    .banner {
        background-position: center right 10%;
    }
}

@media only screen and (max-width:800px) {
    .hide-text {
        display: block !important;
    }
}



.section.course-content {
    padding-bottom: 30px;
}

.course-content .card-box {
    background: #fff;
    padding: 0 30px 30px;
    border: 1px solid #ececec;
    box-shadow: 5px 0 30px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    transition: all 0.5s ease;
    color: black;
}

.course-content.no-course-head .card-box {
    padding: 30px;
}

.course-content .card-box:hover {
    box-shadow: 5px 0 50px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.course-content .card-box h3 {
    margin: 0 -30px 30px;
    padding: 30px 80px 30px 30px;
    color: #fff;
    position: relative;
    background: #e94086;
    background: -moz-linear-gradient(left, #e94086 0%, #e5925a 100%);
    background: -webkit-linear-gradient(left, #e94086 0%, #e5925a 100%);
    background: linear-gradient(to right, #e94086 0%, #e5925a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e94086', endColorstr='#e5925a', GradientType=1);
}

.course-content .card-box h3.pink {
    background: #7349cc;
    background: -moz-linear-gradient(left, #7349cc 0%, #e163e4 100%);
    background: -webkit-linear-gradient(left, #7349cc 0%, #e163e4 100%);
    background: linear-gradient(to right, #7349cc 0%, #e163e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7349cc', endColorstr='#e163e4', GradientType=1);
}

.course-content .card-box h3.green, .course-content .card-box .h3.green {
    background: #00aee0;
    background: -moz-linear-gradient(left, #00aee0 0%, #0cd3b8 100%);
    background: -webkit-linear-gradient(left, #00aee0 0%, #0cd3b8 100%);
    background: linear-gradient(to right, #00aee0 0%, #0cd3b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aee0', endColorstr='#0cd3b8', GradientType=1);
}

.course-content .card-box h3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 76px;
    background: rgba(0, 0, 0, 0.10);
}

.course-content .card-box h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(../img/sprite-2.png?v=2.1) no-repeat -10px -137px;
}

.course-content .card-box h3.courses:after {
    background-position: -306px -187px;
}

.course-content .card-box h3.accouting:after {
    background-position: -60px -137px;
}

.course-content .card-box h3.e-accounting:after {
    background-position: -110px -137px;
}

.course-content .card-box h3.gst:after {
    background-position: -160px -137px;
}

.course-content .card-box h3.online:after {
    background-position: -210px -137px;
}

.course-content .card-box h3.marg:after {
    background-position: -260px -137px;
}

.course-content .card-box h3.online-banking:after {
    background-position: -310px -137px;
}

.course-content .card-box h3.stock:after {
    background-position: -360px -137px;
}

.course-content .card-box h3.soft:after {
    background-position: -410px -137px;
}

.course-content .card-box h3.tally:after {
    background-position: -460px -137px;
}

.course-content .card-box h3.data:after {
    background-position: -10px -187px;
}

.course-content .card-box h3.hand-shake:after {
    background-position: -60px -187px;
}

.course-content .card-box h3.special:after {
    background-position: -110px -187px;
}

.course-content .card-box h3.accouting-2:after {
    background-position: -160px -187px;
}

.course-content .card-box h3.excel:after {
    background-position: -210px -187px;
}

.course-content .card-box h3.function:after {
    background-position: -260px -187px;
}

.course-content .card-box h3.report:after {
    background-position: -356px -187px;
}

.course-content .card-box h3.internet:after {
    background-position: -160px -237px;
}

.course-content .card-box h3.social:after {
    background-position: -210px -237px;
}

.course-content .card-box h3.payroll:after {
    background-position: -360px -237px;
}

.course-content .card-box h3.security:after {
    background-position: -260px -237px;
}

.course-content .card-box h3.busy-acc:after {
    background-position: -160px -287px;
}

.course-content .card-box h3.gear:after {
    background-position: -310px -287px;
}

.course-content .card-box h3.tds:after {
    background-position: -210px -287px;
}

.course-content .card-box h3.tcs:after {
    background-position: -260px -287px;
}

.course-content .card-box h3.management:after {
    background-position: -310px -237px;
}

.course-content .card-box h3.function-ad:after {
    background-position: -360px -287px;
}

.course-content .card-box h3.zoom:after {
    background-position: -160px -337px;
}

.course-content .card-box h3.word:after {
    background-position: -210px -337px;
}

.course-content .card-box h3.pp:after {
    background-position: -260px -337px;
}

.course-content .card-box h3.info:after {
    background-position: -310px -337px;
}

.course-content .card-box h3.hardware:after {
    background-position: -234px -398px;
}

.course-content .card-box h3.network:after {
    background-position: -284px -398px;
}

.course-content .card-box h3.security:after {
    background-position: -334px -398px;
}

.course-content .card-box h3.bcom:after {
    background-position: -384px -398px;
}





/*new homepage design*/
.newbanner {
    margin-top: 160px;
}

.newbanner .orange-section {
    padding: 35px;
    text-align: center;
    background: #f5841e;
    flex: 1 0 0%;
    order: 1;
}

.newbanner .orange-section img {
    max-width: 80%;
}

.newbanner .row {
    align-items: center;
    display: flex;
}

.newbanner {
    font-family: Fjalla One;
}

.newbanner h2, .newbanner h3 {
    font-family: Fjalla One;
    margin: 0 0 5px;
    padding: 20px 50px;
    font-weight: 700;
    color: #fff;
    background: #f5841e;
    transform: rotate(-10deg);
    display: inline-block;
    font-size: 42px;
    border-radius: 15px;
    text-transform: none;
}

.newbanner h3 {
    background: #0d271c;
    margin: 0 0 60px;
}

.newbanner p {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    line-height: 1.4;
    margin: 0px;
}

.personal-classes {
    flex: 1 0 0%;
    order: 1;
}

.cambridge-box {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    padding: 20px 40px;
    margin: 50px auto;
    max-width: 90%;
}

.cambridge-box .nsdc {
    position: relative;
    text-align: center;
}

.cambridge-box .nsdc:before {
    background: #f5841e;
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
}

.cambridge-box h3 {
    font-family: Fjalla One;
    font-size: 24px;
    font-weight: 600;
}

.cambridge-box p {
    font-family: Fjalla One;
    font-size: 18px;
    font-weight: 400;
}

.cambridge-box p strong {
    font-weight: 600;
}

.g-rating {
    text-align: center;
}

.g-rating h3 {
    font-size: 30px;
    font-family: Fjalla One;
    font-weight: 400;
    margin: 0 0 20px;
}

h2.video-head {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: none;
    text-align: center;
}

h2.video-head span {
    font-size: 24px;
    font-family: Fjalla One;
}

.box-content {
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    height: 100%;
}

.box-content .head {
    border: 2px solid #fff;
    border-radius: 26px 26px 0px 0px;
    background: #010131;
    padding: 20px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    text-transform: none;
    text-align: left;
}

.box-content .box-content-area {
    padding: 0 30px 40px;
}

.box-content-area .footer {
    background: none;
    padding: 0;
    color: #000;
    font-size: 16px;
}

.box-content-area .footer input[type="text"], .box-content-area .footer input[type="tel"], .box-content-area select {
    background: #e6e6e6;
    border-radius: 10px;
    text-align: left;
}

.box-content-area .footer input[type="submit"] {
    background: #b2cb47;
    color: #000;
    width: auto;
    padding: 15px 30px;
    font-weight: 400;
    border-radius: 5px;
}

.download-container {
    border-top: 1px solid #e5e5e5;
    padding: 16px 0 0;
    margin: 14px 0 0;
}

.dwnld-btn {
    width: 100%;
    background: #010131;
    position: relative;
    color: #fff;
    padding: 15px 60px 15px 20px;
    font-weight: 400;
    border-radius: 5px;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
}

.dwnld-btn:after {
    top: 8px;
    background: url(../images/download.webp);
    content: "";
    width: 41px;
    height: 38px;
    position: absolute;
    right: 10px;
    transform: scale(0.75);
}

.dwnld-btn:hover {
    color: #fff;
}

.online-pc .orange-heading {
    margin: 0 0 20px;
}

.online-pc img {
    border: 3px solid #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.bg-light {
    background: #fef3ef;
}

.bg-white {
    background: #fff;
}

.new-testimonials-section {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.20);
    border-radius: 25px;
    padding: 40px;
}

.new-testimonials-section .stu-image {
    border: 2px solid #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.20);
}

.new-testimonials-section .p-2 {
    padding: 10px;
}

.new-testimonials-section .p-2 .row {
    display: flex;
    align-items: center;
}

.new-testimonials-section .slick-dots {
    margin: 0;
}

.new-testimonials-section .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}

.new-testimonials-section .slick-dots li button {
    height: 18px;
    width: 18px;
    border: 1px solid #000;
    background: #ffffff;
    position: relative;
    margin: 0;
    border-radius: 50%;
    text-indent: -9999em;
}

.new-testimonials-section .slick-dots li button:after {
    height: 10px;
    width: 10px;
    display: inline-block;
    content: "";
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
}

.new-testimonials-section .slick-dots li.slick-active button {
    background: #fff;
    border-color: #f26c36;
    cursor: default;
}

.new-testimonials-section .slick-dots li.slick-active button:after {
    background: #f26c36;
}

.mobile-cta {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #fff;
}

.mobile-cta a.call {
    background: #2a9df4;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    width: 48%;
    display: inline-block;
}

.mobile-cta a.whatsapp {
    background: #27a725;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    width: 48%;
}

.desktop-cta {
    display: block;
}


.banner-content {
    text-align: center;
}



@media only screen and (max-width:1200px) {
    .newbanner h2, .newbanner h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width:991px) {
    .newbanner h2, .newbanner h3 {
        font-size: 30px;
        padding: 15px 40px;
    }

    .cambridge-box {
        max-width: 100%;
    }

    .no-flex-sm {
        display: block !important;
    }

    .sidebar-form {
        margin-top: 30px;
    }

    .vp img {
        transform: scale(.75);
    }

    .banner-vp .vp {
        padding-left: 0;
    }
}

@media only screen and (max-width:800px) {
    .newbanner h2, .newbanner h3 {
        font-size: 30px;
        padding: 12px 30px;
        font-size: 20px;
    }

    .newbanner h3 {
        margin: 0 0 40px;
    }

    .newbanner p {
        font-weight: 600;
        font-size: 16px;
    }

    .cambridge-box h3 {
        font-size: 20px;
    }

    .cambridge-box p {
        font-size: 16px;
    }

    .g-rating h3 {
        font-size: 26px;
    }

    .vp img {
        transform: scale(.5);
    }
}

@media only screen and (max-width:767px) {
    .newbanner {
        margin-top: 130px;
    }

    .newbanner .row {
        display: block;
    }

    .newbanner h2, .newbanner h3 {
        transform: none;
    }

    .banner-content {
        padding: 20px 15px;
    }

    .newbanner h3 {
        margin: 0 0 20px;
    }

    .newbanner p br {
        display: none;
    }

    .banner-vp .vp {
        margin: 0;
        padding: 0;
    }

    .vp img {
        transform: scale(1);
        width: 40px;
    }

    .banner-vp {
        padding: 0 0;
    }

    .banner-vp .vp p br {
        display: none;
    }

    .banner-vp .vp {
        padding: 15px 0;
        justify-content: normal;
    }

    .cambridge-box {
        margin: 30px auto;
    }

    .cambridge-box .nsdc {
        padding: 30px 0 0;
        margin: 20px 0 0;
    }

    .cambridge-box .nsdc:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
    }

    .g-rating img {
        max-width: 80%;
    }

    .g-rating {
        padding-bottom: 30px;
    }

    .quick .field1 {
        margin: 0 0 10px;
    }

    .box-content .welcome-text {
        background: none;
        color: #000;
    }

    .cource-covers {
        margin-top: 30px;
    }

    .personal-classes {
        margin: 0 0 20px;
    }

    .new-testimonials-section .p-2 .row {
        display: block;
    }

    .new-testimonials-section .stu-image {
        margin: 0 auto 15px;
        max-width: 80%;
    }

    .online-pc h2.text-left {
        text-align: center;
    }

    .footer .field1 {
        margin: 0 0 10px;
    }

    .mobile-cta {
        display: block;
    }

    .desktop-cta {
        display: none;
    }
}

/*NEW BANNER VP STARTS*/
.banner-vp {
    background: #fef3ef;
    padding: 45px 0;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.40);
}

.banner-vp .vp {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding-left: 120px; min-height: 100px; padding-top: 10px;*/
}

.banner-vp .vp:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/sprite-new.webp) no-repeat 0px -58px;
    height: 100px;
    width: 105px;
}

.banner-vp .vp.batches:before {
    background-position: -10px -168px;
}

.banner-vp .vp.students:before {
    background-position: -10px -278px;
}

.banner-vp .vp h2 {
    font-size: 42px;
    font-weight: 600;
    color: #000;
    margin: 0 0 10px;
}

.banner-vp .vp p {
    font-size: 24px;
    color: #000;
    margin: 0;
    line-height: 1;
}

.banner-vp .vp p {
    font-family: Fjalla One;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 0 10px;
    line-height: 1.4;
}

/*NEW BANNER VP ENDS*/


/*NEW COURSES BLOCKS STARTS*/
.course-block .duration {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    background: #fff;
    border-radius: 20px;
    font-size: 14px;
    padding: 10px 10px 10px 35px;
    line-height: 1;
    color: #000;
    z-index: 9;
    display: none;
}

.course-block .duration:before {
    width: 21px;
    height: 24px;
    background: url(../images/sprite-new.webp) no-repeat -64px -10px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 5px;
}


/* Anjali*/
.h1, .h2 {
    font-family: 'Fjalla One', sans-serif !important;
}

.light-bg-blue {
    background: #dfedff;
}

.border-white-top {
    border-top: 5px solid #fff;
}

.new-highlight-section .h1:not(.font-xl) {
    position: relative;
    padding-left: 28px;
    background: #ffffff21;
    padding: 14px;
    font-size: 26px;
    /* padding-left: 25px; */
    /* background: transparent; */
    border: solid 1px #fff9;
    display: flex;
    align-items: center;
}

.new-highlight-section .h1:not(.font-xl) i.fa.fa-angle-right {
    font-size: 20px;
    margin-right: 10px;
}

.new-highlight-section .font-xl {
    /*font-size: 45px;*/
    border-bottom: 5px solid;
    max-width: max-content;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

/*.new-highlight-section .h1:not(.font-xl):after {*/
/*    content: ">";*/
/*    position: absolute;*/
/*    left: 10px;*/
/*    top: 0;*/
/*    line-height: 62px;*/
/*}*/
.placement.no-padding-bt {
    padding-bottom: 0;
}

.player-overlay {
    /*position: absolute;*/
    /*display: none;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    /*background-color: #f9dc6d;*/
    z-index: 999;
}

.banner-content-section {
    padding: 40px;
    background: #fff;
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #02021f;
    /*border-top: 5px solid #fff;*/
    /*border-bottom: 5px solid #fff;*/
}

.banner-content-section p {
    font-size: 20px;
    color: #b7ca5c;
    line-height: 1.4;
    font-family: Fjalla One;
    max-width: 480px;
    margin: auto;
}

.banner-content-section h1, .banner-content-section .h1, .banner-content-section .banner-heading-blue {
    width: fit-content;
    margin: 0 0 5px;
    padding: 20px 40px;
    font-weight: 700;
    color: #fff;
    border: solid 2px #b2cb47;
    margin-top: 5px;
    background: #010131;
    display: inline-block;
    border-radius: 15px;
    font-family: Fjalla One;
    line-height: normal;
}

.banner-content-section .banner-heading-blue {
    /*background: #2a5185;*/
    background: #b2cb47;
    border: solid 2px #b2cb47;
    color: #02021d;
}

.orange.banner-content-section .banner-heading-blue {
    background: orange;
    border: solid 2px orange;
}

.orange.banner-content-section .banner-heading-black {
    color: #fff;
    background: #010131;
    border: solid 2px orange;
}

.orange.banner-content-section p {
    color: orange;
}


.light-blue.banner-content-section .banner-heading-blue {
    background: #5db7f2;
    border: solid 2px #5db7f2;
}

.light-blue.banner-content-section .banner-heading-black {
    /*color: #fff;*/
    background: #010131;
    border: solid 2px #5db7f2;
}

.light-blue.banner-content-section p {
    color: #5db7f2;
}



.sky-blue.banner-content-section .banner-heading-blue {
    background: #8afaff;
    border: solid 2px #8afaff;
}

.sky-blue.banner-content-section .banner-heading-black {
    color: #fff;
    background: #010131;
    border: solid 2px #8afaff;
}

.sky-blue.banner-content-section p {
    color: #8afaff;
}

.pink.banner-content-section .banner-heading-blue {
    background: #ffc6b1;
    border: solid 2px #ffc6b1;
}

.pink.banner-content-section .banner-heading-black {
    color: #fff;
    background: #010131;
    border: solid 2px #ffc6b1;
}

.pink.banner-content-section p {
    color: #ffc6b1;
}


.yellow.banner-content-section .banner-heading-blue {
    background: yellow;
    border: solid 2px yellow;
}

.yellow.banner-content-section .banner-heading-black {
    color: #fff;
    background: #010131;
    border: solid 2px yellow;
}

.yellow.banner-content-section p {
    color: yellow;
}


.purple.banner-content-section .banner-heading-blue {
    background: #b2b5ff;
    border: solid 2px #b2b5ff;
}

.purple.banner-content-section .banner-heading-black {
    color: #fff;
    background: #010131;
    border: solid 2px #b2b5ff;
}

.purple.banner-content-section p {
    color: #b2b5ff;
}


.banner-image {
    order: 2;
    max-height: 70vh;
    overflow: hidden;
    padding: 0;
    border-left: 5px solid #fff;
}

.banner-image img {
    width: 100%;
}

section.achievement-section {
    background: #010131;
    /*background-image: url("../img/achievement-bg.jpg");*/
    background-position: center;
    background-size: cover;
    /*padding-bottom:0;*/
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.achievement-icons {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
}

.achievement-icons img {
    max-width: 100%;
    width: 50px;
}

.achievement-icons p {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    max-width: 132px;
    margin: 0;
    margin-left: 20px;
    text-align: left;
}

.achievement-icons>div {
    border: solid 1px yellow;
    display: flex;
    border-radius: 6px;
}

.achievement-icons>div>div {
    /*background: #fff;*/
    padding: 6px 11px;
    text-align: center;
    color: #000;
    /*min-width: 300px;*/
    border-radius: 14px;
    /*min-height: 220px;*/
    box-shadow: 4px 3px 10px 4px rgb(0 0 0 /9%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bestcourse-section {
    background: #fff;
    ;
}

.bestcourse-section-inner {
    background: #f2f2f2;
    position: relative;
}

.bestcourse-content-section {
    background-image: url("../img/google-bg.jpg");
    background-position: bottom;
    padding: 30px 40px;
    height: 100%;
    text-align: center;
    margin-top: 30px;
    border-radius: 10px;
}

.bestcourse-content-section .contents h1 {
    font-size: 35px;
    margin-bottom: 16px;
}

.bestcourse-content-section .row {
    align-items: center;
    margin: 0;
}

.bestcourse-content-section i {
    opacity: 0.4;
    margin-right: 5px;
}

.bestcourse-content-section i.fa-star, .bestcourse-content-section i.fa-star-half {
    color: #ff8500;
    opacity: 1;
}

.ratings {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.ratings p {
    margin: 0px;
    font-size: 40px;
    text-align: center;
    margin-right: 10px;
}

.ratings p i {
    color: orange;
}

.ratings p span {
    font-size: 39px;
    font-weight: 800;
    /*display:block*/
}

.bestcourse-content-section h3, .bestcourse-content-section h1, .bestcourse-content-section h5, .bestcourse-content-section p, .bestcourse-content-section h4 {
    color: #000;
}

.bestcourse-content-section p {
    margin-top: 15px;
}

.bestcourse-content-section h5, .bestcourse-content-section p, .bestcourse-content-section h4 {
    font-family: inherit;
}

.bestcourse-content-section h4 {
    /*font-size:18px;*/
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bestcourse-content-section img {
    margin-bottom: 10px;
}

.bestcourse-section-inner .container-fluid {
    position: relative;
    z-index: 1;
}

.bestcourse-section-inner img.bg-type {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    z-index: 0;
}

.bestcourse-section-inner img.bg-type.right {
    bottom: auto;
    left: auto;
    top: 0;
    right: 0;
    transform: rotate(180deg);
}

.all-courses-section {
    border-bottom: 5px solid #fff;
}

.course-main .m-slider .slick-dots:before {
    display: none;
}

.course-content {
    border-bottom: 5px solid #fff;
}

.course-content .card-box h3, .course-content .card-box .h3 {
    color: #ff006e;
    background: #ffdfec;
    /*background: -moz-linear-gradient(to left, #ffbfd9 0%,#e5925a00 100%);*/
    /*background: -webkit-linear-gradient(to left, #ffbfd9 0%,#e5925a00 100%); */
    /*background: linear-gradient(to left, #ffbfd9 0%,#e5925a00 100%);*/
    box-shadow: 2px 2px #f7c7db;
}

.course-content .card-box h3.purple, .course-content .card-box .h3.purple {
    color: #670067;
    background: #eae0ff;
    /*background: -moz-linear-gradient(to left, #b499f0 0%,#e163e400 100%);*/
    /*background: -webkit-linear-gradient(to left, #b499f0 0%,#e163e400 100%);*/
    /*background: linear-gradient(to left, #b499f0 0%,#e163e400 100%);*/
    box-shadow: 2px 2px #b7a3ec;
}

.course-content .card-box h3.blue, .course-content .card-box .h3.blue {
    color: #000074;
    background: #d1f5ff;
    /*background: -moz-linear-gradient(to left, #6cdeff 0%,#0cd3b800 100%);*/
    /*background: -webkit-linear-gradient(to left, #6cdeff 0%,#0cd3b800 100%);*/
    /*background: linear-gradient(to left, #6cdeff 0%,#0cd3b800 100%);*/
    box-shadow: 2px 2px #94defb;
}

.course-content .card-box h3.green, .course-content .card-box .h3.green {
    color: #000;
    background: #b7cb5c;
    box-shadow: 2px 2px #b7cb5c;
}

.course-content .card-box h3.yellow, .course-content .card-box .h3.yellow {
    color: #000;
    background: #f9dc6d;
    box-shadow: 2px 2px #f9dc6d;
}

.course-content .card-box h3.orange, .course-content .card-box .h3.orange {
    color: #000;
    background: #da8a3a;
    box-shadow: 2px 2px #da8a3a;
}

.course-content .course-content-inner .card-box {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    height: 100%;
    margin: 0;
}

.course-content .course-content-inner>div {
    margin-bottom: 30px;
}

.course-content .course-content-inner .card-box h3, .course-content .course-content-inner .card-box .h3 {
    padding: 15px 19px 15px 35px;
    margin: 0 -30px 10px;
    font-weight: 700;
    font-family: 'Fjalla One', sans-serif;
}

.course-content .course-content-inner .card-box h3:before, .course-content .course-content-inner .card-box .h3:before {
    display: none;
    /*top: 13px;*/
    /*left: 12px;*/
    /*bottom: 0;*/
    /*border-radius: 50%;*/
    /*height: 70px;*/
    /*width: 70px;*/
}

.course-content .course-content-inner .card-box h3:after, .course-content .course-content-inner .card-box .h3:after {
    display: none;
}

.course-content .course-content-inner ul.listing li {
    /*padding:0;*/
    padding-bottom: 4px;
    margin: 0 0 6px;
    border-bottom: 1px solid rgb(230 230 230 / 52%);
}

.course-content .course-content-inner .card-box img.card-bg {
    display: none;
}

.course-content .course-content-inner ul.listing li:last-child {
    margin-bottom: 0;
    border: none;
}

.course-content .course-content-inner ul.listing li:before {
    content: "\f046";
    background: transparent;
    top: 0;
    font-family: 'FontAwesome';
    color: green;
}

.course-content .course-content-inner ul.listing li i {
    margin-right: 7px;
    color: green;
}

.course-banner .row {
    border-top: 5px solid #fff;
}

/*.course-content.parallex-bg{*/
/*    background: fixed;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    padding: 50px;*/
/*    position:relative;*/
/*}*/
/*.course-content.parallex-bg .container{*/
/*    position:relative;*/
/*    z-index:1;*/
/*}*/
/*.course-content.parallex-bg:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 0;*/
/*    background: rgb(0 0 0 / 25%);*/
/*}*/
.course-categories {
    background: #ddd;
}

.course-categories-inner {
    background: #fff;
    /*margin: 25px 0;*/
    border-radius: 15px;
    padding: 15px 10px;
    height: 100%;
}

.course-categories-inner h2, .course-categories-inner h6, .course-categories-inner .h6 {
    color: #000;
    margin-bottom: 10px;
    font-weight: 800;
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
}

.course-categories-inner h2 span, .course-categories-inner h2 span {
    padding: 0;
}

.course-categories-inner>div>h2, .course-categories-inner>div>.h2, .course-categories-inner>div>h6, .course-categories-inner>div>.h6 {
    color: #d94f3c;
}

.course-categories-inner div h6, .course-categories-inner div .h6 {
    font-size: 36px;
    line-height: 1.5;
}


.course-categories-div-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.course-categories-div-inner .category-slides {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.course-categories-div-inner p {
    margin: 5px;
    font-weight: 800;
    color: #000;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-right: solid 2px;
    padding-right: 10px;
}

.course-categories-div-inner p:last-child {
    /*border:none;*/
}

.course-categories-div-inner h2 span:after {
    display: none;
}

.download-p {
    font-size: 30px;
    margin: 30px 0;
}

.faq-section p, .faq-section h4 {
    color: #fff;
    margin: 0;
}

.faq-section h2, .faq-section .h2 {
    color: #fff;
}

.faq-section h4 {
    color: #b2cb47;
}

.faq-section .card-header {
    cursor: pointer;
    border-bottom: 1px solid rgb(255 255 255 / 64%);
    padding: 12px 20px;
}

.faq-section .card {
    margin-bottom: 15px;
    border: 1px solid rgb(255 255 255 / 64%);
    background: transparent;
}

.faq-section .card-header h4 {
    position: relative;
}

.faq-section .card-header h4:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 0;
    color: #afafaf;
    font-family: 'FontAwesome';
    font-size: 23px;
}

.faq-section .card-header h4.collapsed:after {
    content: "\f105";
}

section.faq-section, section.blog-section {
    background: #01012f;
    /*border-top: 5px solid #fff;*/
    border-bottom: 5px solid #fff;
}

/*.course-categories-div-inner p:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background: #07224694;*/
/*    z-index: -1;*/
/*}*/

.jobs-section {
    background: #02021d;
    border-bottom: 5px solid #fff;
}

.jobs-section .card-header {
    border-bottom: 1px solid rgb(0 0 0 / 42%);
}

.jobs-section .card {
    background: rgb(255 255 255 / 13%);
    border: 1px solid rgb(0 0 0 / 42%);
}

/*.jobs-section h2{*/
/*    color:#FFDB58;*/
/*}*/

.jobs-section .card h4 {
    margin-bottom: 0;
}

.card-header {
    cursor: pointer;
}

.jobs-section .card-header h4 {
    position: relative;
    color: #FFDB58;
}

.jobs-section .card-header h4:after {
    content: "\f068";
    position: absolute;
    right: 0;
    top: 0;
    color: #afafaf;
    font-family: 'FontAwesome';
    font-size: 23px;
}

.jobs-section .card-header h4.collapsed:after {
    content: "\f067";
}

.centers-blocks .block {
    margin: 0;
}

.centers-blocks .block a.btn {
    background: #000;
    color: #fff;
    border: solid 1px #adadad;
}

.centers-blocks h3 {
    font-size: 36px;
}

.centers-blocks .block:hover {
    border: 1px solid transparent;
}

.centers-blocks .block:hover a.btn {
    border: 1px solid #000;
}

.centers-blocks .block:hover h4, .centers-blocks .block:hover .h4 {
    color: #000;
}

.course-content .course-content-inner .card-box {
    padding: 0 15px 15px;
}

.bg-dark-blue {
    background: #02021d;
}

.centers-blocks {
    background: #01012d;
}

.centers-blocks .block {
    padding: 25px 45px 20px;
    width: 100%;
    text-align: left;
}

.centers-blocks .block:before {
    background: #ffdc88;
}

.centers-blocks .block.blue:before {
    background: #a9d9e6;
}

.centers-blocks .block.orange:before {
    background: #ffc5b3;
}

.centers-blocks .block.green:before {
    background: #deee96;
}

.centers-blocks .block.pink:before {
    background: #e995b1;
}

/*hover effect*/

.hover-effect-1 {
    padding: 15px 100px;
    margin: 10px 4px;
    color: #fff;
    font-family: sans-serif;
    /*text-transform: uppercase;*/
    text-align: center;
    position: relative;
    text-decoration: none;
    display: inline-block;

}

.hover-effect-1 {
    /*top: 40px;*/
    /*font-family: "proxima-nova", sans-serif;*/
    /*font-weight: 500;*/
    /*font-size: 13px;*/
    /*text-transform: uppercase!important;*/
    /*letter-spacing: 2px;*/
    /*color: #fff;*/
    /*cursor: hand;*/
    /*text-align: center;*/
    /*text-transform: capitalize;*/
    border: 1px solid #fff;
    border-radius: 15px;
    position: relative;
    overflow: hidden !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent !important;
    z-index: 10;

}


.hover-effect-1:hover {
    border: 1px solid #071982;
    /*color: #80ffd3!important;*/
}

.hover-effect-1::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #071982;
    position: absolute;
    /*-ms-transform: skewX(-15deg);*/
    /* -webkit-transform: skewX(-15deg); */
    /* transform: skewX(-15deg);   */
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 2px 0px 14px rgba(0, 0, 0, .6);
}

.hover-effect-1:hover:before {
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.hover-effect-1::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #58bd9a;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2, .95, .57, .99);
    -moz-transition: all .4s cubic-bezier(.2, .95, .57, .99);
    -o-transition: all .4s cubic-bezier(.2, .95, .57, .99);
    transition: all .4s cubic-bezier(.2, .95, .57, .99);
    box-shadow: 2px 0px 14px rgba(0, 0, 0, .6);
}

.hover-effect-1:hover::before, .btn1O:hover::before {
    opacity: 1;
    width: 116%;
}

.hover-effect-1:hover::after, .btn1O:hover::after {
    opacity: 1;
    width: 120%;
}

/*hover effect*/


.location-address {
    /*background: #242947;*/
    background: #010131;
}

.contact-blocks .block {
    border: none;
    border: 5px solid #ffffff;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    padding: 0;
    margin: 0;
    height: 100%;
}

.location-address .contact-blocks .block {
    padding: 0;
}

.contact-blocks .block.green-bg {
    background: #a8be41;
}

.contact-blocks .block:hover .hover-info {
    left: 0%;
    backdrop-filter: blur(10px);
}

.contact-blocks .block .hover-info {
    background: rgb(11 11 11 / 90%);
}

.contact-blocks .block h4 {
    color: #fff;
    background: #000000;
    font-weight: 800;
}

.contact-blocks .block h3, .contact-blocks .block .h3 {
    color: #000;
    background: transparent;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 27px;
    font-family: 'Fjalla One', sans-serif;
}

.contact-blocks .block p {
    color: #000;
    font-size: 16px;
    text-align: justify;
    line-height: 1.5;
}

.contact-blocks .block h5 {
    font-size: 22px;
    text-align: center;
}

.contact-blocks .block.pt h4 {
    color: #1aa5ca;
}

.contact-blocks .block.se h4 {
    color: #f77046;
}

.contact-blocks .block.pv h4 {
    color: #a8c720;
}

.contact-blocks .block.yv h4 {
    color: #c0e3ee;
}

.contact-blocks .block.kc h4 {
    color: #ec407a;
}


.enquiry-form .form .field label, .achievement-section .form .field label {
    left: 17px;
}

.enquiry-form select, .achievement-section select {
    font-size: 14px
}

/*.web-d-none{*/
/*    display:none !important;*/
/*}*/

.blog-section h2, .blog-section .h2, .blog-section h1 {
    /*color:#94e8ff;*/
}

.blog-section .m-slider .slick-dots:before {
    display: none;
}

.blog-section .slick-arrow {
    margin-top: -60px;
    background-position: -242px -56px;
}

.blog-section .slick-arrow.slick-next {
    background-position: -272px -56px;
}

.blog-div {
    /* padding: 10px; */
    border: solid 1px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    padding-bottom: 50px;
    position: relative;
}

.blog-div .btn {
    width: 100%;
    border-radius: 0;
    color: #fff;
    background: #a7e6fc2b;
    border-top: solid #ffffff7a;
    position: absolute;
    bottom: 0;
}

.blog-img {
    max-height: 190px;
    overflow: hidden;
}

.blog-div img {
    /*border-radius: 10px;*/
    transition: .9s;
}

.blog-div:hover img {
    transform: scale(1.1) rotate(-2deg);
}

.blog-contents {
    padding: 15px;
}

.blog-contents h4 {
    color: #94e8ff;
    border-bottom: 1px solid #ffffff3d;
    padding-bottom: 8px;
    margin-bottom: 11px;
}

.blog-contents p {
    font-size: 17px;
}

/*.blog-contents h4{*/
/*    color: #b2cb47;*/
/*}*/
/*.blog-contents .btn{*/
/*    margin:auto;*/
/*    padding: 10px 20px;*/
/*}*/
.blog-detail-content {
    border-bottom: 5px solid #fff;
}

.blog-detail-content p {
    text-align: justify;
}

.no-listing {
    word-break: break-word;
}

.banner-home {
    position: relative;
}

.banner-home>div {
    position: relative;
    z-index: 1;
}

.banner-home:after {
    content: "";
    /*background: rgb(0 0 0 / 54%);*/
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    background-image: linear-gradient(to top, #000000d1, #0000001c);
}

.bg-light-blue {
    background: #010131;
}

.banner-text h1 p {
    font-size: 30px;
}

.home-accounting-section {
    border-top: solid 5px #fff;
    border-bottom: 5px solid #fff;
}

.home-accounting-section .col-md-6:first-child {
    /*border-right: 1px solid rgb(221 221 221 / 33%);*/
    border-right: 5px solid #fff;
}

.home-accounting-content {
    padding: 35px;
}

.home-accounting-content .m-slider .slick-dots:before {
    display: none;
}

.home-accounting-content h2, .home-accounting-content h1, .home-accounting-content .h2, .home-accounting-content .h1 {
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 10px;
}

.home-accounting-content .p {
    text-align: justify;
}

.home-courses {
    border-bottom: 5px solid #fff;
}

.home-courses .col-md-6 {
    margin-bottom: 20px
}

.home-courses-details {
    padding: 20px;
    background: #cccccc21;
    border-radius: 10px;
    height: 100%;
    /* margin-bottom: 0px; */
}

.all-course-section {
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.inner-content-section {
    border-bottom: 5px solid #fff;
}

.location-map-section {
    background: #02021d;
    border-top: 5px solid;
    border-bottom: 5px solid;
}

.border-bottom-solid {
    border-bottom: 5px solid #fff;
}

.about {
    background: #02021f;
}

a.call-now-btn {
    display: block;
    background: #8afaff;
    color: #000;
    padding: 6px 9px;
    border-radius: 4px;
    font-size: 14px;
}

a.call-now-btn.pay {
    background: yellow;
}

.achievement-section .banner-form {
    background: #b7cb5c;
}

.achievement-section .banner-form h6 {
    color: #02011f;
    font-size: 36px;
}

.achievement-section .form .field.select label {
    color: #02011f;
    font-weight: bold;
}

.achievement-section form .btn {
    background: #02011f;
    color: #fff;
}

.course-blocks .block .hover-info p {
    margin-bottom: 10px;
}

.home-course-enq .banner-form {
    background: transparent;
    border: none;
    border-bottom: 5px solid #fff;
}

.mobile-db, .small-db {
    display: none;
}

span.web-db {
    display: inline;
}

.web-db {
    display: block;
}

.banner.course-banner.blog-banner:before {
    display: none;
}

/*.blog-banner-content{*/
/*    margin-top: -80px;*/
/*    background: #000000c4;*/
/*    position: relative;*/
/*    padding: 10px 0;*/
/*}*/

/*orange theme start*/
.orange-theme .achievement-icons>div {
    border: 1px solid orange;
}

.text-orange, .orange-theme .faq-section h4, .orange-theme .jobs-section .card-header h4, .orange-theme .blog-section h2, .orange-theme .blog-section h1, .orange-theme .blog-contents h4, .orange-theme .centers-blocks h3, .orange-theme .home-course-enq.bg-light-blue .banner-form h2 {
    color: orange !important;
}

.orange-theme .home-course-enq.bg-light-blue .banner-form .btn {
    background: orange;
}

/*orange theme end*/

/*green theme start*/
.green-theme .achievement-icons>div {
    border: 1px solid #b2cb47;
}

.text-green, .green-theme .faq-section h4, .green-theme .jobs-section .card-header h4, .green-theme .blog-section h2, .green-theme .blog-section h1, .green-theme .blog-contents h4, .green-theme .centers-blocks h3, .green-theme .home-course-enq.bg-light-blue .banner-form h2 {
    color: #b2cb47;
}

.green-theme .home-course-enq.bg-light-blue .banner-form .btn {
    background: #b2cb47;
}

/*green theme end*/

/*purple theme start*/
.purple-theme .achievement-icons>div {
    border: 1px solid #b2b5ff;
}

.text-purple, .purple-theme .faq-section h4, .purple-theme .jobs-section .card-header h4, .purple-theme .blog-section h2, .purple-theme .blog-section h1, .purple-theme .blog-contents h4, .purple-theme .centers-blocks h3, .purple-theme .home-course-enq.bg-light-blue .banner-form h2 {
    color: #b2b5ff;
}

.purple-theme .home-course-enq.bg-light-blue .banner-form .btn {
    background: #b2b5ff;
}

/*purple theme end*/


/*light-blue theme end*/
.light-blue-theme .achievement-icons>div {
    border: 1px solid #5db7f2;
}

.text-light-blue, .light-blue-theme .faq-section h4, .light-blue-theme .jobs-section .card-header h4, .light-blue-theme .blog-section h2, .light-blue-theme .blog-section h1, .light-blue-theme .blog-contents h4, .light-blue-theme .centers-blocks h3, .light-blue-theme .home-course-enq.bg-light-blue .banner-form h2 {
    color: #5db7f2 !important;
}

.light-blue-theme .home-course-enq.bg-light-blue .banner-form .btn {
    background: #5db7f2;
}

/*light-blue theme end*/


/*sky-blue theme end*/
.sky-blue-theme .achievement-icons>div {
    border: 1px solid #8afaff;
}

.text-sky-blue, .sky-blue-theme .faq-section h4, .sky-blue-theme .jobs-section .card-header h4, .sky-blue-theme .blog-section h2, .sky-blue-theme .blog-section h1, .sky-blue-theme .blog-contents h4, .sky-blue-theme .centers-blocks h3, .sky-blue-theme .home-course-enq.bg-light-blue .banner-form h2 {
    color: #8afaff;
}

.sky-blue-theme .home-course-enq.bg-light-blue .banner-form .btn {
    background: #8afaff;
}

/*sky-blue theme end*/

.boxed-cards-section .h4 {
    font-family: 'Fjalla One', sans-serif;
}

.boxed-cards-section .h4, .boxed-cards-section p {
    color: #000;
}

.boxed-cards-section .card .content-section {
    padding: 15px 30px;

}

.boxed-cards-section .card .try-now a {
    display: block;
    border-top: solid 1px #ddd;
    padding: 8px 15px;
    color: #000;
}

.img-orange-bg {
    display: flex;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 40%;
    background: #34347f;
}

.two-slides-carousel .carousel-inner {
    overflow-y: visible;
    padding-bottom: 100px;
}

.two-slides-carousel .client-img-section {
    margin-bottom: -100px;
}

@media(min-width:768px) {
    .two-slides-carousel.web-display-none {
        display: none;
    }
}

@media (max-width:992px) {
    .img-orange-bg {
        height: 68%;
    }
}

@media(max-width:768px) {
    .two-slides-carousel.m-none {
        display: none;
    }
}

@media screen and (max-width: 425px) and (min-width: 375px) {
    .img-orange-bg {
        height: 424px;
        width: 80%;
    }
}

@media screen and (max-width:375px) and (min-width:320px) {
    .img-orange-bg {
        height: 373px;
    }
}

@media (max-width:375px) {
    .img-orange-bg {
        width: 80%;
    }
}

@media (max-width:320px) {
    .img-orange-bg {
        height: 318px
    }
}

.awsdivNew {
    background: linear-gradient(to right, #8b3e24, #9d4a2e, #ff6c3c);
    background-color: transparent;
    background-image: linear-gradient(315deg, #a6f7fd 0%, #224580 74%);
    /* height: 150px; */
    padding: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.awsdivNew .contact-today {
    background: linear-gradient(to right, #525252, black);
    color: #fff;
    padding: 8px 17PX;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 4px 3px 5px #0000008a;
    margin-top: 22px;
}


.three-content-section .content-section {
    padding: 15px;
    background-color: #01012f;
    margin-top: -45px;
    display: block;
    z-index: 1;
    position: relative;
    width: 92%;
}

.three-content-section .content-section p {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;

}

.three-content-section .content-section p img {
    margin-left: 15px;
}

.three-content-section .col-md-4 img {
    transition: 200ms;
}

.three-content-section .img-section {
    overflow: hidden;
}

.three-content-section .col-md-4:hover img {
    transform: scale(1.05);
}

.three-content-section .h3 {
    font-family: 'Fjalla One', sans-serif;
}

.three-content-section .content-section a {
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.three-content-section .content-section a i {
    margin-left: 10px;
    font-size: 24px;
}

.three-content-section .content-section a:hover {
    text-decoration: none;
}

@media(max-width:768px) {
    .three-content-section .img-section {
        margin-top: 20px;
    }
}

/*yellow theme start*/
.yellow-theme .achievement-icons>div {
    border: 1px solid yellow;
}

.text-yellow, .yellow-theme .faq-section h4, .yellow-theme .jobs-section .card-header h4, .yellow-theme .blog-section h2, .yellow-theme .blog-section h1, .yellow-theme .blog-contents h4, .yellow-theme .centers-blocks h3, .yellow-theme .home-course-enq.bg-light-blue .banner-form h2 {
    color: yellow;
}

.yellow-theme .home-course-enq.bg-light-blue .banner-form .btn {
    background: yellow;
}

/*yellow theme end*/


/*pink theme start*/
.pink-theme .achievement-icons>div {
    border: 1px solid #ffc6b1;
}

.text-pink, .pink-theme .faq-section h4, .pink-theme .jobs-section .card-header h4, .pink-theme .blog-section h2, .pink-theme .blog-section h1, .pink-theme .blog-contents h4, .pink-theme .centers-blocks h3, .pink-theme .home-course-enq.bg-light-blue .banner-form h2 {
    color: #ffc6b1;
}

.pink-theme .home-course-enq.bg-light-blue .banner-form .btn {
    background: #ffc6b1;
}

/*pink theme end*/



.footer-fixed-btn {
    display: none;
}

.placement .welcome-text {
    text-align: justify;
}

.placement .form select {
    background: url(../img/select-arrow.png) no-repeat 95% 50% #ffffff;
    color: #000;
}

.placement .form input:not(.btn), .placement .form textarea {
    background: #fff;
    color: #000;
}

.placement .form .field label {
    position: relative;
    margin: 0;
    left: 0;
    transform: none;
    text-align: left;
    width: 100%;
    bottom: 0;
}

.placement .form .field {
    margin-bottom: 20px;
}

.centers-blocks .block h4, .centers-blocks .block .h4 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 1.5rem;
    color: #fff;
}

.banner-content-section h1, .banner-content-section .h1, .banner-content-section .banner-heading-blue {
    font-size: 42px;
}


.new-course-inner-section h1, .new-course-inner-section .h1, .new-course-inner-section h2, .new-course-inner-section h5, .new-course-inner-section .h5 {
    width: 100%;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    font-family: Fjalla One, sans-serif;
    font-size: 30px;
}

.new-course-inner-section h4, .new-course-inner-section .h4 {
    padding: 5px 10px;
    font-weight: 600;
}

.new-course-inner-section ul {
    background: #fff;
    clear: both;
    overflow: hidden;
    /*padding: 0 20px;*/
}

.new-course-inner-section ul li {
    flex-basis: 33%;
    font-size: 18px;
}

.new-course-inner-section ul li h6 {
    font-size: 22px;
    color: #000;
    /*color: #f26c36;*/
    border-bottom: 1px solid #1c1c30;
    padding: 15px 20px;
    margin-bottom: 0px;
}

.new-course-inner-section ul li h6 a {
    color: #000;
}

.new-course-inner-section ul li:last-child h3 {
    border: none;
}

.new-course-inner-section ul li h6 i {
    margin-right: 10px;
}

.new-course-inner-section {
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}

.bg-light-blue-heading {
    background: #010133;
    color: #fff !important;
    margin: auto;
    width: max-content;
    padding: 12px 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    max-width: 100%;
    font-family: 'Fjalla One';
    border: solid 2px #fff;
}

.quick form {
    width: 100%;
}

.quick form input, .quick form select {
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: none;
    width: 100%;
}

.quick h6, .quick .h6 {
    margin-bottom: 22px;
    border-bottom: 1px solid #fff;
    line-height: 2;
}

.quick h6 span, .quick .h6 span {
    position: relative;
    display: inline-block;
}

.quick h6 span:after, .quick .h6 span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #fff;
    height: 3px;
    width: 100%;
}

.quick {
    height: 100%;
    background: #010133;
    padding: 10px 20px;
    border: 2px solid #fff;
    border-radius: 8px;
}

ul.design-list {
    list-style-type: square;
    clear: both;
    overflow: hidden;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    padding: 20px 25px 20px 0px;
}

ul.design-list li {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 10px;
}


ul.design-list {
    list-style-type: square;
    clear: both;
    overflow: hidden;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    padding: 20px 25px 20px 0px;
}

.design-list>div {
    /*margin-bottom: 7px;*/
    padding: 17px 35px;
    /*background: #fcf3ef;*/
    /*width: 49.7%;*/
    height: 100%;
    min-height: 135px;
    border: solid 2px #ffffff75;
}

@media (max-width: 768px) {
    ul.design-list {
        padding: 0;
    }

    ul.design-list li {
        font-size: 16px;
    }

    .bg-light-blue-heading {
        font-size: 23px;
        padding: 10px;
    }

    .boxed-cards-section .card {
        margin-top: 20px;
    }
}

.tabDiv {


    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #ff6c3c;

}




.containertabDiv {
    display: flex;
    width: 85%;
    /*height: 85%;*/


    /*background-color: white;*/
    border-radius: 5px;
    overflow: hidden;
    margin: auto;
}

/* Tab list styling */
.tab-listtabDiv {
    display: flex;
    flex-direction: column;
    background-color: #1c1c32;
    /*border-right: 1px solid #ddd;*/
    width: 200px;
}

.tab-listtabDiv button {
    width: 200px;
    padding: 10px 10px;
    font-size: 23px;
    color: #ffffff;
    background-color: #353547;
    border: none;
    border: solid 2px #76768e;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s ease;
    border-radius: 8px 0px 0px 8px;
    width: 200px;
    max-width: 100%;
    border-right: 0;
    border-bottom: 0;
}

@media(min-width:768px) {
    .tab-listtabDiv button:last-child {
        border-bottom: solid 2px #76768e;
    }
}

.tab-listtabDiv button.active {
    background-color: #f9dc6e;
    font-weight: bold;
    color: #000000;
    border-color: #f9dc6e;
}

.tab-listtabDiv button:hover {
    background-color: #f9dc6e;
    color: #000;
    border-color: #f9dc6e;
}

@media (max-width: 768px) {
    .tab-listtabDiv button {
        font-size: 18px;
        padding: 8px 16px;
        border: none;
        background-color: transparent;
        cursor: pointer;
        transition: background-color 0.3s ease;
        width: 100%;
        box-sizing: border-box;
        flex-basis: content;
    }
}

@media (max-width: 480px) {
    .tab-listtabDiv button {
        font-size: 16px;
        padding: 6px;
        min-width: 80px;
    }
}

/* Content area styling */
.contenttabDiv, .contentdivtab2 {
    padding: 20px;
    flex-grow: 1;
    background-color: #01012f;
    max-height: 100%;
    /* Adjust height as needed */
    overflow-y: auto;
    border: solid 2px #76768e;
    border-radius: 0 4px 4px 0px;
}

/*.contenttabDiv .h2{color:#000;}*/
.contenttabDiv p, .contentdivtab2 p {
    font-size: 20px;
    line-height: 1.6;
    /*color:#000;*/
}

/* Responsive */
@media (max-width: 768px) {
    .containertabDiv {
        flex-direction: column;
        /* Stack the container elements vertically */
    }

    .contenttabDiv p {
        font-size: 17px;
        line-height: 1.6;
    }

    .tab-listtabDiv {
        font-size: 18px;
        display: flex;
        /* Arrange buttons in a row */
        flex-direction: row;
        /* Display buttons horizontally */
        max-height: none;
        /* Display all tabs without scrolling on small screens */
        padding: 0;
        width: 100%;
        /* Make the tab list take up full width */
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .tab-listtabDiv button {
        border: none;
        /* Remove border for a cleaner look */
        cursor: pointer;
        /* Pointer cursor on hover */
        transition: background-color 0.3s ease;
        /* Smooth transition on hover */
        width: 100%;
        /* Make each button take up full width */
        box-sizing: border-box;
        /* Include padding in the button's width */
        border-radius: 8px;
    }


}


/* Collapsible menu for very small screens (below 480px) */
@media (max-width: 480px) {

    .tab-listtabDiv.active {
        display: block;
        /* Show the menu when active */
    }

    .tab-listtabDiv button {
        font-size: 16px;
        /* Smaller font size for extra small screens */
        padding: 6px;
        /* Reduce padding for better fit */
        min-width: 80px;
    }
}


/* Tab list styling */
.tab-listdivtab2 {
    font-size: 18px;
    display: flex;
    /* Arrange buttons in a row */
    flex-direction: row;
    /* Display buttons horizontally */
    max-height: none;
    /* Display all tabs without scrolling on small screens */
    padding: 0;
    width: 100%;
    /* Make the tab list take up full width */
}

.tab-listdivtab2 button {
    font-size: 20px;
    /* Smaller font size for mobile */
    padding: 8px 16px;
    /* Adjust padding for better spacing */
    border: none;
    /* Remove border for a cleaner look */
    cursor: pointer;
    /* Pointer cursor on hover */
    transition: background-color 0.3s ease;
    /* Smooth transition on hover */
    width: 100%;
    /* Make each button take up full width */
    box-sizing: border-box;
    /* Include padding in the button's width */
    background-color: #464667;
    /* Menu background color */
    /* Add rounded corners */
    border-top-left-radius: 25px;
    /* Top-left corner */
    border-top-right-radius: 25px;
    /* Top-right corner */
    color: #fff;
}

.tab-listdivtab2 button.active {
    background-color: #b2cb47;
    font-weight: bold;
    color: #000;
}

.tab-listdivtab2 button:hover {
    background-color: #b2cb47;
    color: #000;
}

.box-content-area p {
    color: #000;
    margin-bottom: 10px;
}

.box-content-area input[type="text"], .box-content-area input, .box-content-area textarea, .box-content-area input[type="tel"], .box-content-area input, .box-content-area textarea, .box-content-area select {
    background: #e6e6e6;
    border-radius: 10px;
    text-align: left;
}

.box-content-area .field {
    margin-bottom: 5px;
}

.box-content-area input[type="text"], .box-content-area input[type="tel"], .box-content-area input, .box-content-area textarea, select {
    background: #fff;
    border: none;
    width: 100%;
    color: black;
    padding: 15px 15px;
    line-height: 1;
    text-align: center;
}

/* Content area styling */
.contentdivtab2 {
    border-radius: 0px 0px 4px 4px;
}

.how-it-works-section .how-div .h5 {
    font-family: 'Fjalla One', sans-serif;
}

.how-it-works-section .how-div {
    border: solid 1px #dddddd78;
    padding: 15px;
}

.how-it-works-section .how-div a {
    color: #ffff54;
}

.how-it-works-section .how-div a:hover {
    color: #ffff54;
}

/* Responsive */
@media (max-width: 768px) {
    .containerdivtab2 {
        flex-direction: column;
        /* Stack the container elements vertically */
    }

    .how-it-works-section .how-div {
        margin-top: 15px;
    }

    .contentdivtab2 p {
        font-size: 17px;
        line-height: 1.6;
    }

    .tab-listdivtab2 {
        font-size: 18px;
        display: flex;
        /* Arrange buttons in a row */
        flex-direction: row;
        /* Display buttons horizontally */
        max-height: none;
        /* Display all tabs without scrolling on small screens */
        padding: 0;
        width: 100%;
        /* Make the tab list take up full width */
    }

    .tab-listdivtab2 button {
        font-size: 18px;
        /* Smaller font size for mobile */
        padding: 8px 16px;
        /* Adjust padding for better spacing */
        border: none;
        /* Remove border for a cleaner look */
        background-color: transparent;
        /* Transparent background */
        cursor: pointer;
        /* Pointer cursor on hover */
        transition: background-color 0.3s ease;
        /* Smooth transition on hover */
        width: 100%;
        /* Make each button take up full width */
        box-sizing: border-box;
        /* Include padding in the button's width */
    }

    /* Hover effect for buttons */
    .tab-listdivtab2 button:hover {
        background-color: #ddd;
        /* Change background color on hover */
    }

    /* Focus effect for buttons */
    .tab-listdivtab2 button:focus {
        outline: none;
        /* Remove focus outline */
        background-color: #ccc;
        /* Highlight selected button */
    }

    /* Active tab styling */
    .tab-listdivtab2 button.active {
        background-color: #ffc107;
        ;
        /* Highlight active tab */
        font-weight: bold;
        /* Make the active tab bold */
    }

    /* Remove right border for the last button in each row */
    .tab-listdivtab2 button:nth-child(3n) {
        border-right: none;
    }
}


/* Collapsible menu for very small screens (below 480px) */
@media (max-width: 480px) {


    .tab-listdivtab2.active {
        display: block;
        /* Show the menu when active */
    }

    .tab-listdivtab2 button {
        font-size: 10px;
        /* Smaller font size for extra small screens */
        padding: 6px;
        /* Reduce padding for better fit */
    }
}





@media (min-width:768px) {

    /*.new-course-inner-section > div:last-child{*/
    /*    min-height: 363px;*/
    /*}*/
    .centers-blocks.bottom-shadow h3, .centers-blocks.bottom-shadow .h3 {
        font-size: 30px;
    }

    /*.new-course-inner-section{*/
    /*    min-height: 426px;*/
    /*}*/
}

@media(min-width:1400px) {

    .banner-content-section h1, .banner-content-section .h1, .banner-content-section .banner-heading-blue {
        transform: rotate(-10deg);
    }

    .banner-content-section p {
        margin-top: 50px;
    }
}

@media(max-width:1399px) {
    .banner-content-section br {
        display: none;
    }

    .banner-content-section h1, .banner-content-section .h1, .banner-content-section .banner-heading-blue {
        font-size: 30px;
        display: block;
        margin: auto;
        margin-bottom: 10px;
    }
}

@media(min-width:768px) {


    .bestcourse-section {
        padding: 30px;
    }

    /*.course-categories-inner > div:first-child{*/
    /*    width:25%;*/
    /*}*/
    /*.course-categories-inner > div:last-child{*/
    /*    width:75%;*/
    /*}*/
}

.franchise {
    background: #fcf250;
    width: max-content;
    padding: 0 10px;
    border-radius: 5px;
}

.franchise .h3, .franchise .h3 a {
    color: #000;
    text-transform: uppercase;
    animation: blink 2s infinite;
    animation-iteration-count: 5;
}

@media (max-width:768px) {
    .banner-image {
        order: 1;
        max-height: 40vh;
    }

    .logo {
        text-align: center
    }

    .logo small {
        font-size: 8px !important;
    }

    .banner-content-section {
        order: 2;
        padding: 20px;
    }

    .banner-content-section h1, .banner-content-section .h1, .banner-content-section .banner-heading-blue {
        padding: 12px 30px;
        font-size: 22px;
    }

    .banner-content-section p {
        padding: 12px 30px;
        font-size: 16px;
    }

    section.achievement-section {
        padding: 20px 0;
        /*padding-bottom:0;*/
    }

    .achievement-icons>div {
        /*padding: 15px 10px;*/
        /*min-height: 140px;*/
        margin-bottom: 15px;
    }

    .bestcourse-section {
        padding: 0;
    }

    .bestcourse-content-section {
        padding: 20px 0 0;
    }

    .bestcourse-content-section:last-child {
        border-top: 1px solid #ddd;


        .tab-listdivtab2 button.active {
            background-color: #ffc107;
            font-weight: bold;
        }

        .tab-listdivtab2 button:hover {
            background-color: #ffc107;
        }

        /* Content area styling */
        .contentdivtab2 {
            padding: 20px;
            flex-grow: 1;
            background-color: #fff;
            max-height: 100%;
            /* Adjust height as needed */
            overflow-y: auto;
        }


        /* Responsive */
        @media (max-width: 768px) {
            .containerdivtab2 {
                flex-direction: column;
                /* Stack the container elements vertically */
            }

            .contentdivtab2 p {
                font-size: 17px;
                line-height: 1.6;
            }

            .tab-listdivtab2 {
                font-size: 18px;
                display: flex;
                /* Arrange buttons in a row */
                flex-direction: row;
                /* Display buttons horizontally */
                max-height: none;
                /* Display all tabs without scrolling on small screens */
                padding: 0;
                background-color: #fff;
                /* Menu background color */
                width: 100%;
                /* Make the tab list take up full width */
            }

            .tab-listdivtab2 button {
                font-size: 18px;
                /* Smaller font size for mobile */
                padding: 8px 16px;
                /* Adjust padding for better spacing */
                border: none;
                /* Remove border for a cleaner look */
                background-color: transparent;
                /* Transparent background */
                cursor: pointer;
                /* Pointer cursor on hover */
                transition: background-color 0.3s ease;
                /* Smooth transition on hover */
                width: 100%;
                /* Make each button take up full width */
                box-sizing: border-box;
                /* Include padding in the button's width */
            }

            /* Hover effect for buttons */
            .tab-listdivtab2 button:hover {
                background-color: #ddd;
                /* Change background color on hover */
            }

            /* Focus effect for buttons */
            .tab-listdivtab2 button:focus {
                outline: none;
                /* Remove focus outline */
                background-color: #ccc;
                /* Highlight selected button */
            }

            /* Active tab styling */
            .tab-listdivtab2 button.active {
                background-color: #ffc107;
                ;
                /* Highlight active tab */
                font-weight: bold;
                /* Make the active tab bold */
            }

            /* Remove right border for the last button in each row */
            .tab-listdivtab2 button:nth-child(3n) {
                border-right: none;
            }
        }




        /* Collapsible menu for very small screens (below 480px) */
        @media (max-width: 480px) {


            .tab-listdivtab2.active {
                display: block;
                /* Show the menu when active */
            }

            .tab-listdivtab2 button {
                font-size: 10px;
                /* Smaller font size for extra small screens */
                padding: 6px;
                /* Reduce padding for better fit */
            }
        }
    }

    .bestcourse-content-section h5, .bestcourse-content-section p, .bestcourse-content-section h4 {
        font-size: 17px;
    }

    /*.course-categories-div-inner{*/
    /*    max-height: 120px;*/
    /*    overflow-y: scroll;*/
    /*}*/
    /*.course-categories-div-inner p{*/
    /*    width:100%;*/
    /*    border:none;*/
    /*    text-align:center;*/
    /*    padding-right:0;*/
    /*    margin-top:0;*/
    /*}*/
    .course-categories-div-inner p:last-child {
        border: none;
    }

    .course-categories-inner {
        padding: 20px 10px;
    }

    .course-categories-inner .m-slider .slick-arrow {
        background-position: -242px -10px;
        margin-top: -40px;
        margin-left: 5px;
    }

    .course-categories-inner .m-slider .slick-arrow.slick-next {
        background-position: -272px -10px;
        margin-left: auto;
        margin-right: 5px;
    }

    .course-categories-inner ul.slick-dots:before {
        display: none;
    }

    .course-categories-inner .m-slider .slick-dots li.slick-active button {
        background: #616161;
        border-color: #616161;
    }

    .ratings {
        text-align: center;
        margin: 10px 0;
        /*display:block;*/
    }

    .achievement-icons img {
        width: 40px;
    }

    .achievement-icons p {
        font-size: 19px;
        max-width: max-content;
    }

    .home.achievement-section .achievement-icons p {
        max-width: 105px;
    }

    .m-order-3 {
        order: 3;
    }

    .m-order-4 {
        order: 4;
    }

    .faq-section p, .jobs-section p {
        font-size: 16px;
        line-height: inherit;
        text-align: justify;
    }

    .faq-section .card-body, .jobs-section .card-body {
        padding: 10px 10px;
    }

    .faq-section .card-header, .jobs-section .card-header {
        padding: 10px 10px;
    }

    .faq-section .card-header h4, .jobs-section .card-header h4 {
        font-size: 19px;
    }

    .faq-section .card-header h4 {
        padding-right: 8px;
    }

    .faq-section .card-header h4:after, .jobs-section .card-header h4:after {
        font-size: 16px;
    }

    .banner.course-banner {
        padding: 160px 0 0px 0;
        /*padding: 77px 0 0px 0;*/
    }

    .main-header .header, .main-header.sticky .header {
        padding: 10px 0;
    }

    .pre-header {
        padding: 5px 0;
    }

    .pre-header ul li {
        margin-right: 0;
        padding: 2px 5px 2px 0;
        font-size: 11px;
    }

    .pre-header ul li:last-child {
        margin-right: 0;
    }

    .pre-header ul li:last-child:after {
        display: none;
    }

    .pre-header ul li a img {
        height: 21px;
        width: 60px;
    }

    .pre-header ul li:after {
        display: none;
    }

    .header .logo a img, .header .logo a img, .main-header.sticky .header .logo a img {
        width: 140px;
    }

    .banner-image {
        border-bottom: 5px solid #fff;
        border-left: 0;
    }

    .centers-blocks {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .centers-blocks .block {
        padding: 13px 25px 14px;
    }

    .centers-blocks .block ul li {
        margin-bottom: 5px;
    }

    .centers-blocks .block a.btn {
        font-size: 15px;
        padding: 10px 18px;
    }

    .centers-blocks .block h4, .centers-blocks .block .h4 {
        margin-bottom: 15px;
    }

    .centers-blocks .slick-dots {
        margin-top: 0;
    }

    .ratings p, .ratings p span {
        font-size: 30px;
    }

    .m-slider .slick-dots li button {
        height: 12px;
        width: 12px;
        border: 2px solid #bebebe;
        margin: 3px;
    }

    .btn.btn-lg {
        padding: 12px 50px;
        font-size: 17px;
    }

    .copyright a.show_hide {
        font-size: 13px;
    }

    .jobs-section h4 {
        font-size: 16px;
    }

    p, .p {
        font-size: 16px;
    }

    .course-content .course-content-inner ul.listing li {
        font-size: 15px;
        font-family: 'Fjalla One';
    }


    /*.m-none{*/
    /*    display:none !important;*/
    /*}*/
    /*.web-d-none{*/
    /*    display:block;*/
    /*}*/
    .course-content .card-box {
        margin-bottom: 15px;
    }

    section {
        padding: 30px 0;
    }

    .jobs-section .m-slider .slick-dots:before, .m-course-content .slick-dots:before, .faq-section .m-slider .slick-dots:before, .m-course-content .slick-dots:before {
        display: none;
    }

    .jobs-section .m-slider .slick-dots, .faq-section .m-slider .slick-dots, .course-content .m-slider .slick-dots {
        margin: 8px 0 0;
    }

    .course-content .course-content-inner .card-box h3, .course-content .course-content-inner .card-box .h3 {
        padding: 8px 19px 8px 28px;
    }

    .form input[type="text"], .form select, .form input[type="tel"] {
        padding: 10px 12px;
        height: 42px;
    }

    .enquiry-form .form .field label, .achievement-section .form .field label {
        bottom: 8px;
    }

    .form .field.select:last-child {
        margin-bottom: 20px;
    }

    .course-content .course-content-inner .slick-arrow, .faq-section .m-slider .slick-arrow, .jobs-section .m-slider .slick-arrow, .blog-section .m-slider .slick-arrow {
        left: 5px;
    }

    .course-content .course-content-inner .slick-arrow.slick-next, .faq-section .m-slider .slick-arrow.slick-next, .jobs-section .m-slider .slick-arrow.slick-next, .blog-section .m-slider .slick-arrow.slick-next {
        left: auto;
        right: 4px;
    }

    .m-slider .slick-arrow {
        z-index: 1;
    }

    button.btn.call-now-btn {
        background: #f9e558;
        max-width: 100%;
        width: 100%;
        height: 37px;
        text-align: center;
        padding: 0;
        /*border-radius: 30px;*/
        border-radius: 8px;
        position: relative;
        font-size: 16px;
        z-index: 0;
    }

    button.btn.call-now-btn.btn-green {
        background: #52a53c;
        color: #fff;
    }

    button.btn.call-now-btn.btn-green a {
        color: #fff
    }

    button.btn.call-now-btn:before {
        content: "\f095";
        font-family: 'FontAwesome';
        font-size: 15px;
        /*margin-right: 6px;*/
    }

    button.btn.call-now-btn:after {
        content: "";
        position: absolute;
        border: solid 1px #000;
        left: 2px;
        top: 2px;
        right: 2px;
        bottom: 2px;
        /*border-radius: 55px;*/
        border-radius: 8px;
        background: #f3f3f345;
        z-index: -1;
    }

    button.btn.btn-green.call-now-btn:after {
        border: solid 1px #fff;
        background: transparent;
    }

    .centers-blocks h3 {
        font-size: 24px;
    }

    .banner-home {
        padding-bottom: 25px;
    }

    .banner-home .banner-form {
        background: #010131;
    }

    .all-courses-section .contact-blocks .block {
        margin-bottom: 0;
    }

    .home-courses .welcome-text {
        text-align: justify;
    }

    .banner-home .banner-form, .achievement-section .banner-form {
        margin-top: 0;
    }

    .banner-home .banner-text {
        text-align: center;
    }

    .home-accounting-content .m-slider .p {
        margin: 0;
    }

    .home-accounting-section .col-md-6:first-child {
        border: none;
        border-bottom: 2px solid rgb(221 221 221 / 33%);
    }

    .form .field label {
        bottom: 8px;
    }

    .home-accounting-content {
        padding: 25px 10px;
    }

    .banner-home {
        background-size: contain;
    }

    .player-overlay video {
        height: auto;
    }

    .blog-img {
        max-height: 160px;
    }

    .contact-blocks .block .hover-info h4 {
        font-size: 24px;
    }

    .course-blocks .block .hover-info p {
        font-size: 16px;
        height: auto;
    }

    .home-accounting-content h2, .home-accounting-content h1 {
        font-size: 26px;
    }

    /*.home-courses-details .welcome-text{*/
    /*    max-height: 210px;*/
    /*    overflow: hidden;*/
    /*}*/
    .home-courses-details .welcome-text a {
        color: #b2cb47;
    }

    /*.home-courses-details .welcome-text.mobile-view{*/
    /*    max-height:max-content;*/
    /*}*/
    span.mobile-db {
        display: inline;
    }

    .mobile-db {
        display: block;
    }

    span.web-db {
        display: none;
    }

    .faq-section .card, .jobs-section .card {
        margin: 0 10px;
    }

    .center-page ul.contact-info li:first-child {
        text-align: justify;
    }

    .center-page ul.contact-info li {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .course-categories-inner div h6, .course-categories-inner div .h6, .achievement-section .banner-form h6 {
        font-size: 28px;
        text-transform: none;
    }

    .franchise {
        background: #fcf250;
        width: 100%;
        border-radius: inherit;
    }

    .franchise .h3, .franchise .h3 a {
        color: #000;
        text-transform: uppercase;
        animation: pulse 2s infinite;
        animation-iteration-count: 5;
    }

}

@media (min-width: 768px) {
    .web-d-none {
        display: none !important;
    }
}

@media (max-width:592px) {
    .m-none {
        display: none !important;
    }

    .call-options {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        left: 10px;
        top: auto;
        background: #fff;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        width: 250px;
        z-index: 999;
        padding: 0;
        transition: all 0.2s ease;
    }

    .call-options ul li a {
        display: block;
        padding: 10px;
        color: #000;
    }

    .call-options ul li a:hover {
        background: #fef3ef;
    }

    .call-us-icon:hover .call-options {
        opacity: 1;
        visibility: visible;
    }

    .call-options {
        border-radius: 4px;
    }

    .call-options ul {
        padding: 10px;
        border-radius: 35px;
        overflow: hidden;
    }

    .call-options ul li:nth-child(odd) a {
        background-color: #e6f7ff;
    }

    .call-options ul li:nth-child(even) a {
        background-color: #fff;
    }

    .call-options ul li a {
        padding: 4px 6px;
        border: solid 0.5px #ddd;
        font-size: 14px;
        font-weight: 600;
        font-family: sans-serif;
    }

    .w-number strong, .phone-number strong {
        font-weight: 600
    }

}

@media (max-width:425px) {
    .ratings img {
        width: 140px;
    }

    .download-p {
        max-width: 100%;
        font-size: 23px;
    }

    .footer-fixed-btn {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        border-radius: 0;
        padding: 12px;
        z-index: 2;
        background: #3ea292;
        color: #fff;
    }
}

@media (max-width:325px) {
    button.btn.call-now-btn {
        font-size: 14px;
    }

    button.btn.call-now-btn:before {
        margin-right: 0;
        font-size: 14px;
    }

    button.btn.call-now-btn:after {
        left: 1px;
        top: 1px;
        right: 1px;
        bottom: 1px;
    }

    .small-db {
        display: block;
    }
}

/* Anjali*/