/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1727347553
Updated: 2024-09-26 10:45:53

*/

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");
    unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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: __Inter_Fallback_aaf875;
    src: local("Arial");
    ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}

.__className_aaf875 {
    font-family: __Inter_aaf875,__Inter_Fallback_aaf875;
    font-style: normal
}


/*
! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');



*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
	font-family: "Outfit", sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit;
	font-family:"Bai Jamjuree", Sans-serif !important;
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}
.btn-one a{
font-family: "Outfit", sans-serif !important;
}
button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

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

[hidden] {
    display: none
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(223,41,113,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(223,41,113,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

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

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

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

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

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

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.-bottom-56 {
    bottom: -14rem
}

.-left-24 {
    left: -6rem
}

.-left-7 {
    left: -1.75rem
}

.-top-14 {
    top: -3.5rem
}

.-top-20 {
    top: -5rem
}

.bottom-0 {
    bottom: 0
}

.bottom-5 {
    bottom: 1.25rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.col-span-2 {
    grid-column: span 2/span 2
}

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

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-32 {
    margin-bottom: 8rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.me-3 {
    margin-inline-end:.75rem}

.me-36 {
    margin-inline-end:9rem}

.ml-4 {
    margin-left: 1rem
}

.mr-0 {
    margin-right: 0
}

.mr-3 {
    margin-right: .75rem
}

.ms-2 {
    margin-inline-start:.5rem}

.ms-auto {
    margin-inline-start:auto}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-12 {
    height: 3rem
}

.h-24 {
    height: 6rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-48 {
    height: 12rem
}

.h-56 {
    height: 14rem
}

.h-72 {
    height: 18rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-96 {
    height: 24rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.w-12 {
    width: 3rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-32 {
    width: 8rem
}

.w-4\/12 {
    width: 33.333333%
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-56 {
    width: 14rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-9\/12 {
    width: 75%
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem !important;
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-grow {
    flex-grow: 1
}

.basis-4\/6 {
    flex-basis: 66.666667%
}

.basis-6\/12 {
    flex-basis: 50%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.animate-bounce {
    animation: bounce 1s infinite
}

.columns-1 {
    -moz-columns: 1;
    column-count: 1
}

.columns-2 {
    -moz-columns: 2;
    column-count: 2
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.justify-center {
    justify-content: center
}

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

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.overflow-hidden {
    overflow: hidden
}

.break-words {
    overflow-wrap: break-word
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem !important
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.border-4 {
    border-width: 4px
}

.border-8 {
    border-width: 8px
}

.border-delight-pink {
    --tw-border-opacity: 1;
    border-color: rgb(223 41 113/var(--tw-border-opacity))
}

.border-light-blue {
    --tw-border-opacity: 1;
    border-color: rgb(230 242 255/var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.bg-\[\#001e36\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 30 54/var(--tw-bg-opacity))
}

.bg-\[\#007ACD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 122 205/var(--tw-bg-opacity))
}

.bg-\[\#0866FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(8 102 255/var(--tw-bg-opacity))
}

.bg-\[\#0A61B0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 97 176/var(--tw-bg-opacity))
}

.bg-\[\#0b76d9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 118 217/var(--tw-bg-opacity))
}

.bg-\[\#10a37f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 163 127/var(--tw-bg-opacity))
}

.bg-\[\#1e6671\] {
    --tw-bg-opacity: 1;
    background-color: rgb(30 102 113/var(--tw-bg-opacity))
}

.bg-\[\#27272B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 43/var(--tw-bg-opacity))
}

.bg-\[\#3D5B91\] {
    --tw-bg-opacity: 1;
    background-color: rgb(61 91 145/var(--tw-bg-opacity))
}

.bg-\[\#3dbdf2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(61 189 242/var(--tw-bg-opacity))
}

.bg-\[\#3f1658\] {
    --tw-bg-opacity: 1;
    background-color: rgb(63 22 88/var(--tw-bg-opacity))
}

.bg-\[\#459754\] {
    --tw-bg-opacity: 1;
    background-color: rgb(69 151 84/var(--tw-bg-opacity))
}

.bg-\[\#ADE2FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(173 226 255/var(--tw-bg-opacity))
}

.bg-\[\#D5F9F0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(213 249 240/var(--tw-bg-opacity))
}

.bg-\[\#DB0202\] {
    --tw-bg-opacity: 1;
    background-color: rgb(219 2 2/var(--tw-bg-opacity))
}

.bg-\[\#E6FFC6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 255 198/var(--tw-bg-opacity))
}

.bg-\[\#EADAFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(234 218 255/var(--tw-bg-opacity))
}

.bg-\[\#FFCFBE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 190/var(--tw-bg-opacity))
}

.bg-\[\#FFF3D8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 216/var(--tw-bg-opacity))
}

.bg-\[\#ade2ff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(173 226 255/var(--tw-bg-opacity))
}

.bg-\[\#d4d8ff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(212 216 255/var(--tw-bg-opacity))
}

.bg-\[\#d5f9f0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(213 249 240/var(--tw-bg-opacity))
}

.bg-\[\#e4eaef\] {
    --tw-bg-opacity: 1;
    background-color: rgb(228 234 239/var(--tw-bg-opacity))
}

.bg-\[\#eadaff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(234 218 255/var(--tw-bg-opacity))
}

.bg-\[\#f06232\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 98 50/var(--tw-bg-opacity))
}

.bg-\[\#f26333\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 99 51/var(--tw-bg-opacity))
}

.bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity))
}

.bg-\[\#fdef08\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 239 8/var(--tw-bg-opacity))
}

.bg-\[\#ffdb4e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 219 78/var(--tw-bg-opacity))
}

.bg-\[\#fff3d8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 216/var(--tw-bg-opacity))
}

.bg-delight-pink {
    --tw-bg-opacity: 1;
    background-color: rgb(223 41 113/var(--tw-bg-opacity))
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128/var(--tw-bg-opacity))
}

.bg-light-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(230 242 255/var(--tw-bg-opacity))
}

.bg-regal-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(48 41 115/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-\[\#DF2971\] {
    --tw-gradient-from: #df2971 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(223,41,113,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-\[\#FFCA0E\] {
    --tw-gradient-to: #ffca0e var(--tw-gradient-to-position)
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-bottom {
    background-position: bottom
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-3 {
    padding-left: .75rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-28 {
    padding-top: 7rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-lg {
    font-size: 1.125rem
}

.text-lg,.text-xl {
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.leading-7 {
    line-height: 1.75rem
}

.leading-\[2rem\] {
    line-height: 2rem
}

.text-delight-pink {
    --tw-text-opacity: 1;
    color: rgb(223 41 113/var(--tw-text-opacity))
    
}
span.special {
    color: #e91e63;
}
.text-regal-blue {
    --tw-text-opacity: 1;
    color: rgb(48 41 115/var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.outline {
    outline-style: solid
}



@media (prefers-color-scheme: dark) {
    :root {
        --foreground-rgb:255,255,255;
        --background-start-rgb: 0,0,0;
        --background-end-rgb: 0,0,0
    }
}

body {
    font-size: 16px;
    overflow-x: hidden;
    overflow: hidden
}

p {
    font-size: 17px;
    font-weight: 400;
	 font-family:  "Outfit", sans-serif;
}


.w-100 {
    width: 100%
}

.lh-55 {
    line-height: 55px
}

.max-w-28 {
    max-width: 28rem
}

.align-center {
    align-items: center
}

.pr-color {
    color: #e91e63
}

html {
    overflow-x: hidden
}

.p-0-20 {
    padding: 0 20px
}

.bottom-5 {
    bottom: 5rem
}

.mb-30 {
    margin-bottom: 30px
}

.pt-30 {
    padding-top: 30px
}

.lh-30 {
    line-height: 30px
}

.bg-img,.hero-area {
    background: url(wp-content/uploads/2024/09/main-hero-bg.jpg)
    
}

.hero-area {
    background-position-y: bottom
}

.custom-trans-card {
    background-color: hsla(0,0%,100%,.6)
}

.about-sec {
    background: #e6f2ff;
    background-size: contain
}

.who-enroll {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.user-thumb .user-d p,.user-thumb .user-d span {
    display: none
}

.user-thumb .swiper-slide-thumb-active .user-d p,.user-thumb .swiper-slide-thumb-active .user-d span {
    display: block
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15);
    border-radius: 1rem
}

.career-opt-slider .overlay {
    background: linear-gradient(180deg,rgba(48,41,115,0),#302973 53.65%)
}

.ft-logo-area img {
    height: 55px;
    margin: 0 auto
}

.moving-image {
    animation: moveImage 5s linear infinite
}

@keyframes moveImage {
    0% {
        transform: translate(0)
    }

    25% {
        transform: translate(10px,10px)
    }

    50% {
        transform: translate(10px,-10px)
    }

    75% {
        transform: translate(-10px,10px)
    }

    to {
        transform: translate(0)
    }
}

.bouncing-image {
    animation: bounce 3s infinite
}

@keyframes bounce {
    0%,to {
        bottom: 0
    }

    50% {
        bottom: 10px
    }
}

.circle {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    background-color: #df2971;
    color: #fff;
    text-align: center;
    line-height: 100px;
    font-family:  "Outfit", sans-serif;
    border-radius: 50%;
    font-size: 1.3rem;
    padding: 0 35px
}

.circle svg {
    width: 35px;
    fill: #fff
}

.circle:hover {
    cursor: pointer
}

.circle:after,.circle:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #df2971;
    border-radius: 50%;
    z-index: -1;
    animation: grow 1s ease-in-out infinite
}

.circle:after {
    background: rgba(255,95,122,.4)
}

.circle:after:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #5f84ff;
    border-radius: 50%;
    z-index: -1;
    animation: grow 1s ease-in-out infinite
}

.circle:before {
    background: rgba(255,95,122,.6);
    animation-delay: -.5s
}

.header-logo {
    width: 250px
}

.course-card {
    border-radius: 20px;
    background-color: #fff;
    margin: 0 10px 30px;
    padding: 10px
}

.course-card .act-btns {
    transition: all .2s ease-in-out;
    padding: 15px;
    display: flex;
    justify-content: center
}

.card-bottom {
    padding: 5px 20px
}

.course-card:hover {
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.1)
}

.course-card:hover .act-btns {
    opacity: 1;
    visibility: visible;
    transition: all .2s ease-in-out
}

.course-card .act-btns button span {
    padding: 15px 40px;
    background-image: linear-gradient(20deg,#fff 50%,#df2971 0);
    position: relative;
    background-size: 300%;
    transition: all .6s
}

.course-card .act-btns button span:hover {
    color: #fff;
    background-position: 100%;
    transform: translateX(.5rem);
    border: none
}

.course-card .act-btns button span:active {
    transform: translate(.5rem,.5rem);
    box-shadow: 0 10px 20px -15px rgba(0,0,0,.75)
}
.course-card .card-inner img{
border-radius:10px;
}

.testimonials .user-thumb .swiper-slide img {
    transform: scale(.8)
}

.testimonials .user-thumb .swiper-slide-thumb-active img {
    border: 3px solid #df2971;
    transform: scale(1)
}

.user-thumb .swiper-wrapper {
    display: flex;
    justify-content: center
}

.opertunit-caree .swiper-slide {
    max-width: 450px
}

.opertunit-caree .swiper-button-next,.opertunit-caree .swiper-button-prev {
    display: none
}

.bread-crub {
    background: url(/breadcrub-bg-45065.jpg);
    background-size: cover;
    background-position: bottom
}

.bread-crub nav {
    padding: 5px
}

.bread-crub nav li a {
    padding: 5px 7px
}

.event-venue .overlay {
    background: linear-gradient(180deg,rgba(48,41,115,0),#000 53.65%)
}

.bread-crub .arrow {
    padding: 0 5px
}

.contact-detail {
    background: url(/540540545485087.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.bg-mission {
    background: url(/145507890315.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom
}

.main-header ul a {
    font-size: 16px
}

.custom-swiper-button-next:after,.custom-swiper-button-prev:after {
    content: ""!important;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    background: hsla(0,0%,100%,.4);
    position: absolute;
    z-index: 999
}

.step-1:after,.step-3:after {
    background: url(/down.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 83%;
    bottom: 95px
}

.step-1:after,.step-2:after,.step-3:after,.step-4:after {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: -1
}

.step-2:after,.step-4:after {
    background: url(/up.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 81%;
    top: 75px
}

.swiper-pagination-bullet-active {
    background: #df2971
}

.tools-cover .swiper-wrapper {
    margin-bottom: 50px
}

.tools-cover {
    padding: 0 5px
}

.banner-image-h {
    min-height: 420px
}

.min-h-custom {
    min-height: calc(100vh - 300px)
}

.blog-details-p p {
    margin-bottom: 1.75em
}

.blog-details-p b,.blog-details-p strong {
    font-weight: 700
}

.blog-details-p h1 {
    font-size: 2em;
    color: #302973;
    font-size: 42px
}

.blog-details-p h2 {
    font-size: 1.5em;
    font-size: 34px;
    font-weight: 700;
    line-height: 52px;
    color: #302973;
    margin-bottom: 20px
}

.blog-details-p h3 {
    font-size: 1.17em
}

.blog-details-p h4 {
    font-size: 1em;
    color: #302973;
    margin-bottom: 20px
}

.blog-details-p h5 {
    font-size: .83em;
    color: #302973;
    margin-bottom: 20px
}

.blog-details-p h6 {
    font-size: .67em
}

.blog-details-p h3 {
    font-size: 31px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 20px;
    color: #302973
}

.why-choose .content {
    background: linear-gradient(45deg,#0e0097,#7a384e);
    padding: 30px 5px;
    border-radius: 20px
}

.why-choose .swiper-pagination {
    z-index: 99
}

.why-choose h2 {
    max-width: 970px;
    line-height: 60px;
    color: #fff;
/*     margin-bottom: 20px */
}

.why-choose p {
    color: #fff
}

.trending-course .course-title {
    min-height: 57px;
	color:black;
}

.trending-course {
    padding: 40px 0;
    background-color: #e5f1ffc8
}

.swiper-certifi img {
    width: 80%;
    height: 80px !important;
    background: #fff;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 10px;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.2) !important;
}

.faq-sec p {
    line-height: 26px
}

@media (min-width: 1536px) {
    .container {
        max-width:1480px
    }
}

@media (min-width: 768px) {
    .whatsapp-input-group .input-mob input {
        border-top-right-radius:0;
        border-bottom-right-radius: 0
    }

    .whatsapp-input-group button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (max-width: 767.99px) {
    .blog-details-p h1,.blog-details-p h2,.blog-details-p h3,.blog-details-p h4,.blog-details-p h5,.blog-details-p h6 {
        text-align:left
    }

    .main-header ul a {
        color: rgb(55 65 81/var(--tw-text-opacity));
        padding: .5rem 1rem .5rem .75rem;
        border-bottom: 1px solid #f3f4f6
    }

    .contact-form .form-area button {
        width: 100%
    }

    body {
        font-size: 14px
    }

    .hero-area .imgs-area img {
        width: auto;
        -o-object-fit: contain;
        object-fit: contain
    }

    .course-card .act-btns {
        opacity: 1;
        visibility: visible
    }

    .w-full-md-custom {
        width: 100%
    }

    .opertunit-caree .swiper-wrapper img {
        height: 420px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .faq-sec .faq-img {
        margin: 0 auto;
        max-width: 220px
    }

    .step-1:after,.step-3:after {
        transform: scaleX(-1) rotate(80deg);
        right: 35px;
        left: auto !important;
        bottom: -50px !important;
    }

    .step-2:after,.step-4:after {
        transform: scaleX(-1) rotate(125deg);
        left: 35px !important;
        top: auto !important;
        bottom: 0 !important;
    }
}

@media (min-width: 1280px) {
    .container {
        padding:0 30px
    }

    .banner-video {
        padding: 0 60px
    }
}

@media (min-width: 768px) {
    .col-md-3 {
        flex:0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-9 {
        flex: 0 0 74.66666%;
        max-width: 76.66666%
    }

    .col-md-8 {
        flex: 0 0 66.66666%;
        max-width: 66.66666%
    }

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

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

    .col-md-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
}

.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.row {
    display: flex!important;
    flex-flow: row wrap
}

.bg-blue-light {
    background: url(wp-content/uploads/2024/09/main-hero-bg.jpg)
}

.about-sec-bottom {
    margin: 40px 0;
    text-align: center;
    background-color: #ffffff3b;
    padding: 70px 40px;
    border-radius: 10px;
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.1)
}

.about-sec-bottom h5 {
    font-size: 35px;
    color: #df2971;
    margin-bottom: 40px;
    line-height: 40px
}

.about-sec-bottom p {
    color: #302973
}

.about-sec-bottomspan {
    color: #fff
}

@media (max-width: 1280px) {
    .about-sec-bottom h5 {
        font-size:30px;
        margin-bottom: 40px
    }
}

.gallery {
    margin: 0 auto;
    font: inherit;
    display: grid;
    padding: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit,minmax(250px,250px));
    justify-content: center
}

.instructions {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

#fullpage {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #000
}

footer {
    padding-top: 25px !important
}

.footer-links ul li a {
    font-weight: 600;
    color: #767676;
    font-size: 16px;
    text-align: left;
    padding: 10px 0
}

.footer-links p {
    font-size: 15px;
    color: #464646;
    margin-bottom: 10px
}

.footer-links h2 {
    font-size: 16px
}

.contact-form {
    margin-bottom: 50px
}

.subscribe {
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: -moz-max-content;
    height: max-content
}

.subscribe .border-sec {
    border: 2px dotted #555;
    border-radius: 10px
}

.section-main {
    background-color: #302973;
    text-align: center;
    padding: 40px 40px 50px;
    border-radius: 10px;
    margin: 20px;
    box-shadow: 0 1px 20px 0 #3029733d
}

.section-main h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 30px
}

.section-main p {
    color: #fff;
    margin-bottom: 40px;
    font-size: 18px
}

.section-main a {
    background-color: #df2971;
    padding: 15px 50px;
    color: #fff;
    box-shadow: 0 0 0 0 #fff
}

.QuoteModal {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000c7;
    transition: opacity .3s;
    visibility: hidden;
    opacity: 0
}

.QuoteModal:target {
    visibility: visible;
    opacity: 1;
    overflow: auto
}

.popup_modal {
    position: relative;
    z-index: 999;
    margin: 150px auto;
    padding: 50px 20px 30px;
    background: #5b0527ed;
    box-sizing: border-box;
    box-shadow: 1px 0 20px 5px #00000040;
    max-width: 500px;
    border-radius: 10px
}

.popup_modal .form-inner {
    background-color: #9f194e;
    padding: 20px;
    border-radius: 5px;
    margin-top: 10px
}

.popup_modal .form-inner h3 {
    color: #fff;
    padding: 0;
	font-size: 16px;
}

.popup_modal .form-inner .form-group input {
    padding-left: 5px
}
.elementor-popup-modal span.wpcf7-form-control-wrap input {
    color: #000 !important;
    border-color: #000;
    border-radius: 10px;
}
.popup_modal .form-inner .form-group input,.popup_modal .form-inner .form-group select {
    width: 100%;
    border-radius: 8px;
    height: 42px;
    font-size: 14px
}

.popup_modal .form-inner .form-group select option {
    padding: 5px 2px
}

.popup_modal .form-inner .form-group input::-moz-placeholder {
    font-size: 13px;
    color: #000
}

.popup_modal .form-inner .form-group input::placeholder {
    font-size: 13px;
    color: #000
}

.popup_modal .form-inner .form-group {
    margin-bottom: 20px
}

.popup_modal .form-inner .submit {
    background-color: #df2971;
    padding: 7px 40px;
    color: #fff;
    border-radius: 10px
}

.form-inner .error-message {
    color: #fff;
    text-align: left;
    font-weight: 400;
    margin: -10px 0 15px 6px
}

.popup_modal .quoteclose {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 15px;
    color: #000;
    border: 2px solid #000;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    padding: 2px
}

.slider {
    margin: auto;
    position: relative;
    width: 90%;
    display: grid;
    place-items: center;
    overflow: hidden
}

.slider-track {
    display: flex;
    width: calc(250px * 18);
    animation: scroll 40s linear infinite
}

@keyframes scroll {
    0% {
        transform: translateX(calc(-250px * 9))
    }

    to {
        transform: translateX(0)
    }
}

.slider-track-1 {
    display: flex;
    width: calc(250px * 18);
    animation: scrolling 40s linear infinite
}

@keyframes scrolling {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-250px * 9))
    }
}

.slide {
    width: 400px;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 10px;
    perspective: 100px;
    border: 1px solid #d5d5d5;
    margin: 10px
}

.slide:hover {
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.1)
}

.slide img {
    max-width: 387px;
    border-radius: 5px
}

.why-choose-video-sec .image {
    padding: 30px;
    display: flex;
    justify-content: center;
    position: relative
}

.why-choose-video-sec .image img {
    max-width: 850px;
    border-radius: 20px;
    border: 10px solid #302973
}

.why-choose-video-sec {
    background: url(/bg4.webp);
    padding: 40px 20px;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-video {
    position: relative;
    display: flex;
    justify-content: center
}

.banner-video video {
    border-radius: 10px;
    border: 6px solid #302973 !important;
}

.banner-video .video-play {
    bottom: 0!important
}

.play-btn {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    font-family:  "Outfit", sans-serif;
    border-radius: 50%;
    font-size: 1.3rem;
    padding: 0 35px
}

.play-btn svg {
    width: 35px;
    fill: #df2971
}

.play-btn:hover {
    cursor: pointer
}

.play-btn:after,.play-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: -1;
    animation: grow 2s ease-in-out infinite
}

.play-btn:after {
    background: hsla(0,0%,90%,.4)
}

.play-btn:after:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #5f84ff;
    border-radius: 50%;
    z-index: -1;
    animation: grow 1s ease-in-out infinite
}

.play-btn:before {
    background: hsla(0,0%,90%,.6);
    animation-delay: -.5s
}

.event-texts {
    display: none
}

.why-choose-video-sec .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,.5);
    border: none;
    border-radius: 50%;
    z-index: 2;
    cursor: pointer;
    transform: rotate(-90deg)
}

.why-choose-video-sec .play-button:before {
    content: "";
    position: absolute;
    top: 60%;
    left: 45%;
    transform: translate(-40%,-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #fff
}

.why-chose-li {
    margin: 10px 0
}

.why-chose-li li {
    line-height: 28px;
    margin-bottom: 15px;
    font-weight: 400
}

.why-chose-li li span {
    font-size: 17px;
    font-weight: 900;
    margin: 10px 10px 5px 0;
    color: #fd1f77;
    text-transform: uppercase;
    font-family: math
}

.why-chose-li li svg {
    width: 15px
}

.feedback-author {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.feedback-author img {
    width: 50px;
	height: 50px !important;
    border-radius: 50% !important;
    margin-right: 10px
}

.feedback-author span {
    font-size: 18px;
    font-weight: 600
}

.careers-op {
    padding: 50px 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.careers-op .enroll-btn {
    display: flex;
    justify-content: center
}

.careers-op .heading {
    text-align: center;
    margin-bottom: 40px
}

.careers-op .heading h3 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 20px
}

.careers-op .bot-bottons {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 20px 0
}
div#bot-botton-job {
    margin-left: -50px;
}

.careers-op .bot-bottons .item {
    padding: 20px 40px;
    border-radius: 5px;
    background: linear-gradient(180deg,#741694,#000000);
    margin: 0 10px;
    font-size: 16px;
    font-weight: 500;
    width: 300px
}

.careers-op .bot-bottons .item:hover {
    background-color: #741694
}

.careers-op .bot-bottons .item h4,.careers-op .bot-bottons .item span {
    color: #fff
}

.careers-op .contents {
    margin: 20px 0
}

.careers-op .contents .inner {
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.1);
    padding: 30px 20px;
    min-height: 250px;
    border-radius: 10px;
    background-color: #fff
}

.careers-op .contents .inner h5 {
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: 500
}

.careers-op .contents .inner:hover {
    background-color: #c8e5ff;
    transition: cubic-bezier();
    transition-duration: .6s
}

.careers-op .contents .inner h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #404040
}

.careers-op .contents .inner p {
    font-size: 15px;
    font-weight: 400
}

.contact-address-head {
    text-align: center
}

.contact-address-head h2 {
    font-size: 35px;
    font-weight: 700
}

.banner-new .banner-new .hero-content button {
    border: none;
    height: 50px;
    padding: 0 50px;
    font-size: 15px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 10px;
    line-height: 50px;
    background: #01a3a4;
    color: #fff;
    letter-spacing: 1px;
    font-weight: lighter;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    cursor: pointer;
    transition: all .1s cubic-bezier(.25,.8,.25,1)
}

.banner-new button:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

.banner-new .hero {
    height: 100%;
    color: #e91e63;
    box-sizing: border-box
}

.background-left,.background-right,.banner-new .background {
    height: 100%;
    width: 100%
}

.banner-new .background-left {
    background: red;
    background: #e91e63
}

.banner-new .background-right {
    background: #673ab7;
    -webkit-clip-path: polygon(0 0,0 100%,90% 100%);
    clip-path: polygon(0 0,0 100%,90% 100%)
}

.banner-new .hero-content {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 3rem 2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99
}

.banner-new .hero-content span {
    font-weight: 700
}

.banner-new .hero-content h1 {
    margin: 10px 0;
    color: #302973;
    font-size: 4rem;
    font-weight: 700;
    line-height: 70px
}

.banner-new .hero-content h1 span {
    color: #e91e63
}

.banner-new .hero-content p {
    margin: 25px 0;
    color: #000;
    font-size: 17px
}

.banner-new .hero-content p span {
    font-weight: 600;
    color: #000;
    font-size: 18pxr
}

@media (min-width: 768px) {
    .banner-new .hero-left {
        animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both
    }

    .banner-new .hero-right {
        animation: slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both
    }

    .banner-new .hero-right .img-2 {
        display: none
    }

    .banner-new .hero-image {
        width: 500px
    }
}

.hero-right img {
    filter: brightness(1.16)
}

@media (max-width: 768px) {
    .banner-new .hero-right .img-1 {
        display:none
    }

    .button-5 {
        font-size: 12px
    }

    .why-choose h2 {
        font-size: 26px;
        line-height: 35px
    }

    .careers-op .bot-bottons .item {
        padding: 20px;
        width: -moz-max-content;
        width: max-content
    }
}

.banner-new .hero-left {
    min-width: 35%
}

.banner-new .hero-right {
    width: 100%;
    flex: 1;
    text-align: center;
    height: 100%
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-1000px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        transform: translateX(1000px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.pop-up-main .quoteclose {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 15px;
    border: 2px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    padding: 3px
}

.pop-up-main {
    position: relative;
    margin: 150px auto;
    padding: 60px 20px;
    box-sizing: border-box;
    box-shadow: 1px 0 20px 5px #00000040;
    border-radius: 10px;
    max-width: 900px
}

.pop-up-main video {
    width: 100%
}

.event-img-slide {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(45deg,#060044,#97003c)#000;
    background-size: auto;
    margin: 25px 0
}

.event-img-slide .slider {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 0;
    transition: ease-in-out;
    transition-duration: 2s
}

.event-img-slide .slide-item {
    animation: animate 10s linear infinite;
    margin: 0 10px
}

.event-img-slide .slide-item img {
    border-radius: 10px;
    border: 5px solid #fff;
    -o-object-fit: cover;
    object-fit: cover
}

.event-img-slide .swiper-wrapper {
    align-items: center
}

.event-img-slide .swiper-button-next,.event-img-slide .swiper-button-prev {
    display: none
}

.event-img-slide .item-2 .img-1 {
    margin-bottom: 35px
}

.event-img-slide .item-2 img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.event-img-slide .slider:hover .slide-item {
    transition: ease;
    transition-duration: 2s
}

.event-img-slide .swiper-1 {
    padding: 12px
}

.event-slide-2 {
    height: 350px;
    overflow: hidden
}

.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 60px
}

.sec-title .title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #302973;
    font-weight: 500;
    margin-bottom: 15px
}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.28em;
    color: #222;
    padding-bottom: 18px
}

.sec-title h2 span {
    font-weight: 800;
    font-size: 3rem
}

.sec-title .text {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
    margin-top: 35px
}

.sec-title.light h2 {
    color: #fff
}

.sec-title.text-center h2:before {
    left: 50%;
    margin-left: -25px
}

.list-style-one {
    position: relative
}

.list-style-one li {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 12px
}

.list-style-one li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-size: 18px;
    padding: 0;
    color: #f22;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family:  "Outfit", sans-serif;
}

.list-style-one li a:hover {
    color: #44bce2
}

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    padding: 10px 30px;
    font-weight: 600;
    overflow: hidden;
    letter-spacing: .02em;
    background-color: #302973
}

.btn-style-one:hover {
    background-color: #0794c9;
    color: #fff
}

.about-section {
    position: relative;
    padding: 100px 0 0
}

.about-section .sec-title {
    margin-bottom: 45px
}

.about-section .content-column {
    position: relative;
    margin-bottom: 50px
}

.about-section .content-column .inner-column {
    position: relative
}

.about-section .text {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
    border-radius: 2px
}

.about-section .list-style-one {
    margin-bottom: 45px
}

.about-section .btn-box {
    position: relative
}

.about-section .btn-box a {
    padding: 15px 50px
}

.about-section .image-column {
    position: relative
}

.about-section .image-column .text-layer {
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #fff;
    margin-top: -175px;
    font-weight: 500
}

.about-section .image-column .inner-column {
    position: relative;
    padding-bottom: 0
}

.about-section .image-column .inner-column .author-desc {
position: absolute;
    bottom: 41px;
    z-index: 1;
   background-image: linear-gradient(to bottom, #741694, #000000);
    padding: 15px 15px;
    left: 147px;
    width: calc(100% - 250px);
    border-radius: 50px;
}

.about-section .image-column .inner-column .author-desc h5 {
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    margin: 0
}

.about-section .image-column .inner-column .author-desc span {
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    color: #fff;
    display: block;
    font-weight: 400
}

.about-section .image-column .image-1 {
    position: relative
}

.about-section .image-column .image-2 {
    position: absolute;
    left: 0;
    bottom: 0
}

.about-section .image-column .video-link {
    position: absolute;
    left: 70px;
    top: 170px
}

.about-section .image-column .video-link .link {
    position: relative;
    display: block;
    font-size: 22px;
    color: #191e34;
    font-weight: 400;
    text-align: center;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 30px 50px rgba(8,13,62,.15);
    transition: all .3s ease
}

.course-details {
    padding: 40px 0
}

.top-sec {
    display: flex;
    justify-content: center;
    padding: 50px;
    border: 1px solid #ddd
}

.top-sec img {
    width: 100%
}

.main-details .right video {
    width: 100%;
    border-radius: 15px
}

.main-details .col-md-4 {
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 30px 0 rgba(48,41,115,.2);
    margin-top: 20px;
    height: -moz-max-content;
    height: max-content
}

.main-details .left h1 {
    margin-top: 40px;
    font-size: 32px;
    font-weight: 700
}

.tab {
    --tab-padding: 20px 0px;
    --tab-bg: #05082b;
    --tab-active-bg: #fff
}

.buttons2 a {
    width: 260px
}

.buttons2 .button-5 {
    width: 100%;
    padding: 15px 10px;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 0 0 0 #fff
}

.tab h2 {
    color: #302973;
    font-weight: 800;
    margin: 0 15px;
    font-size: 32px
}

@media (max-width: 575px) {
    .tab label {
        width:100%
    }
}

.tab-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.tab-content {
    width: 100%;
    padding: 15px;
    margin: 10px 0
}

.tab-content h3 {
    font-size: 22px;
    font-weight: 600;
    color: #05082b;
    margin-bottom: 15px
}

.certification-overview h4 {
    font-size: 22px;
    font-weight: 800;
    margin: 20px 0;
    color: #05082b
}

.tab-content p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #05082b;
    margin-bottom: 20px
}

@media (min-width: 576px) {
    .tab-content {
        order:9999
    }
}

.tab-content .modules {
    display: grid;
    grid-template-columns: auto auto auto
}

.tab-content .modules li {
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    background-color: #fdfdfd;
    padding: 20px 10px;
    margin: 0 10px 10px 0;
    display: grid;
    color: #939393
}

.tab-content .modules li span {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    margin: 0 0 5px;
    color: #05082b
}

.main-details .course-duration {
    margin-top: 40px
}

.main-details .course-duration .single-item {
    display: flex;
    justify-content: space-between;
    padding: 20px 10px;
    align-items: center;
    border-bottom: 1px dotted #000
}

.main-details .course-duration .single-item span {
    font-size: 16px;
    font-weight: 500;
    color: #6f6f6f
}

.main-details .course-duration .single-item h4 {
    font-size: 16px;
    font-weight: 600
}

.main-details .bottom .buttons {
    margin: 20px 0
}

.main-details .bottom .download {
    display: inline
}

.main-details .bottom button {
    width: 100%;
    margin: 10px 0;
    padding: 20px;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600
}

.main-details .bottom .download {
    background-color: #302973
}

.main-details .bottom .enquire {
    background-color: #e32473
}

.go-corner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 32px;
    height: 32px;
    overflow: hidden;
    top: 0;
    right: 0;
    background-color: #302973;
    border-radius: 0 4px 0 32px
}

.go-arrow {
    margin-top: -4px;
    margin-right: -4px;
    color: #fff;
}

.careers-op .contents .inner {
    display: block;
    position: relative;
    background-color: #f2f8f9;
    border-radius: 4px;
    padding: 32px 24px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 50px
}

.careers-op .contents .inner:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background-image: linear-gradient(to bottom, #741694, #000000);
    height: 45px;
    width: 45px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform .25s ease-out
}

.careers-op .contents .inner:hover:before {
    transform: scale(21)
}

.careers-op .contents .inner:hover h5,.careers-op .contents .inner:hover p {
    transition: all .3s ease-out;
    color: #fff
}

.video-gallery video {
    width: 100%;
    max-width: 32rem;
    border-radius: 30px
}

.video-gallery .heading h1 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #302973
}

.video-gallery .swiper-button-next,.video-gallery .swiper-button-prev {
    background-color: #df2971;
    color: #fff;
    opacity: 1;
    padding: 15px;
    font-size: 10px;
    border-radius: 10px
}

.video-gallery .swiper-button-next:after,.video-gallery .swiper-button-prev:after {
    font-size: 15px
}

.video-gallery {
    position: relative;
    padding-bottom: 50px
}

.testimonials {
    padding: 0 30px
}

.bold-line {
    height: 100px;
    background: linear-gradient(181deg,#df2971,#302973);
    width: 100% !important;
    position: absolute !important;
    bottom: 36%
}

.event-videos {
    z-index: 99
}

.event-videos,.video-card {
    position: relative
}

.whychoose-video video {
    max-height: 600px
}

.whychoose-video {
    display: flex;
    justify-content: center;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.1)
}

.video-card:hover button {
    display: none
}

.poster-image,.video-play {
    position: absolute;
    z-index: 2
}

.video-play {
    top: 50%;
    left: 51%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    font-size: 1.3rem;
    padding: 0 35px
}

.video-play svg {
    width: 25px;
    fill: #df2971
}

.video-play:hover {
    cursor: pointer
}

.video-play:after,.video-play:before {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: -1;
    animation: grow 1s ease-in-out infinite
}

.video-play:after {
    background: hsla(0,0%,90%,.4)
}

.video-play:after:before {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: #5f84ff;
    border-radius: 50%;
    z-index: -1;
    animation: grow 1s ease-in-out infinite
}

.video-play:before {
    background: hsla(0,0%,90%,.6);
    animation-delay: -.5s
}

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

    to {
        transform: scale(1.8);
        opacity: 0
    }
}

.feedback-col .author {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.feedback-col .author svg {
    width: 50px;
    fill: #e91e63
}

.feedback-col {
    background-color: #fff!important;
    padding: 20px;
    overflow: hidden;
	height: 100% !important;
	min-height:100% !important;
}

.feedback-col p {
    color: #343434;
      display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}

.test-head {
    margin: 50px 0
}

.testimonial-new .swiper-button-prev {
    color: #fff;
    background-color: #000;
    padding: 10px;
    border-radius: 10px
}

.testimonial-new .swiper-button-next:after,.testimonial-new .swiper-button-prev:after {
    font-size: 14px
}

.testimonial-new .swiper-button-next {
    color: #fff;
    background-color: #000;
    padding: 10px;
    border-radius: 10px
}

.testimonials .swiper {
    padding: 0 35px!important
}

@media (max-width: 768px) {
    .opertunit-caree {
        padding:0 30px;
        margin-top: 30px
    }

    .careers-op .heading h1 {
        color: #fff
    }

    .banner-new .hero-content h1 {
        font-size: 32px;
        line-height: 40px
    }

    .banner-new .hero-content p {
        margin: 10px 0
    }

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

    .why-choose {
        margin: 20px 0
    }

    .section-main h2 {
        font-size: 20px
    }

    .section-main p {
        font-size: 12px
    }

    .blupin-about h1 {
        font-size: 27px
    }

    .testimonial-new .head h3 {
        font-size: 25px!important;
        line-height: 30px!important
    }

    .testimonial-new .head .font-2 {
        font-size: 22px
    }

    .feedback-col {
        min-height: 450px
    }

    .blupin-video,.whychoose-video {
        margin-top: 20px
    }

    .tab-content .modules {
        grid-template-columns: auto
    }

    .top-sec {
        padding: 20px
    }

    .why-choose h1 {
        font-size: 25px;
        line-height: 30px
    }

    .bold-line {
        display: none
    }

    .testimonial-new h1 {
        font-size: 30px
    }

    .bread-crub h2 {
        font-size: 25px
    }

    .call-head {
        display: none!important
    }

    .video-gallery .swiper-backface-hidden .swiper-slide {
        padding: 0 50px
    }

    .event-img-slide .swiper-1 {
        padding: 0
    }

    .banner-new .hero-content {
        padding: 1rem
    }

    .trending-course {
        padding: 20px 0 5px
    }

    .test-head {
        margin: 0
    }

    .trip-map {
        padding-bottom: 0
    }

    .video-gallery .heading h4 {
        padding-top: 0!important
    }

    .about-sec .py-10,.about-section,.careers-op {
        padding: 0
    }

    .about-section .content-column {
        margin-bottom: 0
    }

    .faqs-sec {
        padding: 0 0 20px!important
    }
}

.certify-skills {
    background: url(/bg1.jpg);
    padding: 40px 20px;
    background-repeat: no-repeat;
    background-size: cover
}

.certify-skills .heading {
    text-align: center;
    margin-bottom: 30px
}

.certify-skills .heading h1 {
    font-weight: 700;
    font-size: 50px;
    margin: 20px 0;
    color: #302973
}

.certify-skills .heading p {
    font-weight: 500;
    font-size: 18px
}

.certify-skills .inner {
    padding: 20px;
    border-radius: 10px;
    border: 0 solid #302973d1;
    min-height: 200px;
    margin-bottom: 20px;
    background-color: #f5f5f5
}

.certify-skills .inner:hover {
    box-shadow: 0 0 30px 0 rgba(48,41,115,.31)
}

.certify-skills .inner h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #302973
}

.certify-skills .inner p {
    color: #000;
    line-height: 30px
}

.Loading {
    text-align: center;
    font-size: 20px;
    font-weight: 600
}

.contact-ic {
    width: 80px
}

.detail-bottom {
    float: left;
    background-color: #daeeff;
    padding: 20px 20px 40px;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px
}

.detail-bottom h4 {
    font-size: 30px;
    font-weight: 700;
    color: #302973
}

.detail-bottom h4 p {
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0;
    color: #000
}

.testimonial-video video {
    border: 8px solid #fff;
    border-radius: 35px
}

.event-image {
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s ease-in-out
}

.event-image:hover {
    transform: scale(1.1)
}

.video-gallery .heading {
    text-align: center;
    padding: 10px 0 0
}

.video-gallery .heading h4 {
    color: #302973;
    font-size: 40px;
    font-weight: 900;
    padding-top: 20px;
    margin-bottom: 20px
}

.video-gallery .swiper-wrapper {
    padding-bottom: 0!important
}

.certifcate-slide img {
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.custom-swiper-button-prev:after {
    background-color: transparent
}

.swiper-wrapper {
    padding-bottom: 30px
}

.swiper-container {
    position: relative
}

.swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #000;
    margin: 0 5px;
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background-color: red
}

.form-area input,.form-area textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e6e0e0;
    padding: 10px
}

.form-area button {
    background-color: #df2971;
    padding: 15px 30px;
    color: #fff;
    border-radius: 10px
}

.form-area input::-moz-placeholder {
    font-size: 14px
}

.form-area input::placeholder {
    font-size: 14px
}

.form-area textarea::-moz-placeholder {
    font-size: 14px
}

.form-area textarea::placeholder {
    font-size: 14px
}

.swiper-backface-hidden .swiper-slide {
    display: flex;
    justify-content: center
}

footer .footer-links .footer-title {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    text-transform: uppercase
}

footer .top-items {
    padding: 30px 10px
}

footer .footer-links a {
    color: #767676;
    font-size: 16px;
    font-weight: 600
}

footer .footer-links .mail a {
    margin: 15px 0;
    color: #060044;
    line-height: 50px
}

footer .footer-links .num a {
    color: #302973
}

.footer-copyright {
    padding: 25px 0;
    text-align: center;
    border-top: 1px solid #d2d2d2
}

.footer-copyright p {
    color: #212121;
    font-size: 17px;
    font-weight: 600
}

footer .footer-social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    gap: 15px
}

footer .footer-social a {
    background-color: #302973;
    padding: 15px;
    border-radius: 50%;
    color: #fff
}

.faqs-sec .accordion button[aria-expanded=true]+.accordion-content {
    max-height: 100%!important
}

.faqs-sec {
    padding: 35px 0
}

.faqs-sec .heading {
    margin-bottom: 20px;
}

.faqs-sec .heading span {
    font-weight: 700
}

.faqs-sec .heading h2 {
    color: var(--primary-color)
}

.faqs-sec .accordion {
    border: 1px solid #bebebe;
    border-radius: 10px;
    width: 100%
}

.faqs-sec .faq-content {
    display: flex;
    justify-content: center
}

.faqs-sec .accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5
}

.faqs-sec .accordion button[aria-expanded=true] {
    border-bottom: 1px solid var(--primary-color)
}

.faqs-sec .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    color: #111827;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.faqs-sec .accordion button:focus,.faqs-sec .accordion button:hover {
    cursor: pointer;
    background-color: #f3f4f6
}

.faqs-sec .accordion button:focus:after,.faqs-sec .accordion button:hover:after {
    cursor: pointer;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.faqs-sec .accordion .accordion-title {
    font-size: 22px;
    font-weight: 600;
    color: #302973
}

.faqs-sec .accordion .icon {
    display: inline-block;
    position: absolute;
    top: 45%;
    right: 1em;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px
}

.faqs-sec .accordion .icon:before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor
}

.faqs-sec .accordion .icon:after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor
}

.faqs-sec .accordion button[aria-expanded=true] {
    color: var(--primary-color)
}

.faqs-sec .accordion button[aria-expanded=true] .icon:after {
    width: 0
}

.faqs-sec .accordion button[aria-expanded=true]+.accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all .2s linear;
    will-change: opacity,max-height
}

.faqs-sec .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity .2s linear,max-height .2s linear;
    will-change: opacity,max-height
}

.faqs-sec .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    padding: 2em 10px;
    border: 2px dotted var(--primary-color);
}

.faqs-sec .question-box {
    margin: 40px 0;
    display: flex;
    justify-content: center
}

.faqs-sec .question-box .box-width {
    width: 1300px;
    background-color: #f7f7f7;
    padding: 40px 40px 50px;
    border-radius: 10px
}

.faqs-sec .question-box .inner {
    text-align: center
}

.faqs-sec .question-box .inner h3 {
    margin: 20px 0
}

.faqs-sec .question-box .inner p {
    margin-bottom: 40px;
    text-align: center
}

.faqs-sec .ask-qst {
    margin: 10px 0 0;
	font-size: 17px;
}

.faqs-sec .ask-qst a {
    color: #302973;
    font-size: 20px
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 91;
    background-color: transparent
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.header .connect-us {
    margin: 0 10px;
    padding: 0 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px
}

.header .connect-us:hover {
    color: #05082b
}

.header .call-head svg {
    color: #fff!important
}

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

.menu a {
    display: flex;
    padding: 7px 15px;
    font-size: 17px;
    font-weight: 500;
    transition: all .2s ease-in-out;
    color: #000
}

.menu a:hover {
    opacity: 1;
    color: #df2971
}

#menu-toggle,.menu-icon {
    display: none
}

#menu-toggle:checked~.menu {
    transform: scale(1)
}

@media only screen and (max-width: 768px) {
    .menu {
        flex-direction:column;
        background-color: #fff;
        align-items: start;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        z-index: 9999;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform .3s ease-in-out;
        box-shadow: 1.95px 1.95px 2.6px rgba(0,0,0,.15);
        padding: 10px 0 20px;
        justify-content: normal
    }

    .container {
        padding: 0 10px
    }

    .menu li {
        margin: 6px;
        border: 1px solid #ebebeb;
        width: 97%
    }

    .menu-icon {
        display: block;
        color: #000;
        font-size: 28px;
        cursor: pointer;
        border: 1px solid #fff;
        padding: 0 5px
    }

    .dropdown:hover .dropdown-content {
        width: 100%
    }

    .hero-area {
        background-image: none
    }
}

.menu a svg {
    width: 15px;
    color: #fff
}

.dropbtn,.menu li,li a {
    display: inline-block
}

.dropbtn,li a {
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none
}

.dropdown {
    display: inline-block;
    position: relative;
    width: 100%
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    font-size: 17px;
    font-weight: 500;
    transition: all .2s ease-in-out;
    color: #000;
    width: 100%;
    justify-content: space-between
}

.dropdown-toggle svg {
    margin-left: 5px
}

.dropdown-menu {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(138,107,118,.08);
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 380px;
    width: 100%
}

.dropdown-menu li {
    display: grid
}

.dropdown-menu li a {
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    text-align: left
}

.dropdown-menu li a:hover {
    background-color: #dbd8d8
}

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

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

.certification-swiper {
    padding: 0 50px 50px!important
}

.our-mentors {
    padding: 50px 0;
    position: relative
}

.text-head {
    position: relative;
    background: linear-gradient(128deg,#e12673,#221c5ee0);
    padding: 30px;
    border-radius: 20px
}

.our-mentors h5 {
    font-size: 45px;
    font-weight: 800;
    color: #403a8c;
    margin-bottom: 15px
}

.our-mentors h5 span {
    color: #e91e63
}

.our-mentors img {
    --color: #403a8c;
    --border: 10px;
    --offset: 20px;
    --gap: 5px;
    --_c: var(--color) var(--border),#0000 0 calc(100% - var(--border)),var(--color) 0;
    --_o: calc(3*var(--offset));
    padding: calc(var(--gap) + var(--border)) calc(var(--gap) + var(--border) + var(--offset)) calc(var(--gap) + var(--border) + var(--offset)) calc(var(--gap) + var(--border));
    background: linear-gradient(var(--_c)) var(--_o) var(--_o),linear-gradient(90deg,var(--_c)) var(--_o) var(--_o);
    background-size: calc(100% - var(--_o)) calc(100% - var(--_o));
    background-repeat: no-repeat;
    transition: .5s;
    cursor: pointer
}

.our-mentors img:hover {
    background-position: 0 0;
    background-size: calc(100% - var(--offset)) calc(100% - var(--offset));
    filter: grayscale(0)
}

.footer-icons svg {
    fill: #fff;
    width: 17px
}

.m-tp {
    margin-top: 30px;
    margin-bottom: 30px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.hover\:animate-spin:hover {
    animation: spin 1s linear infinite
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width: 640px) {
    .sm\:mb-0 {
        margin-bottom:0
    }

    .sm\:basis-44 {
        flex-basis: 11rem
    }

    .sm\:basis-full {
        flex-basis: 100%
    }
}

@media (min-width: 768px) {
    .md\:-right-24 {
        right:-6rem
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:\!ml-0 {
        margin-left: 0!important
    }

    .md\:-mt-20 {
        margin-top: -5rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mb-28 {
        margin-bottom: 7rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:mt-3 {
        margin-top: .75rem
    }

    .md\:mt-7 {
        margin-top: 1.75rem
    }

    .md\:flex {
        display: flex
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-40 {
        height: 10rem
    }

    .md\:h-44 {
        height: 11rem
    }

    .md\:h-64 {
        height: 16rem
    }

    .md\:w-10\/12 {
        width: 83.333333%
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-4\/12 {
        width: 33.333333%
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-48 {
        width: 12rem
    }

    .md\:w-56 {
        width: 14rem
    }

    .md\:w-7\/12 {
        width: 58.333333%
    }

    .md\:w-72 {
        width: 18rem
    }

    .md\:w-8\/12 {
        width: 66.666667%
    }

    .md\:w-auto {
        width: auto
    }

    .md\:max-w-2xl {
        max-width: 42rem
    }

    .md\:max-w-3xl {
        max-width: 48rem !important;
    }

    .md\:max-w-6xl {
        max-width: 72rem
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:max-w-lg {
        max-width: 32rem
    }

    .md\:max-w-md {
        max-width: 28rem
    }

    .md\:basis-3\/12 {
        flex-basis: 25%
    }

    .md\:basis-5\/12 {
        flex-basis: 41.666667%
    }

    .md\:basis-60 {
        flex-basis: 15rem
    }

    .md\:basis-7\/12 {
        flex-basis: 58.333333%
    }

    .md\:basis-9\/12 {
        flex-basis: 75%
    }

    .md\:columns-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:pb-11 {
        padding-bottom: 2.75rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem !important
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pr-10 {
        padding-right: 2.5rem
    }

    .md\:ps-10 {
        padding-inline-start:2.5rem}

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:text-right {
        text-align: right
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:leading-\[3rem\] {
        line-height: 3rem
    }

    .md\:leading-snug {
        line-height: 1.375
    }
}

@media (min-width: 1280px) {
    .xl\:max-w-full {
        max-width:100%
    }
}


 label, li, p {
	font-family: "Outfit", sans-serif ;
}
.placed-cards figure.swiper-slide-inner {
    background-color: #fff !important;
    margin: 10px !important;
    border-radius: 0.75rem;
}

.elementor-widget-roadmap_widget .step-1:after,.elementor-widget-roadmap_widget .step-3:after {
    background: url("/wp-content/uploads/2024/09/down.png");
    background-repeat: no-repeat;
    background-size: contain;
    left: 83%;
    bottom: 95px;
}
.elementor-widget-roadmap_widget .step-2:after,.elementor-widget-roadmap_widget .step-4:after {
    background: url("/wp-content/uploads/2024/09/up.png");
    background-repeat: no-repeat;
    background-size: contain;
    left: 83%;
    bottom: 95px;
}

.event-img-slide img.swiper-slide-image {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
.tools-cover img.swiper-slide-image {
    object-fit: cover;
}
/* .swiper-certifi .swiper-slide {
    margin-right: 30px;
}
.swiper-certifi .swiper-slide img {
	padding: 10px !important;
}
.swiper-certifi {
    padding: 20px !important;
} */

.faqs-sec summary.e-n-accordion-item-title .e-n-accordion-item-title-text {
    font-size: 22px;
    font-weight: 600;
    color: #302973;
}
.faqs-sec span.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.faqs-sec span.e-n-accordion-item-title-icon svg {
    border: 1px solid;
    border-radius: 100%;
    padding: 5px;
}
.faqs-sec summary.e-n-accordion-item-title:hover,.faqs-sec summary.e-n-accordion-item-title[aria-expanded="true"] {
    cursor: pointer;
    background-color: #f3f4f6;
}

a.dialog-close-button.dialog-lightbox-close-button {
    font-size: 15px;
    border: 2px solid #000;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff !important;
    padding: 5px;
}

.elementor-popup-modal .dialog-close-button svg {
    fill: #fff !important;
}

.elementor-popup-modal input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #df2971;
    padding: 7px 40px;
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
	font-size: 20px;
    margin-left: 40px;
}

.elementor-popup-modal .elementor-shortcode {
    text-align: center !important;
}
.elementor-popup-modal span.wpcf7-form-control-wrap input {
    margin: 10px 0 !important;
}

.elementor-popup-modal select.wpcf7-form-control.wpcf7-select {
    padding: 10px !important;
}
h3.elementor-heading-title {
    line-height: 60px !important;
}
@media (max-width:768px){
	h3.elementor-heading-title{
		line-height:45px !important;
	}
	.tools-cover img.swiper-slide-image {
		height:auto !important;
	}
	
}

/* header */
div#main-menu li.menu-item a:not(li.menu-item.menu-contact-with-us a) {
    color: #000;
	padding: 12px 15px !important;
	background: transparent;
	font-weight: 500 !important;
}
div#main-menu li.menu-item a:after {
    display: none;
}
li.menu-item.menu-contact-with-us a {
    background-color: #df2971 !important;
/*     padding: 15px 10px 15px 10px; */
    color: #fff !important;
	border-radius: 4px;
}
.menu-call-us a.elementor-item.elementor-item-anchor {
    background-color: #E91E63 !important;
    border-style: solid;
    border-radius: 50px 50px 50px 50px;
    padding: 15px 15px 15px 15px;
    margin-left: 10px !important;
}

.menu-call-us a.elementor-item.elementor-item-anchor svg.e-font-icon-svg.e-fas-phone-alt {
    fill: #fff !important;
}

.menu-call-us a.elementor-item.elementor-item-anchor svg.e-font-icon-svg.e-fas-phone-alt {
    display: inline-block; 
    transition: transform 0.3s ease; 
}

.menu-call-us a.elementor-item.elementor-item-anchor:hover svg.e-font-icon-svg.e-fas-phone-alt {
	animation: spin 1s linear infinite;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.menu-call-us {
	display: none;
}
.menu-wrap {
    justify-content: end !important;
    padding-right: 0 !important;
}

header.elementor.elementor-826.elementor-location-header {
    z-index: 999;
    position: relative;
    background-color: #ffffff !important;
}
.elementor-826 .elementor-element.elementor-element-67595ab:not(.elementor-motion-effects-element-type-background) {
    background-color: transparent !important;
    width: 100vw !important;
    left: 0 !important;
}	
.elementor-826 .elementor-element.elementor-element-67595ab:not(.elementor-motion-effects-element-type-background).elementor-sticky--effects {
    background-color: #fff !important;
}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    background-color: transparent !important;
}
.top-bg-section {
    position: absolute !important;
    top: 0px;
	background-size: cover;
    background-position: bottom;
}
.logged-in.admin-bar .top-bg-section {
	top: 30px;
}

@media (max-width: 1024px) {
/* div#main-menu-mobile {
    width: 100% !important;
    
} */
.top-bg-section.e-flex.e-con.e-parent.e-lazyloaded {
    opacity: 0.5;
}	
.elementor-nav-menu li {
    border: 1px solid #ebebeb !important;
    margin: 6px !important;
}	
div#main-menu-mobile .elementor-nav-menu {
    width: 100%;
}
.elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a {
		justify-content: start !important;
	width:100% !important;
}
.elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu li.menu-item.menu-contact-with-us a { 
		justify-content: center !important;
}	
.menu-call-us {
    display: none !important;
}
.elementor-nav-menu__align-end .elementor-nav-menu {
    width: 100% !important;
    text-align: center !important;
}

.elementor-nav-menu__align-end .elementor-nav-menu li a {
    text-align: center !important;
    justify-content: center;
}

.elementor-826 .elementor-element.elementor-element-9ba9fdb .elementor-menu-toggle {
    margin-right: 0 !important;
    background-color: transparent;
}
.banner-new {
    padding-top: 0px !important;
}

li.menu-call-us {
    display: none;
}

.about-section .image-column .inner-column .author-desc {
    !im;!;
    left: 96px;
    width: calc(100% - 152px);
    bottom: 33px;
}
.faqs-sec {
    padding: 0 10px !important;
}	
div#hm-build-careers .elementor-element.text-center.max-w-3xl.mx-auto.mb-10.md\:px-0.px-3.elementor-widget-text-editor {
    width: 100% !important;
}	
.banner-new .hero-content {
    top: 0 !important;
}

.banner-new {
    top: 0 !important;
	padding-bottom:0 !important;
}
.why-choose {
    margin-top: 0 !important;
}
.contact-form-col form {
    background-color: #fff;
    border-radius: 10px;
}
div#sc-schdule-section h1.elementor-heading-title.elementor-size-default {
    font-size: 36px !important;
}	
}
@media (max-width: 767px) {
header.elementor.elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.elementor-element .elementor-nav-menu--dropdown a {
    width: 100vw !important;
    max-width: 100vw !important;
}

header.elementor.elementor-location-header .elementor-element.elementor-element-9ba9fdb .elementor-nav-menu--dropdown a {
    width: 90% !important;
    max-width: 90% !important;
	background: transparent;
    color: #000;
}

header.elementor.elementor-location-header li.menu-contact-with-us.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-901 {
    margin: 0 auto !important;
    text-align: center;
}

header.elementor.elementor-location-header .elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu li.menu-item.menu-contact-with-us a {
    margin: 0 auto;
    width: 99% !important;
	
}
header.elementor.elementor-location-header .elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu li.menu-item.menu-contact-with-us:hover a {
	color: #000 !important;
	}
header.elementor.elementor-location-header .elementor-nav-menu__align-center .elementor-nav-menu {
    width: 100% !important;
    margin: 0 auto !important;
}	
.top-bg-section + .padd-section .e-con-full.container.mx-auto.e-flex.e-con.e-child:last-child {
    flex: 0 1 auto;        
    width: auto;           
    padding: 10px;         
    box-sizing: border-box;
    min-width: 0;
    
}
.top-bg-section + .padd-section {
    margin: 15px 0 !important;
    flex-wrap: nowrap;    
}	
.banner-new {
    padding-top: 75px !important;
	  background-image: unset !important;
}
div#bot-botton-job {
    margin-left: 0px !important;
}
.ev-events-section .e-con-full.elementor-element, #top-title-section .e-con-full.elementor-element {
    width: 40% !important;
	margin-top: 15px;
}

.ev-events-section, #top-title-section {
    flex-direction: column !important;
    margin-bottom: 40px !important;
}

.ev-events-section .e-con-full.elementor-element, #top-title-section .e-con-full.elementor-element {
    width: 100% !important;
	gap: 0 !important;
}	
.ev-events-section img, #top-title-section img {
    margin-top: 0
}	
	
.top-bg-section ~ .elementor-element.elementor-element-8247316.e-con-full.padd-section .elementor-element.e-con-full.container.mx-auto.e-flex.e-con.e-child:first-child {
    display: none !important;
}	
.elementor-element.e-con-full.ev-events-section, .elementor-element.e-con-full.padd-section {
    padding: 0 10px !important;
    width: 95% !important;
}
.elementor-element.e-con-full.ev-events-section .elementor-element.e-con.e-child, .elementor-element.e-con-full.padd-section .elementor-element.e-con.e-child {
    padding-left: 0;
}
	footer.elementor.elementor-618.elementor-location-footer .elementor-element.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div {
    margin-bottom: 50px !important;
}
div#contact-form-section .contact-form-col.e-flex.e-con.e-child {
    position: static !important;
    top: unset !important;
}	
#sc-first-section {
	padding-top:0 !important;
}
div#sc-course-img {
    padding: 15px !important;
}
div#sc-course-img .e-con-full.e-flex.e-con.e-child {
    margin-top: 0;
}	
div#sc-schdule-section h1.elementor-heading-title.elementor-size-default {
    font-size: 36px !important;
}

div#sc-schdule-section .elementor-element.e-con-full.e-flex.e-con.e-child {
    margin-top: 0;
}	
.elementor-element.elementor-element-2163f3b.e-con-full.about-sec.blupin-about.md\:py-12.py-10.bg-contain.e-flex.e-con.e-parent.e-lazyloaded .elementor-element.elementor-element-165bbb7.e-con-full.e-flex.e-con.e-child {
    max-width: 100% !important;
}
.what-learn-top-sec h2.elementor-heading-title.elementor-size-default {
    font-size: 36px !important;
}
.faqs-sec.e-con-full.e-flex.e-con.e-parent {
    padding-top: 25px !important;
}	
}
/* main menu  */
/* desktop only */
@media (min-width:1024px) {
.elementor-nav-menu--dropdown {
    max-width: 380px  !important;
	background-color: #fff !important;
}

.elementor-nav-menu--dropdown li a {
    max-width: 380px !important;
    width: 380px !important;
    white-space: normal !important;
    text-align: left !important;
}
div#main-menu li.menu-item.menu-contact-with-us a:hover {
    color: #000 !important;
	padding: 0 15px !important;
	margin: 0 10px !important;
}
div#main-menu li.menu-item.menu-contact-with-us a {
	padding: 0 15px !important;
	margin: 0 10px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}
	
header.elementor.elementor-location-header .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
    display: block !important;
}
header.elementor.elementor-location-header .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle, .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown:not(.sub-menu.elementor-nav-menu--dropdown.sm-nowrap) {
    display: none !important;
}    
}
@media (max-width:1023px) {
header.elementor.elementor-location-header .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
    display: none !important;
}
header.elementor.elementor-location-header .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle, .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown  {
    display: block !important;
}
}

@media (max-width:1100px) {
header.elementor.elementor-location-header nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-underline.e--animation-fade {
    padding: 0;
}
div#career-opp-abuttons {
    flex-direction: row !important;
    width: 100% !important;
    margin: 0 auto;
    justify-content: center;
}
.elementor-element.bot-bottons {
    width: auto !important;
}
.careers-op .bot-bottons .item {
    max-width: 200px !important;
}	
}
/* Events page */
.ev-events-section, .padd-section {
    padding: 10px 5% !important;
    border-radius: 20px !important;
    background: #ffffff99 !important;
    width: 88% !important;
    margin: 0 auto !important;
}
nav[aria-label="breadcrumb "] {
    padding: 0;
}
.ev-hat-image img {
    width: 65%;
/*     margin-top: -33px; */
}
li.breadcrumb-item span.arrow {
    padding: 0 5px;
}
li.breadcrumb-item * {
    font-weight: 600;
}
#events-rewind h1.elementor-heading-title.elementor-size-default {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #302973;
}
body.admin-bar .dialog-lightbox-widget {
        height: calc(100vh - 100px) !important;
}
div#sc-course-img  .elementor-element.elementor-element-7a09da0.e-con-full.e-flex.e-con.e-child {
    padding-right: 0;
}

/* blog styles */

div#blog-content h3.wp-block-heading, div#blog-content h2 {
    font-size: 31px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 20px;
    color: #302973;
}
div#blog-content h4.wp-block-heading {
    font-size: 1em;
    color: #302973;
    margin-bottom: 20px;
}
div#blog-content h5 {
	font-size: .83em;
    color: #302973;
    margin-bottom: 20px;
}
div#blog-content p {
    margin-bottom: 1.75em;
	color: #000 !important;
}
div#blog-content ul.wp-block-list li strong {
    font-weight: 700;
    color: #000;
}
div#blog-content nav ul li a, div#blog-content ul li {
    color: #000 !important;
}
div#blog-date li span, div#blog-share-txt p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: black;
    font-weight: 500;
}
.pink-bg-section img {
    left: 24%;
    bottom: -14rem;
    width: 50%;
    position: absolute;
}
div#blog-title {
    margin-bottom: 40px !important;
}
.single-post .elementor-element.elementor-element-bcddd0c.elementor-widget.elementor-widget-share-buttons .elementor-grid-item .elementor-share-btn {
    width: 36px;
    height: 36px;
}
.ev-hat-image img {
	width: 52%;
}
.ev-hat-image .elementor-widget-container {
    text-align: right;
}
.single-post .top-bg-section + .padd-section .e-con-full.container.mx-auto.e-flex.e-con.e-child {
    background: transparent !important;
}

/*  Blog archive page */
#blogs-grid .eael-grid-post-holder {
    border-radius: 1rem;
    position: relative;
}

#blogs-grid .eael-entry-wrapper {
    position: absolute;
    bottom: 0;
    padding-top: 7rem !important;
    background: linear-gradient(180deg,rgba(48,41,115,0),#000 53.65%);
    border-radius: 1rem;
}

#blogs-grid .eael-entry-wrapper h2.eael-entry-title a {
    color: #fff !important;
    font-size: 1.25rem;
}

.eael-entry-wrapper .eael-entry-footer time {
    color: #fff !important;
    font-size: 17px;
    font-weight: 400;
}

#blogs-grid .eael-entry-media {
    border-radius: 1rem;
}
#blogs-grid span.eael_load_more_text {
    color: #302973 !important;
    font-weight: 600;
}
#blogs-grid .eael-load-more-button:hover span {
    color: #B4C3C3 !important;
}
#blogs-grid .eael-entry-thumbnail img {
    height: 20rem !important;
}

/* Cource styles */
div#sc-course-img {
    padding: 50px;
    border: 1px solid #ddd;
    width: 87%;
    border-radius: 0 !important;
}

.course-left-col h1 span.pr-color {
    font-size: 32px;
    font-weight: 700;
    color: #e91e63;
}

.elementor-element.elementor-element-9f9a1b9.e-con-full.course-right-col.e-flex.e-con.e-child {
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 30px 0 rgba(48, 41, 115, .2);
    margin-top: 20px;
    height: -moz-max-content;
    height: max-content;
}

.course-right-col video.elementor-video {
    width: 100%;
    border-radius: 15px;
}

.course-right-col  .single-item {
    display: flex;
    justify-content: space-between;
    padding: 20px 10px;
    align-items: center;
    border-bottom: 1px dotted #000;
}

.course-right-col  h4 {
    font-size: 16px;
    font-weight: 600 !important;
    color: #000;
}
.course-right-col .blue-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    -webkit-appearance: button;
    width: 100%;
    margin: 10px 0;
    padding: 20px;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    display: inline;
    background-color: #302973;
	width: 100%;
  display: flex;
  justify-content: center;
}

.blue-btn span.elementor-button-content-wrapper {
    background-color: #302973 !important;!
}
.pink-btn a.elementor-button.elementor-button-link.elementor-size-sm {
            -webkit-appearance: button;
    width: 100%;
    margin: 10px 0;
    padding: 20px;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    display: inline;
    background-color: #e91e63;
	width: 100%;
  display: flex;
  justify-content: center;
}

div#sc-schdule-section h1.elementor-heading-title.elementor-size-default {
    font-size: 3.75rem;
    line-height: 1;
    color: #fff;
}
div#sc-schdule-section .elementor-element.elementor-element-e810534.elementor-widget.elementor-widget-text-editor p {
    color: #fff;
}
div#sc-schdule-section a.register-now.quote.btn.btn-lg.btn-warning.button-5 {
    box-shadow: 0 0 0 0 #fff !important;
    min-width: 282px !important;
    font-size: 14px !important;
}

.what-learn-top-sec h2.elementor-heading-title.elementor-size-default {
    font-size: 3rem;
    line-height: 1;
    color: #302973 !important;
    margin: 24px 0;
    font-weight: 700 !important;
}

.what-learn-top-sec  .elementor-widget-container p {
    color: #000 !important;
}

.what-learn-content-sec .elementor-element.elementor-element-755cdf0.e-con-full.e-flex.e-con.e-child.elementor-sticky.bx.bg-white.flex.rounded-2xl.p-8.items-center {
    align-items: center;
    border-radius: 1rem;
    padding: 32px !important;
    background-color: #fff;
}

.what-learn-content-sec .e-con-inner {
    column-gap: 1rem !important;
}

.what-learn-content-sec h5.text-2xl.text-regal-blue.font-bold.mb-2 {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #302973 !important;
}

.what-learn-content-sec p {
    color: #000;
}
.what-learn-content-sec .elementor-element.elementor-element-755cdf0.e-con-full.e-flex.e-con.e-child.elementor-sticky {
    background-color: #fff !important;
    border-radius: 1rem;
}
.what-learn-content-sec.e-grid .elementor-element.e-child.elementor-sticky {
    border-radius: 1rem;
    padding: 32px !important;
}

/* footer */
footer h6.elementor-heading-title.elementor-size-default {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    text-transform: uppercase;
}

footer a {
    color: #767676;
    font-size: 16px;
    font-weight: 600;
}

footer .elementor-widget-container p.num a {
    color: #302973 !important;
    padding: 20px 0 !important;
}

footer.elementor.elementor-618.elementor-location-footer .elementor-element.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    width: 90% !important;
}
footer a {
    padding: 7px 0px;
    color: #767676 !important;
    font-size: 16px;
    font-weight: 600 !important;
}
footer .elementor-element.elementor-widget.elementor-widget-text-editor p {
    padding: 5px 0 !important;
}
/* contact  */
div#contact-form-section h4.elementor-heading-title.elementor-size-default {
    font-size: 36px;
}

div#contact-form-section img {
    border-radius: 8px;
	width: 90%;
}
div#contact-form-section .elementor-element.elementor-widget-image {
    text-align: left !important;
}

div#contact-form-section .contact-form-col.e-flex.e-con.e-child {
    background-color: #fff !important;
    position: relative;
    top: -60px;
    border-radius: 15px;
}
div#contact-form-section .wpcf7-spinner {
	display: none !important;
}
.contact-form-col form {
    padding: 40px;
}

.contact-form-col h4 {
    text-align: left;
    font-size: 20px;
    color: #000;
    font-weight: 600 !important;
}

.contact-form-col label {
    width: 100% !important;
	margin: 6px 0;
/* 	min-height: 75px !important; */
}
.contact-form-col textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 10px;
}

.contact-form-col input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #df2971;
    padding: 15px 30px;
    color: #fff;
    border-radius: 10px;
    width: 14rem;
	font-weight: 700;
	margin-top: 20px;
}
.h-contact-with-us h2 {
    font-size: 36px !important;
    padding: 20px 0 !important;
    color: #000;
}
.contact-form-col label input, .contact-form-col textarea.wpcf7-form-control.wpcf7-textarea {
	border-color: #ddd !important;
	font-weight: 500;
}
.contact-form-col span.wpcf7-not-valid-tip {
    text-align: left;
    padding-top: 2px;
    font-size: 14px;
}
.contact-address .elementor-widget-container p {
    color: #000;
    font-weight: 500;
    font-size: 17px;
    padding: 4px 0;
}

.contact-address .elementor-element.e-con-full.e-flex.e-con.e-child.elementor-sticky {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
    /* position: relative !important; */
    visibility: visible !important;
    animation: none !important;
    width: auto !important;
    margin-top: 0px;
    margin-bottom: 0px;
    top: unset !important;
    inset-inline-start: unset !important;
}
.contact-address .elementor-element.elementor-widget__width-initial.elementor-widget.elementor-widget-image {
background-color: #e6f2ff;
    padding: 20px;
    margin-right: 12px;
    height: 135px;
    width: 160px;
    border-radius: 72px;
	display: flex;
    justify-content: center;
}

.contact-address {
    padding: 30px 0;
}
.contact-address .elementor-widget-image img {
    padding: 10px;
    height: 100px;
    width: auto;
}
body .elementor-sticky:not(body .header-wrap .elementor-sticky) {
    position: inherit !important;
    width: inherit !important;
    margin-top: inherit !important;
    margin-bottom: inherit !important;
    top: inherit !important;
    inset-inline-start: inherit !important;
}
body .elementor-sticky__spacer:not(body .header-wrap .elementor-sticky__spacer)  {
    display: none !important;
}
div#certify-your-skills h3.elementor-heading-title.elementor-size-default {
    padding-top: 20px;
}

.certify-your-skills-cols > div {
    padding: 20px;
    border-radius: 10px;
    border: 0 solid #302973d1;
    min-height: 230px;
    margin: 10px;
    background-color: #f5f5f5;
	box-shadow: 0 0 30px 0 rgba(48,41,115,.31);
}

.certify-your-skills-cols > div h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #302973;
}

.certify-your-skills-cols > div p {
    color: #000;
    line-height: 30px;
}

.certify-your-skills-footer .elementor-element.elementor-widget.elementor-widget-heading {
    margin-top: 40px;
}

.certify-your-skills-footer h2.elementor-heading-title.elementor-size-default {
    font-size: 30px;
    font-weight: 700;
    color: #302973 !important;
}
.certify-your-skills-footer {
    background-color: #daeeff;
    padding: 20px 20px 40px;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}

.certify-your-skills-footer h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0;
    color: #000;
}
.certify-your-skills-footer a.register-now.quote.btn.btn-lg.btn-warning.button-5 {
    margin: 25px 0;
}

.certify-your-skills-footer {
    border-radius: 10px !important;
	margin-bottom: 40px !important;
}
.certify-your-skills-cols {
    padding:0 !important;
}

.elementor-nav-menu a.elementor-item:hover,  .elementor-nav-menu a.elementor-sub-item:hover {
    opacity: 1;
    color: #df2971 !important;
	
}

.elementor-nav-menu a.elementor-item, .elementor-nav-menu a.elementor-sub-item {
    font-size: 17px !important;
    
}
 .elementor-nav-menu a.elementor-sub-item:hover {
     background-color: #dbd8d8 !important;
 }
.careers-op .bot-botton-job {
    left: -20px;
}
div#hm-build-careers h4 {
    font-weight: 600;
    font-size: 20px;
    padding-top: 20px;
}
#banner-new-txt-top p {
    color: #301460;
    font-weight: 700;
}

.page-header {
    display: none;
}

.banner-new .hero-content {
    position: relative;
    top: 100px;
}

.banner-new {
    position: relative;
    top: -120px;
	background-attachment: fixed;
	background-position: 0 75%;
	padding-bottom: 120px !important;
}
.why-choose {
    margin-top: -140px !important;
}
.elementor-826 .elementor-element.elementor-element-67595ab:not(.elementor-motion-effects-element-type-background) .elementor-element.elementor-element-9c2e2bd.e-con-full.elementor-hidden-tablet.elementor-hidden-mobile.e-flex.e-con.e-child.elementor-sticky--effects.elementor-sticky.elementor-sticky__spacer, .elementor-826 .elementor-element.elementor-element-67595ab:not(.elementor-motion-effects-element-type-background) .elementor-element.elementor-element-9c2e2bd.e-con-full.elementor-hidden-tablet.elementor-hidden-mobile.e-flex.e-con.e-child.elementor-sticky--effects.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside {
    display: none !important;
}
.video-gallery h3.elementor-heading-title.elementor-size-default {
    font-weight: 800;
}
.faqs-sec .e-n-accordion .elementor-element.elementor-widget.elementor-widget-text-editor p {
    font-size: 16px;
    font-weight: 400;
}

footer.elementor.elementor-location-footer h6.elementor-heading-title.elementor-size-default {
    margin-bottom: 0;
	font-size: 15px !important;
	font-weight: 700;
}

footer.elementor.elementor-location-footer li.elementor-icon-list-item {
    padding: 0 !important;
    margin: 0 !important;
}
div#top-title-section .elementor-element.container.mx-auto.e-flex.e-con.e-child {
    background-color: transparent;
}
#why-choose-x .e-hosted-video.elementor-wrapper.elementor-open-inline {
    width: 85%;
    margin: 0 auto;
}
.elementor-element.e-con-full.careers-op {
    padding-top: 50px !important;
}
.float-btns.fixed.bottom-5.right-4.z-20 {
    z-index: 99999;
}
.our-mentors .elementor-element.mentor.elementor-widget.elementor-widget-image {
    padding-top: 8px !important;
}

.our-mentors .container.mx-auto {
    gap: 0 !important;
}
.tools-cover .elementor-element.e-con-full.container.mx-auto.e-flex.e-con.e-child {
    gap: 0;
}
.tools-cover .elementor-element.elementor-widget.elementor-widget-text-editor {
    padding: 25px 0;
}
li.breadcrumb-item a {
    padding: 0 5px !important;
}
.e-con-full.course-right-col.e-flex.e-con.e-child {
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 30px 0 rgba(48, 41, 115, .2);
    margin-top: 20px;
}

@media (min-width: 1300px) {
	.mentor{
		padding:50px;
	}
	.event-img-slide{
		width:100%;
	}
	
}
@media (max-width: 967px) {
	
	.faqs-sec summary.e-n-accordion-item-title .e-n-accordion-item-title-text{
		font-size:18px;
	}
}
@media (min-width: 768px) and (max-width: 1300px) {
	.trending-course .course-title{
		font-size:16px;
	}
	#trip-map-circle .bg-light-blue{
		height: 150px;
		width: 150px;
	}
	.elementor-widget-roadmap_widget .step-1:after, .elementor-widget-roadmap_widget .step-3:after{
		width:80px;
	}
	.elementor-widget-roadmap_widget .step-2:after, .elementor-widget-roadmap_widget .step-4:after{
		width:80px;
	}
}
@media (max-width: 768px) {
	.event-img-slide img.swiper-slide-image {
		width:300px !important;
	}
	.e-con .elementor-widget-empty, .e-con .elementor-widget-google_maps, .e-con .elementor-widget-video, .e-con .elementor-widget.e-widget-swiper{
		width:100% !important;
	}
	.elementor-618 .elementor-element.elementor-element-fa6fcfd{
margin-top:0px !important;
	}
header.elementor .elementor-element.elementor-element-7c400a7.e-con-full.e-flex.e-con.e-child.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
    display: none;
}
}
.header-logo{
	height:45px;
	width:auto;
}
body.admin-bar .dialog-lightbox-widget {
	    height: 100vh !important;
   		z-index: 99999999999;
}
.chatboat{
position:absolute;
	z-index:99;
	bottom:30px;
	right:30px;
}
.elementor-sticky--effects {
    background-color: white !important;
    transition: background-color 0.3s ease-in-out;
}
.elementor-popup-modal{
	justify-content:center !important;
	align-items:center !important;
}
html body a[href="https://www.s-sols.com/products/wordpress/accelerator?utm_source=usersite&utm_medium=banner&utm_campaign=free_lim_ver&utm_term=accel"] {
    display: none !important;
    opacity: 0 !important;!importan;
    padding: 0 !important;
}
.elementor-nav-menu .sub-arrow .e-font-icon-svg{
	fill:black;
}



.btn-one a{
	padding:17px 20px !important;
	font-size:12px;
}
.course-btn a{
	width:100% !important;
}
.course-download-form{
	font-family: "Outfit", sans-serif !important;
}




.button-5 {
    position: relative;
    display: inline-block;
    padding: 15px 35px;
    font-family: 'Urbanist', system-ui, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(to bottom, #741694, #3B337E);
    border: 2px solid #fff;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    box-shadow: none;
    overflow: hidden;
    transition: color 0.3s ease;
}

/* Hover gradient overlay */
.button-5:hover {
    color: #fff;
    background: linear-gradient(to bottom, #3B337E, #741694);
}