@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --bg: #3C2C98;
    --bg2: #2e3092;
    --bg3: #FFFFFF;
    --blue: #335DFF;
    --grey: #F5F5F5;
    --grey-d-1: #EEE;
    --grey-d-2: #DDD;
    --grey-d-3: #888;
    --white: #FFF;
    --dark: #222;
}

.MainBody{
    width: 100%;
}

.ContactContainerCard h6 {
    max-width: 300px;
    margin: auto;
}

.carouselCaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 40% !important;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carouselCaptionTilte {
    font-size: 48px;
}

.carouselCaptionP {
    font-size: 18px;
}

a {
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

ul li {
    list-style: none;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0px !important;
}

ol, ul {
    padding-left: 0rem !important;
}

body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: scroll !important;
    width: 100%;
    position: relative;
}

body::-webkit-scrollbar {
    width: 3px;
    background-color: rgb(255, 255, 255);
    height: 0px;
    margin-top: 15px;
}

body::-webkit-scrollbar-thumb {
    width: 3px;
    border-radius: 100px;
    background-color: var(--bg2);
}

body::-webkit-scrollbar-track {
    width: 3px;
    -webkit-box-shadow: inset 0 0 6px transparent;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
}

.carousel-item {
    height: 100vh;
}

.imgBlokCarusel {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.galleryCatigori {
    margin-top: 20px;
}

.galleryCatigoriCard {
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 6px;
}

.galleryDitelsImg {
    width: 100%;
    height: 400px;
}

.galleryDitelsImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.galleryDitels {
    padding: 30px 0px;
}

.galleryDitels .row {
    --bs-gutter-x: 0.5rem !important;
}

.aboutUsDiv .galleryCatigoriCardDivTextBottom h6 {
    font-size: 17px;
    color: white;
    margin-top: -5px;
}


.galleryCatigoriCardDiv {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 6px;
}

.galleryCatigoriCardDivText {
    position: absolute;
    bottom: 10px;
    left: 16px;
    color: white;
}

.galleryCatigoriCardDivTextBottom h6 {
    font-size: 13px;
}

.cdd {
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 27%);
    backdrop-filter: blur(1px);
}

.galleryCatigoriCardBg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.552);
}

.ourVisionVideoBg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.348);
    backdrop-filter: blur(1px);
}

.header {
    position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;
    background-color: transparent;
    padding: 4px 0px;
    transition: .3s;
}

.list li {
    display: inline-block;
    position: relative;
    color: var(--bg);
}

.list li::after {
    content: '';
    position: absolute;
    width: 100%;
    display: inline-block;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--bg);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

footer .list li::after {
    width: 100px;
}

.headerCenterMenuMobail .offcanvas-body .list li::after {
    width: 100px;
  
}

.list li:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
    background-color: white;
}

.ourteamMain button {
    outline: none;
    border: none;
    color: white;
    background-color: var(--blue);
    padding: 7px 33px;
    transition: all 300ms;
}

.ourVision3 .ourVision {
    background-color: transparent !important;
    margin-top: 20px;
}

.galleryMain .ourVisionVideoDiv {
    position: absolute;
    margin-top: -77px;
    width: 100%;
    height: 350px;
}

.DdDd form {
    background-color: white;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(110, 110, 110, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(110, 110, 110, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(110, 110, 110, 0.2);
}

.ourteamMainImg {
    width: 100%;
    height: 300px;
}

.ourteamMain button:hover {
    border-radius: 50px;
}

footer #listActive {
    border-bottom: 2px solid white;
}

#listActive {
    border-bottom: 2px solid var(--bg);
}

.fixedTop {
    background-color: var(--bg3);
}

.fixedTop .logo {
    display: none;
}

.logo2 img {
    width: 60px;

}

.header .logo2 {
    display: none;

}

.fixedTop .logo2 {
    display: block;
}

.headerLeft .logo img {
    width: 100px;
}

.headerCenterMenuMobail {
    display: none;
}

.BtnOpen {
    outline: none;
    border: none;
    background-color: transparent;
}

.BtnOpen svg {
    color: rgb(255, 255, 255);
}

.offcanvas.offcanvas-end {
    max-width: 224px !important;
}

.headerCenter .list li a {
    color: white;
}

.fixedTop .list li a {
    color: rgb(0, 0, 0);
}


.fixedTop .BtnOpen svg {
    color: rgb(0, 0, 0);
}

.language select {
    --webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    left: 0;
    padding: 4px;
    border: none;
    outline: none;
    color: white;
}

.language select option {
    color: black;
}

.language {
    color: white;
}

.fixedTop .headerRight .language {
    color: rgb(0, 0, 0);
}

.cont {
    margin-left: -10px;
    margin-top: -15px;
}

.cont .language {
    color: rgb(0, 0, 0);
}

.cont .language select {
    color: rgb(0, 0, 0);
}

.fixedTop .language select {
    color: rgb(0, 0, 0);
}

.fixedTop .btnnone {
    display: block !important;
}

.modal {
    backdrop-filter: blur(5px) !important;
}

.modal-header {
    padding: 10px !important;
    border-bottom: var(--bs-modal-header-border-width) solid transparent !important;
}

.modal-body form .modalBodyInput {
    display: inline-block;
    width: 100%;
    height: 38px;
    outline: none;
    padding-left: 10px;
    margin-top: 3px;
    background-color: transparent;
}

.modal-body form select {
    display: inline-block;
    width: 100%;
    height: 38px;
    outline: none;
    padding-left: 10px;
    margin-top: 3px;
    background-color: transparent;
}

.modal-body form button {
    display: inline-block;
    width: 100%;
    height: 38px;
    border: none;
    outline: none;
    background-color: var(--bg2);
    color: white;
}

.btnMomalOpen {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 6px;
    border: none;
    outline: none;
    color: white;
    animation: slidein2 3s infinite alternate linear;
}

@keyframes slidein2 {
    0%{
        background-color: var(--bg2);
    }
    25%{
        background-color: var(--blue);
    }
    50%{
        background-color: var(--bg2);
    }
    75%{
        background-color: var(--blue);
    }
    100%{
        background-color: var(--bg2);
    }

}

.modal-body img {
    width: 70px;
    margin: auto;
}

.modal-body .textImg h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.textImg {
    margin: auto;
    margin-top: -25px;
}

.btnnone {
    display: none;
}

.modal-body form {
    margin-top: 20px;
}

.btnClose {
    border: none;
    outline: none;
    background-color: transparent;
}

.offcanvas-body .list li a {
    color: black;
}

.aboutUs {
    background: url("https://livedemo00.template-help.com/wt_prod-20174/images/breadcrumbs-parallax-02.jpg");
    min-height: 350px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.contact {
    background: url("https://www.excelia-group.fr/sites/excelia-group.fr/files/2022-08/CONTACT.jpg");
    min-height: 350px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.gallery {
    background: url("../img/00\ _20-min.JPG");
    min-height: 400px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.gallery .aboutUsDiv {
    position: absolute;
    bottom: 20%;
}

.MainourVision {
    background: url("../img/00\ _100-min.JPG");
    min-height: 80vh;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.academics {
    background: url("../img/2019-09-sris-student-girl-high-school-book-00\ _128-min.JPG");
    min-height: 400px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.resources {
    background: url("../img/s-min.JPG");
    min-height: 350px;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.resources .aboutUsDiv {
    position: absolute;
    bottom: 20%;
}

.academicsWrapper {
    padding: 30px 0px;
}

.academicsWrapperInfo h5 {
    font-size: 33px;
    font-weight: bold;
}

.academicsWrapperInfo p {
    color: #3d3d3d;
    font-size: 16px;
}

.academicsWrapperInfo a {
    color: #313131;
    text-decoration: underline;
}

.academicsWrapperImg {
    max-width: 450px;
    height: 400px;
    margin: auto;
}

.academicsWrapperImg img {
    object-fit: cover;
}

.academics .aboutUsDiv {
    position: absolute;
    bottom: 20%;
}

.MainourVision .aboutUsDiv {
    position: absolute;
    bottom: 25%;
}

.scrollTop:hover {
    cursor: pointer;
}

.ourVisionVideo {
    position: relative;
}

.ourVisionVideoDiv img {
    /* margin-top: -150px; */
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.contactUsContainer {
    max-width: 1000px;
    margin: auto;
    padding: 10px;
}

.toApplySpan{
    margin-top: 20px;
}

.dFdF {
    position: relative;
}

.ourVisionWWW button {
    outline: none;
    border: none;
    color: white;
    background-color: var(--bg);
    padding: 7px 33px;
    transition: all 400ms;
}

.ourVisionInfo button {
    outline: none;
    border: none;
    color: white;
    background-color: var(--bg);
    padding: 7px 33px;
    transition: all 400ms;
}

.galleryMain img {
    height: 350px;
    object-fit: cover;
}

.ourVisionWWW button:hover {
    border-radius: 50px;
}

.ourVisionInfo button:hover {
    border-radius: 50px;
}

.ourVisionVideoDiv {
    position: absolute;
    margin-top: -235px;
    width: 100%;
    height: 550px;
}

.ourVisionVideo .carousel-item {
    width: 100%;
    height: 350px;
}

.ourVisionVideo .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    width: 17px !important;
    height: 4px !important;
    border-radius: 0px;
}

.sssss {
    margin-top: 100px;
}

.galleryMain {
    padding: 50px 0px;
    position: relative;
}

.swiper-slide {
    height: 270px;
}

.swiper-slide img {
    object-fit: cover;
}

.ourVision {
    background-color: #F5F5F5;
    padding: 30px 0px;
    position: relative;
    margin-top: 70px;
}

.ourVisionInfo h5 {
    color: var(--bg2);
    font-size: 26px;
}

.ourVisionInfo p {
    color: rgb(58, 58, 58);
    font-size: 15px;
    display: inline-block;
}

.ourVisionInfo p span {
    font-weight: bold;
    color: black;
}

.ggg {
    position: relative;
}

.aboutUsBg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 31%);
}

.aboutUsDiv {
    position: absolute;
    bottom: 50px;
}

.PalyModal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    outline: none;
    border: none;
    background-color: transparent;
}

.PalyModal svg {
    color: white;
}

.aboutUsDiv h1 {
    color: white;
    font-weight: 555 !important;
    font-size: 38px;
}

.borderDiv {
    margin-top: -3px;
}

.borderDiv .Border2 {
    height: 5px;
    width: 80px;
    background: var(--bg2);
    animation: slidein 4s alternate infinite;
}

.academicDiv{
    width: 100%;
    height: 350px;
}

@keyframes slidein {
    to {
        margin-left: -80px;
    }

    from {
        margin-left: 0px;

    }

}

.meet {
    max-width: 550px;
    margin: auto;
}

.meet .borderDiv {
    margin-left: 136px;
}

.MainTitle {
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
}

.Title a {
    color: #000;
    font-size: 26px;
    font-weight: 555;
}

.Title a:hover {
    cursor: pointer;
}

.ourTeamCardInfo .ourTeamCardInfoName {
    font-size: 16px;
    font-weight: 400;
}

.ourTeam {
    margin-top: 50px;
}

.ourTeamCardInfoJobTitle {
    font-size: 13px;
    color: #acacac;
}

.ourTeamCardImg {
    overflow: hidden;
    width: 250px;
    height: 250px;
    margin: auto;
    border-radius: 50%;
}

.ourTeamCardImg img:hover {
    border-radius: 50%;
    transform: scale(1.2);
}

.ourTeamCardInfo {
    max-width: 250px;
    margin: auto;
}

.ourTeamCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: all .8s;
}

.borderDiv .Border {
    height: 5px;
    width: 80px;
    background: var(--blue);
}

.ContainerPadding {
    padding: 30px 0px;
}

footer {
    background-color: var(--bg2);
    padding: 50px 0px;
}

.footerLogo img {
    width: 70px;
}



.footerCardNet {
    background-color: rgb(240, 240, 240);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    position: relative;
    text-align: center;
    transition: .3s;
}

.footerCardNet:nth-child(1):hover {
    background-color: #3A589B;
}

.footerCardNet:nth-child(2):hover {
    background-color: #5BF572;
}

.footerCardNet:nth-child(3):hover {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.footerCardNet:hover svg {
    color: rgb(255, 255, 255) !important;
}

.footerCardNet svg {
    margin-top: 7px;
    color: rgb(75, 75, 75);
}


.footerLogo p {
    font-size: 15px;
    color: rgb(255, 255, 255);
    /* max-width: 280px; */
}

footer .list li a {
    color: rgb(255, 255, 255);
}

.contactUs svg {
    color: white;
}

footer h6 {
    color: white;
    line-height: 1.7;
}

.contactUsInfoBorder {
    width: 100%;
    height: 1px;
    background-color: #dadada;
}

.carousel-caption .btnMomalOpen{
    margin-top: 40px;
    background-color: var(--blue) !important; 
}

.contactUsForm form button {
    display: inline-block;
    padding: 5px 20px;
    height: 38px;
    border: none;
    outline: none;
    background-color: var(--bg2);
    color: white;
    margin-top: 10px;
    border-radius: 4px;
}

.contactUsForm form label {
    transform: none;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
}

.contactUsForm p {
    color: #888888;
    font-size: 14px;
}

.contactUsImg {
    width: 100%;
    height: 400px;
    position: relative;
}

.contactUsImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    margin-top: 41px;
}

.ourteamMain {
    background-color: var(--bg2);
    padding: 50px 0px;
}

.ourteamMain {
    color: white;
}

.swiper-button-next,
.swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background-color: #014f76;
    text-align: center;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: rgb(255, 255, 255) !important;
}

.ourteamMain .Title a {
    color: white !important;
}

.ourteamMainImg {
    width: 100%;
    height: 400px;
}

.ourteamMainImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contactUsForm form input {
    width: 100%;
    height: 37px;
    outline: none;
    border-radius: 4px;
    padding-left: 15px;
}

.contactUsForm form textarea {
    width: 100%;
    max-height: 100px;
    outline: none;
    border-radius: 4px;
    padding-left: 15px;
}

.contactUsInfoSocal svg {
    color: black;
}

.SsSs {
    margin-left: 5px;
    margin-top: 10px;
}

.Phone svg {
    color: black;
}

.ContactContainer {
    max-width: 800px;
    margin: auto;
}

/* Chat */
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
    list-style: none;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* CHATBOX */
.chatbox-wrapper {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
    z-index: 20000;
}

.chatbox-toggle {
    width: 100%;
    height: 100%;
    background: #25D366;
    color: var(--white);
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s;
}

.chatbox-toggle:active {
    transform: scale(.9);
}

.chatbox-message-wrapper {
    position: absolute;
    bottom: calc(100% + 1rem);
    right: 0;
    width: 420px;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: .5rem .5rem 2rem rgba(0, 0, 0, .1);
    transform: scale(0);
    transform-origin: bottom right;
    transition: .2s;
}

.chatbox-message-wrapper.show {
    transform: scale(1);
}

.chatbox-message-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    padding: .75rem 1.5rem;
}

.chatbox-message-profile {
    display: flex;
    align-items: center;
    grid-gap: .5rem;
}

.chatbox-message-image {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    border-radius: 50%;
}

.chatbox-message-name {
    font-size: 1.125rem;
    font-weight: 600;
}

.chatbox-message-status {
    font-size: .875rem;
    color: var(--grey-d-3);
}

.chatbox-message-dropdown {
    position: relative;
}

.chatbox-message-dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    border-radius: 50%;
}

.chatbox-message-dropdown-toggle:hover {
    background: var(--grey);
}

.chatbox-message-dropdown-menu {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--white);
    padding: .5rem 0;
    width: 120px;
    box-shadow: .25rem .25rem 1.5rem rgba(0, 0, 0, .1);
    transform: scale(0);
    transform-origin: top right;
    transition: .2s;
    border-radius: .5rem;
}

.chatbox-message-dropdown-menu.show {
    transform: scale(1);
}

.chatbox-message-dropdown-menu a {
    font-size: .875rem;
    font-weight: 500;
    color: var(--dark);
    text-decoration: none;
    padding: .5rem 1rem;
    display: block;
}

.chatbox-message-dropdown-menu a:hover {
    background: var(--grey);
}

.chatbox-message-content {
    background: var(--grey);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    grid-row-gap: 1rem;
    max-height: 300px;
    overflow-y: auto;
}

.chatbox-message-content::-webkit-scrollbar {
    width: 3px;
    background-color: rgb(255, 255, 255);
    height: 0px;
    margin-top: 15px;
}

.chatbox-message-content::-webkit-scrollbar-thumb {
    width: 3px;
    border-radius: 100px;
    background-color: var(--bg2);
}

.chatbox-message-content::-webkit-scrollbar-track {
    width: 3px;
    -webkit-box-shadow: inset 0 0 6px transparent;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
}

.chatbox-message-item {
    width: 90%;
    padding: 1rem;
}

.chatbox-message-item.sent {
    align-self: flex-end;
    background: var(--blue);
    color: var(--white);
    border-radius: .75rem 0 .75rem .75rem;
}

.chatbox-message-item.received {
    background: var(--white);
    border-radius: 0 .75rem .75rem .75rem;
    box-shadow: .25rem .25rem 1.5rem rgba(0, 0, 0, .05);
}

.chatbox-message-item-time {
    font-size: .75rem;
    margin-top: .5rem;
    display: inline-block;
}

.chatbox-message-bottom {
    background: var(--white);
    padding: .75rem 1.5rem;
}

.chatbox-message-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--grey);
    border-radius: .5rem;
    padding: .5rem 1.25rem;
}

.chatbox-message-input {
    background: transparent;
    outline: none;
    border: none;
    resize: none;
    scrollbar-width: none;
}

.chatbox-message-input::-webkit-scrollbar {
    display: none;
}

.chatbox-message-submit {
    font-size: 1.25rem;
    color: var(--blue);
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
}

.chatbox-message-no-message {
    font-size: 1rem;
    font-weight: 600;
    text-align: end;
}

/* CHATBOX */

.sdfghjkl {
    position: relative;
}

.ourVisionWWW {
    margin-top: 200px;
}

.sdfghjkl article {
    background-color: transparent;
    padding: 0px;
    color: #3d3d3d;
    margin-top: -80px;
    z-index: 99;
    position: relative;
    width: 100%;
}

.sdfghjkl .ourVisionDiv {
    padding: 0px 0px !important;
}

.sdfghjkl .bl {
    background-color: rgb(255, 255, 255);
    padding: 30px 0px;
    box-shadow: 0 0 30px #cccccc73;
}

article {
    background: #f8f8f8;
    padding: 50px;
    color: #3d3d3d;
    margin-top: 40px;
}

.ourVisionWWW .Title a {
    color: var(--bg2);
}

.ourVisionWWW .Title a span {
    color: var(--bg);
}

.text {
    color: #212121;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .140em;
    text-transform: uppercase;
}

.bl {
    text-align: center;
}

.number {
    margin-bottom: 0;
    font-size: 49px;
    line-height: 1.2;
    letter-spacing: .04em;
    font-weight: bold;
    color: var(--bg2);
    opacity: 0;
}

.midImg {
    width: 60px;
    height: 60px;
    margin: auto;
}

.midImg img {
    width: 100%;
    height: 100%;
}

.viz {
    opacity: 1;
    transition: 1s;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

.ourVisionOne{
    background-color: #3089b516;
    padding: 70px 0px 0px 0px ;
}

.ourVisionOneTwo{
    background-color: #3089b516;
    padding: 0px 0px 70px 0px ;
}

.our .row{
    position: relative;
}

.ourVisionOneDiv{
    width: 50px;
    height: 220px;
    background-color: var(--bg2);
}

.colLg7 .row{
        --bs-gutter-x: 0px !important;
}
.h-100 {
object-fit: contain;
}
.ssssssH5{
    color: var(--bg);
    font-size: 22px;
    font-weight: bold;
}

.ourVisionOneImg{
    width: 100%;
    height: 220px;
    display: flex;
    justify-content: start;
    margin-top: 15px;
    object-fit: contain;
}

.ourVisionVedio{
    max-width: 400px;
    height: 220px;
    display: flex;
    justify-content: start;
    margin-top: 20px;
}

.ourVisionImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btnLen {
    border: none;
    outline: none;
    padding: 5px 16px;
    background-color: transparent;
    cursor: pointer;
    color: white;
    font-size: 16px;
    border-radius: 6px;
  }
  

  .activeLen, .btn:hover {
    background-color: rgb(213, 213, 213);
    color: black;
  }

  .en_lang{
    position: absolute;
	top: -9999px;
	left: -9999px;
  }
.lang_buttons{
    text-align: right;
}
	.button{
        display: inline-block;
		text-decoration: none;
		border: none;
        outline: none;
		padding: 5px 15px;
		/* margin-top: 20px; */
		margin-right: 0;
        color: white;
    }
    .button:hover{
        cursor: pointer;
    }
	.en_lang{
        position: absolute;
		top: -9999px;
		left: -9999px;
    }
    .lang_buttons img{
        height: 25px;
        width: 25px;
        border-radius: 50%;
    }
    .fixedTop .button{
        color: black;
    }

.SRISDiv .textSRISDiv {
    font-size: 60px;
    color: var(--bg);
    letter-spacing: 5px;
    font-weight: bold;
    text-align: center;
}

.SRISDivCard {
    width: 100%;
    height: 100%;
    padding: 20px;
    color: white;
}

.col-lg-3:nth-child(odd) .SRISDivCard {
    background-color: var(--bg);
    /* margin-top: -20px; */
}

.col-lg-3:nth-child(even) .SRISDivCard {
    background-color: #0DA6D5;
    /* margin-top: 20px; */
}

.SRISDiv {
    padding: 50px 0px;
}

.SRISDivCard .SRISDivCardTitle {
    font-size: 20px
}

.SRISDivCardTitle svg {
    margin-top: -3px;
}

.SRISDivCard p {
    font-size: 16px;
}