html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;

	vertical-align: baseline;
}
*, :before, :after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	outline: none;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

*::-webkit-scrollbar-thumb {
    background-image: linear-gradient(45deg, #363e5a, #1a2841);
    border-radius: 10px;
    border: 3px solid #ffffff;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar {
    width: 12px;
}
body{
    font-family: sans-serif;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

li{
    list-style: none;
}


@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.container,
.container-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }

    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }

    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }

    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }

    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1320px
    }

    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.d-flex {
    display: flex !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-center {
    align-items: center !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1,
.pb-1 {
    margin-bottom: .25rem !important
}

.mb-2,
.pb-2 {
    margin-bottom: .5rem !important
}

.mb-3,
.pb-3 {
    margin-bottom: 1rem !important
}

.mb-4,
.pb-4 {
    margin-bottom: 1.5rem !important
}

.p-0,
.m-0 {
    padding: 0 !important
}

.p-1,
.m-1 {
    padding: .25rem !important
}

.p-2,
.m-2 {
    padding: .5rem !important
}

.p-3,
.m-3 {
    padding: 1rem !important
}

.p-4,
.m-4 {
    padding: 1.5rem !important
}

.p-5,
.m-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1,
.mx-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2,
.mx-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3,
.mx-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4,
.mx-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5,
.mx-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1,
.my-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2,
.my-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3,
.my-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4,
.my-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5,
.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1,
.mt-1 {
    padding-top: .25rem !important
}

.pt-2,
.mt-2 {
    padding-top: .5rem !important
}

.pt-3,
.mt-3 {
    padding-top: 1rem !important
}

.pt-4,
.mt-4 {
    padding-top: 1.5rem !important
}

.pt-5,
.mt-5 {
    padding-top: 3rem !important
}

.bg-dark {
    background-color: #212529 !important;
}

a {
    text-decoration: none;
}

svg {
    width: 18px;
    height: 16px;
}
p{
    line-height: 27px;
}
.center-txt{
    text-align: center;
}
.flx-inline{
    display: inline-flex;
    gap: 0.5rem;
}
.gap{
    gap: 1rem;
}
.gap-2{
    gap: 1.5rem;
}
.gap-3{
    gap: 2rem;
}
/* LAYOUT */
.layout{
    width: 90%;
    margin: auto;
}
textarea {resize: none;padding-block: 9px;}

button {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	border: 1px solid transparent;
}


a:focus{
	outline: none;
	border:none;
}
input {
	line-height: normal;
}
button:focus {
	border:1px solid #bdb9ce;
	outline: 0;
}

button{
	cursor: pointer;
	line-height: normal;
	overflow: visible;
}
button[disabled]{
	cursor: default;
	color: #999;
	border-color: #ccc;
}
.btn {
    font-size: 1.6rem;
    transition: all 0.5s;
    border: 1px solid transparent;
	text-align: center;
	margin: 0 auto;

}
.btn:hover{
	background-color: transparent;
	color:#4a83dd;
}

@media(min-width:1600px) {
    .blog-details .layout {
        width: 86%;
    }

    .myswiper-image-content p {
        font-size: 18px;
        width: 80%;
    }
}

@media(max-width:1420px) {
    .blog-details .layout {
        width: 92%;
    }

    .myswiper-image-content h1,
    .myswiper-image-content h2,
    .banner-css h1 {
        font-size: 40px;
    }
}

@media(min-width:1600px) {
    .layout {
        width: 85%;
    }

    .home-p .heading-4 {
        height: 80px !important;
    }

    .home-p .blog1 {
        height: 420px !important;
    }

    .banner-css {
        height: 450px;
    }
}
@media(max-width:768px) {
    .layout {
        display: block !important;
    }
}


/* stylESSSS */

:root {
    --primary: #4A56A0;
    --prim-drk-2: #353f76;
    --secondary: #E5EDFF;
    --tertiary: #6576B6;
    --add-1: #8C8DB9;
    --add-2: #505d92;
    --add-2dark: #464555;
    --prim-light: #F1F1E6;
    --sec-light: #FFF7D6;
    --prim-dark: #3F4E4F;
    --additional: #FD6F00;
    --white: #ffffff;
    --dark: #000;
}


.header {
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: white;
    width: 100%;
    z-index: 9;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.top_header {
    padding-block: 7px;
    overflow: hidden;
    background: var(--secondary)
}

.top_header_wrapper {
    width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo img {
    width: 220px;
}

.email a {
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.email svg {
    fill: var(--primary);
    margin-right: 0.4rem;
    width: 18px;
    height: 18px;
}

/*  */

.header_menu_wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    width: 85%;
    margin: auto;
    position: relative;
}

    .header_menu_wrapper a {
        color: var(--dark);
    }

.navbar ul li {
    margin-left: 3px;
    font-size: 18px;
    position: relative;
}

    .navbar ul li a {
        padding: 20px 16px;
        display: inline-block;
        cursor: pointer;
    }


.enquire_head a {
    padding: 12px 22px;
    display: inline-block;
    background-color: var(--tertiary);
    border-radius: 2px;
    color: var(--prim-light);
}

.droparw {
    position: absolute;
    top: 23px;
    right: 1px;
}

.submenu {
    position: absolute;
    left: -35px;
    top: 100px;
    flex-direction: column;
    width: 220px;
    padding: 0px 0px;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    background: var(--tertiary);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    align-items: baseline !important;
}

.navbar ul li:hover > .submenu {
    visibility: visible;
    transition: 0.5s;
    top: 60px;
    opacity: 1;
}

.submenu li {
    width: 100%;
    margin-left: 0px !important;
    border-bottom: 1px solid white;
    font-size: 16px !important;
}

    .submenu li:nth-last-child(1) {
        border-bottom: none;
    }

    .submenu li:hover {
        background: var(--primary);
    }

    .submenu li a {
        color: white !important;
        border: 0px !important;
        padding: 8px 18px !important;
        width: 100%;
    }


.toggle-bar svg {
    height: 24px;
    display: none;
    width: 30px;
}

.close-btn,
.mobile-logo {
    display: none;
}


/* HOME */
main {
    margin-top: 125px;
}

/* hero */

.hero {
    background-image: url(../images/banner/hero_bg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

    .hero h1,
    .hero p {
        color: var(--white);
    }

    .hero h1 {
        font-weight: 900;
        margin-block-end: 1.5rem;
        font-size: 28px;
        font-family: inherit;

    }

    .hero p {
        line-height: 32px;
        font-weight: 200;
    }

.hero_img {
    text-align: center;
    margin-bottom: -4px;
}



/* swiper */

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block: 1.75rem;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.slide {
    background-color: #ffffff;
    padding: 8px;
    height: 115px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

    .slide:hover {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    }

    .slide img {
        max-width: 100%;
    }



/* about_home */

.sec_home_title {
    text-align: center;
}

    .certification_form h2,
    .certification h2,
    .contact_form h2,
    .highlights h2,
    .sec_home_title h2,
    .training h2 {
        font-weight: 700;
        position: relative;
        margin-bottom: 2.5rem;
    }

.line {
    font-weight: 700;
    position: relative;
    margin-bottom: 2.5rem;
    display: inline-block;
}

    .line h2 {
        font-weight: 700;
        position: relative;
        margin-bottom: 0 !important;
    }

.sec_home_title p {
    font-size: 18px;
    font-weight: 700;
    max-width: 750px;
    margin: 2.5rem auto;
    letter-spacing: 1.25px;
}

.about_home .flx-inline {
    padding-top: 2rem;
}

/* line */
.under::after, .line::after {
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 2px;
    height: 3px;
    bottom: -9px;
    transform: translate(-50%, 0px);
}

.sec_home_title h2::after {
    width: 120px;
    left: 52%;
    background: #212529;
}

/* home_services */
.home_services {
    background-color: var(--tertiary);
    color: var(--white);
}

    .home_services h2::after {
        width: 120px;
        left: 55%;
        background: var(--additional);
    }

.training h2::after {
    width: 145px;
    left: 33%;
    background: var(--additional);
}

.certification_form h2::after,
.contact_form h2::after {
    width: 100px;
    left: 37%;
    background: var(--additional);
}

.highlights h2::after {
    width: 150px;
    left: 14%;
    background: var(--additional);
}

.line::after {
    width: 120px;
    left: 78%;
    /* right: 0; */
    background: var(--additional);
}


.about_home .center-txt > img {
    width: 465px;
}

/* cards */
.card {
    position: relative;
    width: 450px;
}

    .card img {
        width: 100%;
        border-radius: 12px;
    }

.card_content {
    background-color: var(--white);
    position: absolute;
    bottom: 0;
    width: 72%;
    /* right: 0; */
    z-index: 99;
}

.overlay {
    position: absolute;
    background: #393939ed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.overlay_2 {
    left: 0;
    bottom: 4px;
    width: 100%;
    padding: 1rem;
    border-radius: 0 0px 12px 12px;
}

.content {
    width: auto;
}

.card_trn_btn {
    padding: 7px 12px;
    border: 2px solid var(--additional);
    background-color: var(--prim-dark);
    color: var(--prim-light);
    font-size: 20px;
    border-radius: 4px;
}



/* Testimonial */
.testimonial .swiper{
    width: 88%;
}
.testimonial h2::after {
    width: 150px;
    left: 52%;
}

.textimonial_box {
    height: 390px;
    padding: 1.5rem 2rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.textimonial_box_avtar {
    border-bottom: 2px solid var(--prim-dark);
    border-radius: 2px;
    display: flex;
    gap: 2rem;
    align-items: center;
    position: relative;
}

    .textimonial_box_avtar img {
        width: 100px;
        height: 100px;
    }

    .textimonial_box_avtar span {
        color: var(--primary);
        font-weight: 700;
    }

.textimonial_box_content p {
    line-height: 24px;
}

.test_widget {
    position: absolute;
    top: 2%;
    right: 4%;
}

    .test_widget img {
        width: 45px;
        height: 45px;
    }

/* swiper testimonial */

.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--add-2);
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        line-height: 1;
        font-size: 17px;
        color: var(--sec-light);
    }

.swiper-pagination-bullet-active {
    background: var(--primary);
    width: 10px;
    height: 10px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 1px);
    left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 1px);
    right: auto;
}

/* INNER PAGES */


/* banners */
.banner {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding-block: 11rem;
}

.about_banner {
    background-image: url(../images/banner/about-banner.webp);
}

.campus_banner {
    background-image: url(../images/banner/campus.webp);
}

.contact_banner {
    background-image: url(../images/banner/contact.webp);
}

.certification_banner {
    background-image: url(../images/banner/certification.webp);
}

.class_banner {
    background-image: url(../images/banner/classroom.webp);
}

.corporate_banner {
    background-image: url(../images/banner/corporate-0.webp);
}

.onsite_banner {
    background-image: url(../images/banner/onsite.webp);
}

.banner h1 {
    color: var(--white);
}

.banner h1 {
    font-weight: 900;
}

.banner p {
    line-height: 32px;
}

/* breadcrumb */

.crumb {
    color: var(--prim-dark);

    font-size: 22px;
}

    .crumb a {
        color: var(--prim-dark);
    }



/* select box */

.selectbox_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: center;
}

.select_box_wrap input,
.select_box_wrap select,
textarea {
    width: 100%;
    height: 100%;
    border: 1px solid var(--prim-dark);
    outline: none;
    background: var(--white);
    padding-left: 40px;
    font-size: 14px;
    color: var(--prim-dark);
    border-radius: 5px;
}
.select_box_wrap select option{
    padding-left: 0;
}
textarea {
    height: 100px !important;
}

input::placeholder {
    color: #252627;
}

.select_box {
    margin-top: 1.5rem;
}

.select_box_wrap {
    height: 38px;
    width: 100%;
}

/* INPUT */
.form-group,
.textarea-group {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .form-group svg,
    .textarea-group svg {
        width: 28px;
        height: 21px;
        position: absolute;
        left: 10px;
        top: 10px;
        fill: #0d0e0e;
        z-index: 1;
    }

input {
    height: 2.25rem;
    border: 1px solid var(--prim-dark);
    color: var(--prim-dark);
}

input {
    outline: 0;
    width: 100%;
    padding: 0 2.5rem;
    border-radius: 4px;
    appearance: none;
    z-index: 1;
    position: relative;
}

.enq_wrap {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
}

    .enq_wrap .form-group {
        margin-bottom: 1rem;
    }

.in_enq_btn a {
    padding: 9px 13px;
    width: 122px;
}

.enquiry {
    background-color: var(--secondary);
}

/*  */
.algn {
    text-align: center;
}

.enquiry input, .enquiry select {
    height: 55px;
}
.enquiry select {
    padding-left: 8px !important;
}

.enquiry svg {
    top: 17px;
}

.enquire_head .btn_enqr {
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
    background: var(--primary);
    color: var(--white);
    padding: 14px 13px;
    width: 122px;
    font-size: 18px;
    border: none;
}





/* ABOUT */
.about_inner {
    text-align: center;
    max-width: 850px;
    margin: 2.5rem auto 0 auto;
}

    .about_inner p {
        font-size: 17px;
        letter-spacing: 1.15px;
    }

.about h2::after {
    width: 120px;
    left: 53%;
    background: var(--additional);
}

/* training */

.highlights ul {
    margin-inline-start: 1rem;
}

    .highlights ul li {
        margin-block: 0.5rem;
        list-style: disc;
    }


/* contact us */
.contact_det_Cen {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

    .contact_det_Cen h3,
    .contact_det_Cen > p {
        font-weight: 700;
    }

    .contact_det_Cen > p {
        font-size: 20px;
        margin-bottom: 0.25rem;
    }

    .contact_det_Cen address {
        line-height: 27px;
        letter-spacing: 1.15px;
    }

.contact_form {
    padding: 5rem 3.5rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}



.certification ul {
    margin-left: 1rem;
}

    .certification ul li {
        list-style: disc;
    }

.certification_form {
    padding: 3rem 3.5rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    position: sticky;
    top: 140px;
}

    .contact_form input,
    .certification_form input {
        height: 40px;
    }
.submit_btn{
    padding-block-start: 1rem;
    max-width: 40%;
}
.btn {
    text-align: center;
    margin: 0 auto;
    border: 1px solid #1a2841;
    padding: 4px 12px;
    border-radius: 4px;
    /* width: 40%; */
    background: var(--primary);
    color: var(--white);
}

    .btn:hover {
        background: var(--prim-drk-2);
        color: var(--white);
    }



/* FOOTER */

.footer {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    border-top: 1px solid var(--add-2dark);
    background: linear-gradient(267deg, var(--tertiary) 0, var(--primary) 100%);
}

.footer_wrapper {
    padding: 3.5rem 0px;
}

.footer-logo p {
    color: white;
    font-size: 15px;
    margin-top: 1rem;
}

.footer h5 {
    height: 30px;
    color: white;
}

.footer ul {
    line-height: 2.2;
}

    .footer ul li a {
        color: white;
        font-size: 15px;
    }

.footer_bottom {
    color: var(--white);
    background: #151c49;
    padding-block: 0.25rem;
}

    .footer_bottom p {
        margin-bottom: 0;
    }

.add {
    color: white;
    line-height: 1.4;
    margin-bottom: .8rem;
}

.contact-d li a {
    display: flex;
    align-items: center;
}

    .contact-d li a svg {
        fill: white;
        margin-right: 5px;
    }

.footer_wrapper {
    gap: 1rem;
}


.social__icons__wrapper {
    display: flex;
    justify-content: end;
    gap: 12px;
}

.social__icons {
    background-color: var(--primary);
    border-radius: 12px;
    padding: 7px;
    width: 40px;
    height: 40px;
    display: flex;
    place-items: center;
    place-content: center;
    cursor: pointer;
}

    .social__icons svg {
        fill: var(--white);
    }


@media(max-width:500px) {
    .top_header_wrapper {
        width: 98%;
    }

    .logo{
        padding-inline-start: 7px;
    }
    .logo img {
        width: 200px;
    }

   
    .email span {
        display: none;
    }
    .email{
        margin-inline-end: 1rem;
    }

    .email svg {
        width: 24px;
        height: 24px;
    }

    /* hero */
    .hero img,
    .card {
        width: 100%;
    }

    .about_home .center-txt > img {
        width: 100%;
    }

    /* banner */
    .banner {
        padding-block: 4rem;
    }

        .banner h1 {
            font-size: 30px;
        }
        .certification_banner h1{
            font-size: 18px;
            max-width: 209px;
            line-height: 1.5;
        }
    /* testimonial */
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next,
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            line-height: 1;
            font-size: 15px;
        }


        .submit_btn{
            max-width: 100%;
        }
}

@media(min-width:500px) {

    /* banner */
    .banner {
        padding-block: 7rem;
    }
}

@media (min-width: 1000px) {

    /* footer */
    .line-foot {
        border-left: 1px solid white;
        padding: 0px 15px;
    }

    .footer h5 {
        height: 46px;
    }

    /* hero */

    .hero_img {
        text-align: end;
        /* margin-bottom: -18px; */
    }

    .about_home .flex-inline {
        padding-top: 0rem;
    }


    /* banner */
    .banner {
        padding-block: 9rem;
    }

    .enq_wrap .form-group {
        margin-bottom: 0rem;
    }

    .certification_form {
        padding: 3rem 5.5rem;
        width: 570px;
    }

    /* testimonial */
    .textimonial_box {
        padding: 1.5rem 3rem;
        height: 370px;
    }
}

@media (min-width: 1200px) {

    /* banner */
    .banner {
        padding-block: 11rem;
    }

    /*certification*/

    .certification h3 {
        font-size: 1.5rem;
    }
}

@media (min-width: 1500px) {

    /* banner */
    .banner {
        padding-block: 14rem;
    }
}

@media (min-width: 900px) {
    .header_menu {
        width: 100%;
    }

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

    .none {
        display: none;
    }

    .navbar ul li:nth-child(1) a {
        padding: 20px 16px 20px 0;
    }

    .hero h1 {
        font-size: 43px;
    }

    /*  */
    .algn {
        text-align: end;
    }
}

@media(max-width:1200px) {
    .menu ul li a {
        color: #233D89;
        font-size: 15px;
    }

    .heading {
        font-size: 35px;
    }


    p {
        font-size: 14px;
    }

    .menu {
        margin-right: 0rem;
    }

        .menu ul li a {
            color: #233D89;
            font-size: 15px;
        }

    .login,
    .immediate {
        font-size: 15px;
    }
}

@media(min-width:868px) {
    .navbar ul {
        display: flex;
        align-items: center;
    }

    .link-box1 {
        height: 364px;
        overflow-y: auto;
    }

    .footer_wrapper {
        gap: 0rem;
    }
}

@media(max-width:868px) {
    .menu ul li a:hover {
        background: #2c4691;
    }

    .navbar ul li a {
        color: var(--white);
    }

    .submenu {
        position: static;
        padding-top: 0px !important;
        width: 100%;
        margin: auto;
        margin-bottom: 1rem;
        border-radius: 0px;
        visibility: visible;
        display: none;
        opacity: 1;
        display: none;
        box-shadow: none;
    }

    .toggle-bar svg {
        display: block;
    }

    .top_header {
        width: 100%;
    }

    .header_menu {
        width: 100%;
        padding: 10px 20px;
    }

    .none {
        display: block;
    }

    .navbar {
        position: fixed;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 58%;
        background: var(--prim-drk-2);
        opacity: 0;
        overflow-x: hidden;
        left: -510px;
        transition: 0.5s;
        z-index: 9;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    }

    .shownav {
        left: 0px;
        opacity: 1;
        transition: 0.5s;
    }

        .shownav ul {
            padding-top: 75px;
        }

    .show-overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        z-index: 2;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.19);
    }

    .mobile-logo {
        display: block !important;
        height: 70px;
        line-height: 103px;
        background: var(--prim-light);
        padding: 0px 25px;
        position: absolute;
        width: 100%;
    }

    .close-btn:hover {
        color: rebeccapurple;
    }

    .close-btn,
    .none {
        display: block;
        position: absolute;
        cursor: pointer;
        font-size: 30px;
        color: #191e2f;
        z-index: 99;
    }

    .close-btn {
        top: 24px;
        right: 10px;
    }

    .none {
        top: 9px;
        right: 0px;
    }

        .none svg {
            fill: var(--prim-drk-2)
        }

    .menu ul li a {
        color: white;
        padding: 17px 22px;
        display: block;
        width: 100%;
    }

    .menu ul {
        flex-direction: column;
        padding-top: 7rem;
    }

        .menu ul li {
            width: 100%;
            border-bottom: 1px solid gray;
        }

    .droparw {
        position: absolute;
        top: 23px;
        right: 24px;
    }

        .droparw svg {
            fill: var(--white);
            width: 24px;
            height: 24px;
        }

    /* hero */
    .hero {
        padding-block-start: 2rem;
    }

    /*  */
    .enq_wrap {
        flex-direction: column;
    }

    .in_enq_btn{
        margin-block-start: 2rem;
    }




    /*  */
    .campus_banner h1 {
        font-size: 27px;
    }

    /* contact */

    .contact_form {
        margin-top: 2rem;
        padding: 3rem 3.5rem;
    }

        .contact_form h2::after {
            left: 42%;
        }

        .training img{
            width: 100%;
        }
}