@charset "utf-8";
/*.............. fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*.............. fonts..............*/


/*..............common styles..............*/

:root {
    --white: #FFFFFF;
    --gray: #444444;
    --black: #000000;
    --body-color: #343434;
    --light-black: #181818;
    --yellow: #deb240;
    --blue: #0a0f4d;
    --red: #ae152d;
    --ff_heading: 'Exo', sans-serif;
    --ff_normal: 'Poppins', sans-serif;

}

/* var(--c_green)*/
html,
body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: var(--c_black);
    font-family: var(--ff_normal);
    scroll-behavior: unset !important;
    width: 100%;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 24px;
    padding: 0;
    color: var(--c_black);
    font-family: var(--ff_normal);
}

.h-0>* {
    margin-bottom: 0;
}

h1 span,
h2 span {
    color: var(--c_green);
}

h1,
.fz-72 {
    font-size: 72px;
}

h2 {
    font-size: 36px;
    font-family: var(--ff_heading);
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 17px;
}

p {
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0;
    line-height: 24px;
    font-weight: 400;
    color: var(--body-color)
}

img {
    max-width: 100%;
}

a,
img {
    border: 0;
    text-decoration: none;
    outline: none;
    color: var(--black);
}

a:visited,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}


input,
textarea,
select {
    font-weight: 400;
    font-size: 16px;
    outline: none;
    width: 100%;
    padding: 13px 10px;
    border: none;
    color: #777777;
    margin-bottom: 10px;
    background-color: transparent;
    border: 1px solid #a9a8a8;
}

dl,
ol,
ul {
    margin: 0;
    padding: 0;
}

label {
    font-weight: 500;
}

.full-height {
    height: 100vh !important;
}
/* --- for placeholder color --- */
::-moz-placeholder {
    color: #AAAAAA;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #AAAAAA;
}

::-webkit-input-placeholder {
    color: #AAAAAA;
}

/* --- for placeholder color --- */



/* --- Button Styles --- */
.btn,
a.btn {
    padding: 17px 30px;
    border-radius: 0px;
    ;
    color: white;
    background-color: var(--yellow);
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.btn:focus,
.btn:hover,
.btn:focus,
a.btn:focus,
a.btn:hover,
a.btn:focus {
    background: var(--blue);
    color: var(--white)
}

a.btn:focus {
    outline: none;
    border: 0;
}

.btn.btn-w-bdr {
    color: var(--c_white);
    border: 1px solid var(--c_white)
}

.btn.btn-solid {
    background-color: var(--c_green);
    color: var(--c_white)
}

.btn.btn-solid-w {
    background-color: var(--c_white);
    color: var(--c_green);
}

.btn.no-ls {
    letter-spacing: normal;
}

.btn.round {
    border-radius: 50px;
    padding: 16px 30px 16px;
}

/* --- Button Styles --- */

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.common-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

.px-120 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.achiv-portal {
    padding-top: 30px;
}

.year-heading h3 {
    font-weight: 600;
}
.topper-box {
    border: 1px solid #ccc;
    padding: 14px;
    text-align: center;
    margin-bottom: 8px;
    height: calc(100% - 8px);
}

.topper-box .studentname {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 10px;
    color: #313569;
    font-weight: 600;
}

.topper-box .percent {
    font-size: 15px;
    margin-top: 10px;
    color: #deb240;
    font-weight: 600;
}
.py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.mb-h,
.mb-h h2 {
    margin-bottom: 40px;
}

.pl-box {
    padding-left: 50px;
}

.pr-box {
    padding-right: 50px;
}

.mt-50 {
    margin-top: 50px
}

/*..............common styles..............*/

*:not(svg):not(path):not(.resp-tab-content):not(.wow):not(body):not(.slick-track) {
    transition: 250ms ease-in
}


/*for header css*/

.hdr_fix .bottom-header {
    background: var(--white);
    left: 0;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1999;
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05);
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    animation: slide-down 0.7s;
    -ms-animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
}

.hdr_fix .logo_box img {
    max-width: 260px;
}

@keyframes slide-down {

    0% {
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

/*skipcontent*/




.top-header {
    background: #0a0f4d;
    height: 10px;
}

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

ul.header-info li {
    display: inline-block;
    margin: 0;
    font-family: var(--font-secondary);
    font-size: 14px;
    color: var(--color-white);
    padding: 16px 30px 12px;
    position: relative;
}

.header-info li i {
    color: var(--yellow);
    padding-right: 10px;
    font-size: 15px;
}

ul.header-info li a {
    font-size: 15px;
    font-weight: 500;
    color: var(--white);
}

ul.header-info li a:hover {
    color: var(--yellow);
}

.edu-btn {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    background: var(--yellow);
    padding: 1px 30%;
    height: 10px;
    display: inline-block;
}

.header-btn {
    text-align: right;
}

.edu-btn:hover {
    color: #fff
}

.logo_wrap img {
    max-width: 328px;
}

.bottom-header {
    padding: 14px 0;
}

/*for header css*/


/* banner section */

.common-heading-part {
    margin-bottom: 20px;
}

.common-heading-part h6 {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 21px;
    letter-spacing: 1.5px;
    color: #818282;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    background: var(--white);
    padding: 0 15px;
}

.common-heading-part h6:before {
    position: absolute;
    content: '';
    width: calc(100% + 80px);
    height: 3px;
    background: #be1e37;
    top: 50%;
    left: -42px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
    transform: translateY(-50%);
}

.common-heading-part h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 42px;
    color: #2a3369;
}

.common-heading-part p {
    margin-top: 6px;
    max-width: 990px
}

.line-btn {
    border: 1px solid var(--white);
    color: var(--white);
    font-size: 14px;
    padding: 10px 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.line-btn:hover {
    background: var(--blue);
    color: var(--white)
}

.banner-slider {
    height: 90vh;
    overflow: hidden;
}

.hero-wrap {
    height: 90vh;
}

.slide {
    position: relative;
    transition: 1s;
}

.banner-slider .slide .slide__img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.banner-slider .slide .slide__img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 1s ease;
    object-fit: cover;
    object-position: top;
}

/* .banner-slider .slide .slide__content { position: absolute; top: 38%; left: 9%;  z-index: 5} */
/* .banner-slider .slide .slide__content {position: absolute;top: 38%;left: 0;z-index: 5;background:#0a0f4d8c;padding: 19px 59px 20px 9%;border-radius: 0 139px 20px 0%; } */
.banner-slider .slide .slide__content {
    position: absolute;
    top: 86%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 5;
    /* border-radius: 0 139px 20px 0%; */
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}

/* // Change animation presets */
.banner-slider .slider [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
    transition: 1s;
}

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

.banner-slider .slide__img {
    z-index: 1;
}

.banner-slider .slide__img:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(78 80 84 /30%);
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

/*.banner-slider .slide__img:after{position: absolute;content: '';background: url(../images/shape-25.png);width: 690px;height: 690px;left: -153px;z-index: 2;top: -290px;}*/
.banner-slider .slick-dots {
    bottom: 30px;
    display: none !important;
}

.banner-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
}

.banner-slider .slick-dots li.slick-active button {
    background: var(--yellow);
}

.banner-slider .slick-dots li button:before {
    opacity: 0
}

.banner-slider .slick-slide {
    height: 100vh
}

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

.corner-wrap {
    background: linear-gradient(253deg, #c01f38 0%, #ad152d 100%);
    padding: 1px 0;
}

.corner-icon {
    width: 81px;
    height: 81px;
    background: rgb(255 255 255 / 10%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 81px;
}

.corner-icon:hover {
    border: 1px solid var(--white);
}

.corner-icon img {
    filter: brightness(0) invert(1);
    max-width: 42px;
    margin: 0 auto;
}

.corner-box {
    display: flex;
}

.corner-contant h4 {
    color: var(--white);
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 16px;
}

.corner-contant {
    margin-left: 19px;
}

.corner-contant a {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #ffffff;
    font-size: 15px;
    color: #ffffff;
    padding: 3px 20px;
}

.corner-box:hover .corner-contant a {
    background: var(--yellow);
}

.about-sec {
    padding: 120px 0;
    position: relative;
}

.home-about-sec:before {
    position: absolute;
    content: '';
    width: 70%;
    height: 100%;
    background: #f0f0f0;
    top: 0;
    z-index: -1;
    background-size: cover;
}

.home-about-sec .common-heading-part h6 {
    background: #f0f0f0;
}

.about-sec .common-heading-part h6:before {
    left: 0%;
    width: calc(100% + 40px);
}

.about-sec .common-heading-part h6 {
    padding-left: 0;
}

.about-content .section-title {
    margin-bottom: 34px
}

.about-content .nav-tabs {
    border-bottom: none;
    margin: -8px -16px;
    padding-bottom: 20px
}

.about-content .nav-tabs .nav-item {
    margin: 8px 16px;
    position: relative
}

.about-content .nav-tabs .nav-item:after {
    content: "";
    height: 16px;
    width: 2px;
    background-color: #686868;
    position: absolute;
    top: 2px;
    right: -18px;
    margin-top: 4px;
}

.about-content .nav-tabs .nav-item:last-child:after {
    display: none
}

.about-content .nav-tabs .nav-link {
    color: var(--light-black);
    font-size: 17px;
    font-weight: 600;
    font-family: var(--ff_normal);
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    padding-bottom: 1px
}

.about-content .nav-tabs .nav-link:after {
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--red);
    position: absolute;
    bottom: -5px;
    left: 0;
    opacity: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.about-content .nav-tabs .nav-link:hover,
.about-content .nav-tabs .nav-link.active {
    color: var(--red)
}

.about-content .nav-tabs .nav-link:hover:after,
.about-content .nav-tabs .nav-link.active:after {
    width: 100%;
    opacity: 1
}

.about-content .tab-content p {
    margin-bottom: 20px;
    font-weight: 400;
    text-align: justify;
}

.about-content .tab-content .features-list li:before {
    color: var(--color-secondary)
}

.about-content .features-list li {
    font-weight: 400;
    font-family: var(--ff_normal);
    color: var(--body-color);
    padding-left: 28px;
    position: relative;
    margin-bottom: 16px;
    margin-top: 16px;
    font-size: 15px;
    text-align: justify;
}

.about-content .features-list li:before {
    position: absolute;
    content: '';
    width: 128px;
    height: 128px;
    background: url(../images/tick.svg);
    left: 0;
    top: 4px;
    background-repeat: no-repeat;
    background-size: 16%;
}

.about-image-gallery {
    position: relative;
    padding: 30px;
    background: var(--white);
}

.about-image-gallery .main-img-1 {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transition: all .3s ease-in-out;
}

.about-image-gallery .main-img-1:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #0053bb0f;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.about-image-gallery .main-img-1 img {
    width: 100%;
    height: 100%
}

.main-img-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.about-image-gallery .main-img-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 326px;
    height: 245px;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transition: all 1s ease-out;
}

.about-image-gallery .main-img-2 img {
    width: 100%;
    height: 100%
}

.main-img-2:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.award {
    position: absolute;
    right: 0;
    top: 63%;
    ;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.award img {
    max-width: 240px;
}

.contact-alert .alert-success .close {
    position: absolute;
    right: 20px;
    border-radius: 50%;
    color: #0f5132;
    border: 2px solid #0e4e30;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    line-height: 21px;
}

.contact-alert .alert-danger .close {
    position: absolute;
    right: 20px;
    border-radius: 50%;
    color: #842029;
    border: 2px solid #842029;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    line-height: 21px;
}

.cms_page table th {
    border: 1px solid #000;
    text-align: center;
    vertical-align: middle;
}

.footer:hover {
    background: #ad152d;
    color: var(--white);
}

.about-image-gallery .shape-group li {
    position: absolute;
    z-index: -1;
}

.about-image-gallery .shape-group li.shape-1 {
    left: inherit;
    bottom: inherit;
    right: 39px;
    top: 13px;
    z-index: -2;
}

.about-image-gallery .shape-group li.shape-2 {
    top: inherit;
    right: inherit;
    left: -2px;
    bottom: 33px;
}

.sml-logo {
    width: 10%;
}

.sml-text {
    width: 90%;
    margin-top: 25px;
    text-align: justify;
}

.sml-text p {
    text-align: justify;
}

.out-logo {
    padding: 12px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07), 0 0px 7px 0 rgba(0, 0, 0, 0.07);
}

.counter-content {
    border-radius: 10px;
    text-align: center;
    /*padding: 38px 30px;*/
    box-shadow: 0 10px 30px 6px rgba(0, 0, 0, .07);
    font-weight: 700;
    font-size: 36px;
    font-family: var(--ff_heading);
    position: relative;
}

.green-counter {
    color: #4b4b4b
}

.green-counter::before {
    content: "";
    width: 0px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
    background: #4b4b4b
}

.green-counter:hover::before {
    width: 100%;
}

.pink-counter::before {
    content: "";
    width: 0px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
    background: #ee4a62;
}

.pink-counter:hover::before {
    width: 100%;
}

.blue-counter::before {
    content: "";
    width: 0px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
    background: #0a0f4d;
}

.blue-counter:hover::before {
    width: 100%;
}

.yellow-counter::before {
    content: "";
    width: 0px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
    background: #f8941f;
}

.yellow-counter:hover::before {
    width: 100%;
}

.pink-counter {
    color: #ee4a62
}

.blue-counter {
    color: #0a0f4d
}

.yellow-counter {
    color: #f8941f
}

.text {
    color: var(--body-color);
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    font-family: var(--ff_normal);
}

.counter-count {
    display: block;
    padding: 38px 30px;
}

.institutions-img {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transition: all 1s ease-out;
}

.institutions-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.institutions-img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.institutions-wrapper .row .col-lg-3:last-child .institutions-content {
    background: var(--red);
}

.institutions-wrapper .row:last-child .col-lg-3:first-child .institutions-content {
    background: var(--red);
}

.institutions-content {
    text-align: center;
    background: var(--blue);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    z-index: 1;
}

.institutions-content img {
    margin-bottom: 20px;
    width: 120px;

}

.institutions-content h4 {
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 30px;
    font-size: 16px
}

.institutions-img:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(44 44 44 / 39%);
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.institutions-content:before {
    position: absolute;
    content: '';
    background: var(--yellow);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.institutions-content:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.p-6 {
    padding: 3px
}


.why-choose {
    position: relative;
}

.why-choose:before {
    position: absolute;
    content: '';
    height: 68%;
    width: 100%;
    background-color: #f7f5f2;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.why-choose .slick-track {
    padding: 32px 0;
}

.why-choose .common-heading-part h6 {
    background: #f7f5f2
}

.why-choose-box {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    padding: 60px 50px 37px;
    border-radius: 5px;
    background: var(--white);
    text-align: center;
    height: 100%;
    min-height: 379px
}

.why-choose-box .why-icon {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px
}

.why-choose-box .why-icon img {
    max-width: 50px;
}

.why-choose-box:hover .why-icon img {
    filter: brightness(0) invert(1);
}

.why-content h4 {
    font-weight: 600;
}

.why-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.choose-slider .slick-slide {
    margin: 0 15px
}

.blue-icon {
    background: #d2dffd
}

.why-choose-box:hover .blue-icon {
    background: #4664e4
}

.red-icon {
    background: #ee4a621a
}

.why-choose-box:hover .red-icon {
    background: rgb(238 74 98)
}

.yellow-icon {
    background: #bc41513b
}

.why-choose-box:hover .yellow-icon {
    background: #bc4152
}

.green-icon {
    background: #1ab69d1a
}

.why-choose-box:hover .green-icon {
    background: #1ab69d
}

.pink-icon {
    background: #f9259612
}

.why-choose-box:hover .pink-icon {
    background: #f92596
}

.light-blue-icon {
    background: #91e7f821
}

.why-choose-box:hover .light-blue-icon {
    background: #91e6f8
}

.sea-green-icon {
    background: #91f8931f
}

.why-choose-box:hover .sea-green-icon {
    background: #91f893
}

.deep-green-icon {
    background: #30c92823;
}

.why-choose-box:hover .deep-green-icon {
    background: #2fc928;
}

.deep-yllow-icon {
    background: #bc8f412e;
}

.why-choose-box:hover .deep-yllow-icon {
    background: #bc8f41
}

.blue-nil-icon {
    background: #4156bc2f
}

.why-choose-box:hover .blue-nil-icon {
    background: #4155bc
}

.choose-slider .slick-prev,
.choose-slider .slick-next {
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    z-index: 9;
}

.choose-slider .slick-prev:before {
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--blue);
}

.choose-slider .slick-next:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--blue);
}

.shape-circle {
    position: absolute;
    z-index: -1;
    bottom: 0%;
    right: 7%;
}

.shape-circle span {
    display: block;
    height: 100px;
    width: 100px;
    border: 16px solid #f8b81f;
    border-radius: 50%;
}


.featured-imagebox-post {
    border-radius: 10px;
    margin-bottom: 30px;
}

.featured-thumbnail {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-bottom: 76%;
}

.featured-thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.featured-content-post {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    padding: 30px 20px 20px;
    border-radius: 0 0 5px 5px;
    position: relative;
    margin-left: 20px;
    background: #fff;
}

.blog-title h4 a:hover {
    color: var(--blue);
}

.featured-imagebox-post .featured-content-post:after {
    content: "";
    height: 10px;
    width: 100%;
    background-color: rgb(220 185 94 / 62%);
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.featured-imagebox-post .featured-content-post:hover:after {
    visibility: visible;
    opacity: 1;
}

.featured-content-post .blog-title h4 a {
    color: var(--blue);
    font-weight: 600;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.feature-desc p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-thumbnail:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.featured-imagebox-post:hover .featured-thumbnail:after {
    visibility: visible;
    opacity: 1;
}

.featured-imagebox-post .post-featured-outer {
    margin-bottom: -25px;
}

.featured-imagebox-post .feature-desc .read-more-btn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* .featured-imagebox-post:hover .feature-desc .read-more-btn { margin-top: 25px; margin-bottom: 0; visibility: visible; opacity: 1; } */
.read-more-btn .red-btn {
    color: var(--white);
    font-size: 14px;
    padding: 12px 20px;
    font-weight: 700;
    background: var(--red);
    border-radius: 5px;
    display: inline-block;
}

/* .featured-imagebox-post:hover .featured-content-post { z-index: 1; position: relative; background: #fff; } */
.blog-title h4 {
    margin: 0 0 16px;
}

.event-time {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1
}

.event-time span {
    background-color: var(--yellow);
    border-radius: 4px;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 12px;
    color: var(--white)
}

ul.event-meta {
    margin-bottom: 14px;
}

ul.event-meta li {
    position: relative;
    padding-left: 20px;
}

ul.event-meta li:before {
    position: absolute;
    content: '\f073';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    left: 0;
    color: var(--red);
    top: -2px;
}

time.entry-date {
    color: var(--red);
    font-weight: 600;
    font-size: 15px;
}

.entry-month {
    font-size: 15px;
}

.blg-banner h4 {
    font-weight: 600;
    color: var(--blue);
    margin-bottom: 10px;
    font-size: 18px;
}

.blg-banner time.entry-date,
.blg-banner ul.event-meta li:before {
    color: var(--red);
    font-size: 14px;
}

.blg-banner ul.event-meta li:before {
    top: 2px;
}

.notify-bar {
    box-shadow: 0px 6px 30px 0 rgb(0 0 0 / 11%);
    background: var(--white);
    border-radius: 10px;
    height: 100%;
}

.notify-heading {
    border-radius: 10px 10px 0 0;
    background: var(--blue);
    padding: 12px;
}

.notify-heading h4 {
    color: var(--white);
    margin: 0;
}

.announcement-box {
    display: flex;
    padding-bottom: 10px;
    align-items: flex-start;
}

.notify-bar ul {
    padding: 10px 20px;
    height: 430px;
    overflow-y: scroll;
}

.notify-bar ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.notify-bar ul::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.notify-bar ul::-webkit-scrollbar-thumb {
    background-color: var(--yellow);
    border: 2px solid var(--yellow);
}

.notify-bar ul li:not(:last-child) {
    margin-bottom: 16px;
    border-bottom: 2px solid #e3e3e3;
}

.notice-text h4 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.notice-text h4 a:hover {
    color: var(--blue)
}

.noticedate {
    background: var(--yellow);
    border-radius: 5px;
    padding: 10px 17px;
    margin-right: 10px;
}

.noticedate p {
    font-weight: 700;
    color: var(--white);
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px
}

.n-date {
    color: var(--white);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
}

.notice-text h4 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    color: var(--body-color);
    line-height: 1.5;
}

.link-text {
    color: #0a0f4d;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 0 20px;
    margin-top: 20px;
    font-size: 15px;
}

.link-text:hover {
    color: var(--red)
}

/* /////////// IMAGE ZOOM /////////// */
@keyframes zoomInImage {
    from {
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }

    to {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }
}

.zoomInImage {
    animation-name: zoomInImage;
}

@keyframes zoomOutImage {
    from {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }

    to {
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }
}

.zoomOutImage {
    animation-name: zoomOutImage;
    transition: 1s;
}




@keyframes stroke {
    52% {
        transform: rotate(-180deg);
        stroke-dashoffset: 0;
    }

    52.1% {
        transform: rotate(-360deg);
        stroke-dashoffset: 0;
    }

    100% {
        transform: rotate(-180deg);
        stroke-dashoffset: 126;
    }
}

@keyframes arrow {

    0%,
    100% {
        transform: translateX(0);
        opacity: 1;
    }

    23% {
        transform: translateX(17px);
        opacity: 1;
    }

    24%,
    80% {
        transform: translateX(-22px);
        opacity: 0;
    }

    81% {
        opacity: 1;
        transform: translateX(-22px);
    }
}

@keyframes arrowUp {

    0%,
    100% {
        transform: rotate(-40deg) scaleX(1);
    }

    20%,
    80% {
        transform: rotate(0deg) scaleX(.1);
    }
}

@keyframes arrowDown {

    0%,
    100% {
        transform: rotate(40deg) scaleX(1);
    }

    20%,
    80% {
        transform: rotate(0deg) scaleX(.1);
    }
}


.gallery-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3px;
    row-gap: 3px;
    position: relative;
    z-index: 1
}

.gallery-img {
    width: 24.8%;
    position: relative;
    padding-bottom: 16%;
    overflow: hidden;
    margin-bottom: 24px;
}

/* .gallery-img:after { opacity: 0; visibility: hidden; content: ""; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 0; background-color: rgb(9 15 77 / 65%); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.gallery-img:hover:after{opacity: 1; visibility: visible;} */
.gallery-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.gallery-img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-img .gal-icon {
    opacity: 0;
    visibility: hidden;
    text-align: center;
    position: absolute;
    top: 90%;
    z-index: 2;
    right: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.gallery-img:hover .gal-icon {
    top: 50%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
    -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
    -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
    transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
}

.gallery-img .gal-icon i {
    color: var(--white);
    font-size: 29px
}

.gal-item {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
    text-align: center;
    display: block !important;
    margin-bottom: 30px;
}

/* .gal-item:after { position: absolute; content: ''; background: url(../images/arw-right.png); width: 74px; height: 72px; right: -18px; bottom: -20px; }
.gal-item:before { position: absolute; content: ''; background: url(../images/arw-left.png); width: 72px; height: 76px; left: -18px; top: -20px; }*/
.gal-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gal-thumbnail {
    max-width: 250px !important;
    height: 160px;
    display: block !important;
}

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

.gallery-slider .slick-slide {
    margin: 0 20px;
}

.slider-nav .slick-slide {
    margin: 0 10px;
}

.gallery-slider .slick-track {
    padding: 30px 0;
}

/* .gal-content {   padding: 15px;  margin-top: 16px;}  */
.gal-content {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000000c4;
}

/*.gallery-slider { margin-bottom: 30px; } */
.gallery-slider .slick-prev {
    left: 25px;
    z-index: 3;
}

.gallery-slider .slick-next {
    right: 25px;
}

.gallery-slider .slick-prev:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--white);
}

.gallery-slider .slick-next:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--white);
}

.gal-content h3 {
    color: var(--white);
    font-weight: 400;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
    padding: 20px 10px;
}

/* .gallery-slider .slick-track { padding-bottom: 40px; } */
.slider-nav .slick-prev,
.slider-nav .slick-next {
    width: 70px;
    height: 70px;
    background: var(--yellow);
    border-radius: 50%;
    z-index: 9;
}

.slider-nav .slick-prev:before {
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--blue);
}

.slider-nav .slick-next:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--blue);
}

.gal-text {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000000c4;
}

.gal-text h6 {
    color: var(--white);
    padding: 20px 10px;
    font-weight: 400;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
}

.red-btn {
    padding: 17px 40px !important;
}

.hvr-shutter-out-horizontal:before {
    background: var(--blue);
    border-radius: 5px;
}

.edu-btn.hvr-shutter-out-horizontal:before {
    background: var(--red);
    border-radius: 0;
}


.director-wrap {
    background: #f0c85f;
    padding: 100px 0;
}

.wht-bg {
    display: flex;
}

.president-bg {
    background: var(--blue);
    width: 50%;
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.president-img {
    width: 50%;
    position: relative;
    padding-bottom: 63%;
    overflow: hidden;
}

.president-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.president-img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

footer {
    background-color: var(--blue);
    padding-top: 1px;
}

.footer-logo img {
    max-width: 300px;
}

.footer-story {
    margin-top: 30px;
}

.footer-story p {
    color: var(--white);
    text-align: justify;
    max-width: 310px;
    line-height: 1.5;
    margin: 0
}

.footer-menu ul {
    list-style: none;
}

.footer-menu ul li a {
    color: var(--white);
    font-size: 14px;
}

.address-menu li a,
.address-menu li p {
    display: flex;
    color: var(--white);
    font-size: 14px;
    align-items: center
}

.footer-menu ul li span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-right: 11px;
    color: var(--yellow);
    font-size: 22px;
    text-align: center;
}

.footer-menu ul li {
    margin-bottom: 10px;
}

.footer-menu .menu li a {
    padding-left: 21px;
    position: relative;
}

.footer-menu ul li span i {
    font-size: 20px;
}

.footer-menu .menu li a:before {
    line-height: 1em;
    font-size: 14px;
    content: "";
    background-color: var(--yellow);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 6px;
}

.footer-menu-2-col {
    padding-left: 70px;
}

.foter-phone-col-innner a {
    color: var(--c_white);
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}

.footer-menu h6 {
    color: var(--yellow);
    font-size: 20px;
    font-weight: 700;
}

.foter-phone-inner {
    margin-top: 30px
}

.foter-phone-col-innner .social-icon {
    display: flex;
    justify-content: flex-start;
    margin-top: 55px;
    margin-bottom: 0px;
    list-style: none;
}

.foter-phone-col-innner .social-icon li {
    margin-right: 30px;
}

.foter-phone-col-innner .social-icon li a {
    color: var(--c_white);
    font-size: 18px;
}

.foter-phone-col-innner .social-icon li:first-child a {
    margin-left: 0;
}

ul.news-wrap li {
    margin-bottom: 16px
}

ul.news-wrap li a {
    display: flex;
    align-items: flex-start;
}

ul.news-wrap li a span.news-thumb img {
    width: 100%;
    height: 100%;
    display: inline-block;
}

strong.news-headline {
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 300;
    max-width: 138px;
}

span.blg-post-date {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
}

.tagcloud a {
    background-color: var(--c_pink);
    border-radius: 8px;
    margin: 0 4px 4px 0;
    color: var(--c_white);
    font-size: 16px;
    line-height: 20px;
    font-size: 11px !important;
    padding: 2px 8px;
    margin: 0 1px 1px 0;
    display: block;
    float: left;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}

.Copyright-text {
    background: #0a0e3e;
    padding: 25px 15px;
    margin-top: 30px;
}

.Copyright-text p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
}

.social-icon {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0px;
    list-style: none;
}

.social-icon li {
    margin-right: 16px;
}

.social-icon li a {
    color: var(--yellow) !important;
    font-size: 16px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid var(--yellow);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.social-icon li:hover a {
    background: var(--yellow);
    color: var(--white) !important;
}

.slide__content--headings h1 {
    color: var(--white);
    font-family: 'Exo';
    font-weight: 700;
    margin: 0;
    background: #0a0f4da8;
    padding: 9px;
}

.slide__content--headings h5 {
    color: var(--white);
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    background: #deb240f0;
    padding: 6px 16px;
    width: fit-content;
    margin: 4px auto 0;
}

/* .slide__content--headings h1 span { display: block; background: #0a0f4d; width: fit-content; padding: 7px; } */

.slide__content--headings h1 span {
    display: inline-block;
    margin-left: 10px;
    width: fit-content;
    /* background: #0a0f4d; */
    /* padding: 7px; */
}

.contact-form {
    position: relative
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 20px
}

.contact-form .form-group.comment-group .icon {
    top: 0
}

.contact-form .form-group .icon {
    position: absolute;
    left: 0;
    top: 12px;
    color: #fff;
    font-size: 18px;
    line-height: 1em
}

.contact-form .form-group input[type=text],
.contact-form .form-group input[type=password],
.contact-form .form-group input[type=tel],
.contact-form .form-group input[type=email],
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    color: #a5a5a5;
    line-height: 26px;
    padding: 0 15px 8px 15px;
    height: 50px;
    font-size: 14px;
    border-radius: 2px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgb(75 74 74 / 15%);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}

.contact-form .form-group input[type=text]:focus,
.contact-form .form-group input[type=password]:focus,
.contact-form .form-group input[type=tel]:focus,
.contact-form .form-group input[type=email]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
    border-color: var(--blue)
}

.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 0 15px 10px 15px;
    color: #a5a5a5;
    height: 100px;
    font-size: 14px;
    resize: none;
    border-radius: 2px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}

/*.contact-form .form-group .submit-btn { position: relative; border-radius: 50px; color: #223a66; width: 100%; font-weight: 500; padding: 16px 8px; margin-top: 15px; background-color: #fff; border: 2px solid #fff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease }*/
.footer-menu .contact-form .form-group input[type=text],
.footer-menu .contact-form .form-group input[type=password],
.footer-menu .contact-form .form-group input[type=tel],
.footer-menu .contact-form .form-group input[type=email],
.footer-menu .contact-form .form-group select {
    border-bottom: 1px solid rgb(215 181 94 / 79%);
}

/*===================Inner Banner======================*/
.inner-banner {
    padding: 220px 0;
    position: relative;
    z-index: 1;
    background: #dcb95e
}

.inner-banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 15%);
    z-index: -1
}

.inner-content h2 {
    color: var(--white);
    text-align: center;
    font-weight: 700;
    font-size: 35px;
}

.breadcrumb {
    justify-content: flex-start;
    margin-bottom: 0
}

.breadcrumb li.breadcrumb-item {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-right: 15px
}

.breadcrumb-item.active {
    color: var(--white)
}

.breadcrumb li.breadcrumb-item a,
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    font-size: 12px;
    top: 17%;
    position: absolute;
    left: -3%;
}

/*li.book-shape { top: 60px; left: 11%; position: absolute; z-index: -1; } 
li.book-shape img { max-width: 60px; transform: rotate(45deg); } 
li.pencil-shape { top: 169px; left: 30%; position: absolute; z-index: -1; } 
li.pencil-shape img { max-width: 50px; } 
li.board-shape { top: 40%; left: 21%; position: absolute; z-index: -1; } 
li.board-shape img { max-width: 110px; }*/
.brd-list {
    background: var(--blue);
    padding: 12px;
}


.heading-style {
    margin-bottom: 20px;
}

.heading-style h2 {
    display: inline-block;
    position: relative;
    background: var(--white);
    padding: 0 15px 0px 0px;
    margin: 0;
}

.heading-style h2:before {
    position: absolute;
    content: '';
    width: calc(100% + 80px);
    height: 3px;
    background: #be1e37;
    top: 50%;
    left: 2px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
    transform: translateY(-50%);
}

/*===================contact page======================*/

.contact-page-section {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
}

.pattern-layer {
    position: absolute;
    content: '';
    z-index: 1;
    left: 0;
    top: 210px;
    right: 0;
    bottom: 0;
    width: 224px;
    height: 488px;
}

.contact-address .icon-box {
    position: relative;
    color: var(--yellow);
    font-size: 40px;
    line-height: 1em;
}

.contact-address .inner h4 {
    margin-top: 18px;
    margin-bottom: 10px;
    font-weight: 600
}

.contact-address {
    position: relative;
    margin-bottom: 15px;
}

.contact-page-section .form-column .inner-column {
    position: relative;
    padding: 55px 50px;
    background-color: var(--white);
    box-shadow: 0 10px 50px 0 rgba(26, 46, 85, .1)
}

.contact-page-section .title-box h5,
.contact-page-section .title-box h2 {
    color: var(--black)
}

.page-contact-form .title-box h2 {
    font-weight: 700
}

.cntct-wraper {
    position: relative;
}

.cntct-wraper .title-box {
    position: relative;
    margin-bottom: 35px
}

.location-wrap {
    display: flex;
    flex-wrap: wrap;
}

.location-content,
.location-map {
    width: 50%;
}

.location-wrap .location-content:nth-child(5) {
    order: 6;
}

.location-content {
    padding: 31px 31px 31px 51px;
    background: var(--blue);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.location-content h4 {
    color: var(--yellow);
    line-height: 1.5;
    padding-bottom: 17px;
    position: relative;
    font-weight: 600;
    width: fit-content;
}

.location-content h4:before {
    position: absolute;
    content: '';
    width: 43%;
    height: 3px;
    background: var(--white);
    bottom: 0;
}

.location-content p {
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 10px
}

.location-content p span {
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    text-align: center;
}

.location-content p span i {
    color: var(--yellow);
}

.cntct-wraper {
    padding: 95px 0px 50px 0px;
    background: #f0f0f0
}

.page-contact-form {
    background: var(--white);
    box-shadow: 0 10px 50px 0 rgba(26, 46, 85, .1);
    padding: 40px;
    position: relative;
    z-index: 1
}

.page-contact-form .shape-circle {
    position: absolute;
    z-index: 0;
    top: 7%;
    right: -4%;
    bottom: inherit;
}

.et_pb_text_inner {
    line-height: 0;
}

iframe {
    float: left;
}

/*===================contact page======================*/
/*===================Director======================*/
.team-details-thumb {
    position: relative;
}

.d-shape1 {
    position: absolute;
    top: 68%;
    z-index: -1;
    left: 45%;
    display: none;
}

.found-thumbnail {
    margin-right: 20px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    background: #fff;
    padding: 14px;
}

.found-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    /* box-shadow: 0 10px 30px 0 rgb(0 0 0 / 28%); */
}

.team-details-content h5 {
    font-size: 15px;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 12px;
    font-weight: 600;
}

.team-details-content h3 {
    font-family: var(--ff_heading);
    font-weight: 700;
    margin-bottom: 6px;
}

.msg-describe p {
    text-align: justify;
}

/*===================Director======================*/
/*===================Gallety======================*/
/* .gal-tab{margin-bottom: 30px;} */
.gal-tab .gallery-img {
    width: 100%;
    padding-bottom: 80%
}

.gal-tab .nav {
    justify-content: center;
    margin: -5px -5px 45px;
    border: 0;
}

.gal-tab li.nav-item button {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
    color: #818282;
    height: auto;
    padding: 0 31px 12px;
    position: relative;
    margin: 5px;
    transition: color 0.3s ease;
    border: 0;
}

.gal-tab .nav-tabs .nav-link.active {
    color: var(--red);
    border: 0;
}

.gal-tab li.nav-item button:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 2px;
    border: 2px solid var(--red);
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.gal-tab .nav-tabs .nav-link.active:after,
.gal-tab li.nav-item button:hover:after {
    width: 100%;
    opacity: 1
}

/*===================Gallety======================*/
/*===================Apply Jobs======================*/
.jobs-apply .card {
    border: 0;
}

.jobs-apply .card-body {
    flex: 1 1 auto;
    padding: 70px 40px;
    box-shadow: 0 10px 50px 0 rgba(26, 46, 85, .1);
}

.card:after {
    position: absolute;
    content: '';
    height: 100px;
    width: 100px;
    border: 16px solid #f8b81f;
    border-radius: 50%;
    bottom: -40px;
    z-index: -1;
    right: -50px;
}

.cfrom_main .form-group {
    margin-bottom: 16px;
}

.cfrom_main label {
    margin-bottom: 12px;
}

.cfrom_main .form-control {
    height: 46px
}

/*===================Apply Jobs======================*/

.headeing-cont .common-heading-part h2 {
    max-width: 520px;
}

section.motto-wrap {
    background: #f7f5f2;
    padding: 120px 0;
}

.motto-img {
    position: relative;
    padding-bottom: 90%;
    max-width: 550px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transition: all .3s ease-in-out;
}

.motto-img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.motto-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: top;
}

.motto-bg {
    position: relative;
    z-index: 0;
    padding: 73px 50px 67px 0px;
    margin-bottom: 30px;
}

.motto-bg:after {
    position: absolute;
    content: '';
    height: 100%;
    background: var(--blue);
    padding: 73px 0px 67px 0px;
    width: 77%;
    top: 0;
    z-index: -1;
    right: 0;
}

.motto-bg .motto-content p {
    color: var(--white)
}

.motto-bg .motto-content h2 {
    color: var(--yellow)
}

.motto-content p {
    text-align: justify;
}

.motto-content p:last-child {
    margin: 0
}

.motto-bg:nth-child(even):after {
    right: inherit;
    left: 0;
}

.motto-bg:nth-child(even) {
    padding: 73px 0px 67px 50px;
}

.motto-content ul {
    padding-left: 21px;
}

.motto-content ul li {
    list-style: disc;
    color: var(--white);
    font-size: 15px;
    margin-bottom: 10px;
    text-align: justify;
}


/*===================English school======================*/
.featured-content-posted {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    padding: 30px 20px 45px;
    border-radius: 0 0 5px 5px;
    position: relative;
}

.featured-content-posted .feature-desc .read-more-btn {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
}

.featured-imagebox-post:hover .featured-content-posted .feature-desc .read-more-btn {
    margin-top: 0
}

.featured-imagebox-post .featured-content-posted:after {
    content: "";
    height: 6px;
    width: 100%;
    background-color: rgb(220 185 94 / 62%);
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-transition: .3s;
    transition: .3s;
}

.blue-posted:after {
    background-color: #0a0f4d !important;
}

.pink-posted:after {
    background-color: #ee4a62 !important;
}

.yellow-posted:after {
    background-color: #f8941f !important;
}

.facility-content-item {
    background-size: cover !important;
    background-position: center !important;
    height: 100vh;
    padding: 120px 0;
    position: relative;
    z-index: 1
}

.facility-content-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #2a3369ed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

.facility-big-heading h2 {
    color: rgb(222 178 64 / 33%);
    font-size: 89px;
    font-weight: 700;
}

.facility-content-text {
    max-width: 500px;
    margin: 0 auto;
    text-align: right;
}

.facility-content-text h4 {
    color: var(--yellow);
    font-size: 40px;
    font-weight: 500;
}

.facility-content-text p {
    color: var(--white);
    line-height: 1.5;
}

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

.facility_slider .slick-dots {
    bottom: 20px;
}

.facility_slider .slick-dots li {
    margin-right: 7px;
    width: 30px;
    height: 4px;
}

.facility_slider .slick-dots li button {
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    padding: 0
}

.facility_slider .slick-dots li.slick-active button {
    background: var(--yellow);
}

.facility_slider .slick-dots li button:before {
    opacity: 0
}

/*===================English school======================*/

/*===================facilities======================*/
.zigzag-facilities .row:nth-child(even) {
    flex-direction: row-reverse;
}

.zigzag-facilities .team-details-content {
    margin-top: 60px;
}

.zigzag-facilities .msg-describe {
    max-width: 589px;
    margin-top: 30px;
}

/*===================facilities======================*/
/*******************************cms design********************************************** */
.cms-content ul li {
    padding-left: 30px;
    margin-bottom: 19px;
    position: relative;
    font-size: 15px;
    color: var(--body-color);
}

.cms-content ul li:before {
    position: absolute;
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
    color: var(--yellow);
    font-size: 18px;
}

.cms-content table {
    width: 100%;
    border: 1px solid #cdcedc;
}

.cms-content table tr th {
    background: var(--blue);
    color: var(--white);
}

.cms-content table tr th,
.cms-content table tr td {
    padding: 9px 12px;
    font-size: 15px;
    /* border: 1px solid #ccc; */
}

.calendar table tr td {
    border: 1px solid #6c757d;
}

.calendar {
    overflow: hidden;
}

/*******************************cms design********************************************** */

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

    .container.container-big {
        max-width: 1800px
    }
}

@media only screen and (max-width: 1600px) {
    h1 {
        font-size: 45px;
    }

    h2 {
        font-size: 28px;
    }

    h4 {
        font-size: 20px
    }

    p {
        font-size: 15px;
    }

    .logo_wrap img {
        max-width: 223px;
    }

    .banner-slider {
        height: 80vh;
        overflow: hidden;
    }

    .hero-wrap {
        height: 80vh;
    }
}

@media only screen and (max-width: 1440px) {
    .banner-slider .slide .slide__content {
        left: 6%;
    }


}



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

    ul.header-info li {
        padding: 16px 11px 12px;
    }

    .about-sec {
        padding: 100px 0 60px;
    }
}

@media only screen and (max-width: 1280px) {
    h1 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .banner-slider {
        height: 80vh;
        overflow: hidden;
    }

    .hero-wrap {
        height: 80vh;
    }

    .common-heading-part h2 {
        font-size: 32px;
    }

    .gallery-slider .slick-track {
        padding: 22px 0;
    }
}

@media only screen and (max-width: 1024px) {
    .corner-icon {
        width: 70px;
        height: 70px;
        flex: 0 0 70px;
    }

    .corner-icon img {
        max-width: 32px;
    }

    .institutions-img {
        padding-bottom: 112%;
    }

    .institutions-content h4 {
        font-size: 14px;
    }

}

@media only screen and (max-width: 991px) {
    h1 {
        font-size: 40px;
    }

    header {
        z-index: 999;
    }

    .nav_btn {
        display: block;
    }

    header .nav_btn {
        position: absolute;
        right: 35px;
        top: 40px;
        height: 20px;
        display: inline-block;
        cursor: pointer;
    }

    header .nav_btn div {
        -webkit-box-shadow: 0px 9px 0px 0px #FFFFFF, 0px 18px 0px 0px #FFFFFF;
        -moz-box-shadow: 0px 9px 0px 0px #FFFFFF, 0px 18px 0px 0px #FFFFFF;
        box-shadow: 0px 9px 0px 0px #FFFFFF, 0px 18px 0px 0px #FFFFFF;
        width: 30px;
        height: 3px;
        background-color: #FFFFFF;
    }

    .nav_close {
        display: block;
        position: absolute;
        top: 20px;
        right: 30px;
        width: 20px;
        filter: brightness(5);
        font-size: 30px;
        color: #FFFFFF;
    }

    header .right_menu_wrap {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #2e3a42;
        max-width: 365px;
        z-index: 999;
        width: 290px;
        max-width: 100%;
        overflow-x: hidden;
        transition: all 0.25s ease;
        height: 100%;
        overflow-y: scroll;
        transform: translateX(300px);
    }

    header .right_menu_wrap ul {
        display: block;
        padding-left: 30px;
        padding-right: 70px;
        font-size: 18px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    header .right_menu_wrap ul li {
        margin-right: 0;
        padding-top: 0;
        float: left;
        clear: left;
        display: block;
    }

    header .right_menu_wrap ul li a {
        color: #FFF;
    }

    .header_menu ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .header-btn {
        text-align: center;
        margin-top: 8px;
        margin-bottom: 16px;
    }

    a.edu-btn {
        font-size: 14px;
        padding: 8px 28px;
    }

    ul.header-info {
        justify-content: center;
    }

    .corner-box {
        margin-bottom: 20px;
    }

    .home-about-sec:before {
        width: 100%;
    }

    .about-image-gallery {
        margin-top: 30px;
    }

    .about-sec {
        padding: 70px 0;
    }

    .counter-content {
        margin-bottom: 24px;
    }

    .common-heading-part h2 {
        font-size: 28px;
    }

    .institutions-img {
        padding-bottom: 100%;
    }

    .common-heading-part {
        margin-bottom: 16px;
    }

    .choose-slider .slick-dots li button {
        width: 10px;
        height: 10px;
        background: #ccc;
        border-radius: 50%;
    }

    .choose-slider .slick-dots li.slick-active button {
        background: var(--yellow);
    }

    .choose-slider .slick-dots li button:before {
        opacity: 0
    }

    .wht-bg {
        margin-bottom: 24px;
    }

    .footer-menu,
    .footer-story {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .motto-bg:after {
        width: 100%;
    }

    .motto-bg,
    .motto-bg:nth-child(even) {
        padding: 30px 20px 30px 20px;
    }

    .motto-img {
        max-width: 100%;
        margin: 0 auto;
    }

    .motto-content {
        margin-top: 34px;
    }

    .motto-bg:nth-child(even) .row {
        flex-direction: column-reverse;
    }

    .motto-bg:last-child {
        margin-bottom: 0%;
    }

    .common-padding,
    section.motto-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .team-details-content {
        margin-top: 20px;
    }

    .card:after {
        right: 0;
    }

    .location-content,
    .location-map {
        width: 100%;
    }

    .location-wrap .location-content:nth-child(5) {
        order: inherit;
    }

    .banner-slider .slide .slide__content {
        left: 0;
    }

    .found-thumbnail {
        margin-right: 0px;
    }

    .msg-describe {
        margin-top: 20px;
    }

    .logo_wrap img {
        max-width: 180px;
    }

    .sml-logo,
    .sml-text {
        width: 100%;
    }

    .logo-abt {
        flex-wrap: wrap;
    }

    .about-content .nav-tabs {
        margin: 0;
    }

    .about-content .nav-tabs .nav-item {
        margin: 8px 12px;
    }

    .about-content .nav-tabs .nav-item:first-child {
        margin-left: 0;
    }

    .about-content .nav-tabs .nav-link {
        font-size: 14px;
    }

    .common-heading-part h2 {
        margin-bottom: 16px;
        line-height: 1.5;
    }

    .why-content h4,
    .common-heading-part h6 {
        margin-bottom: 14px;
    }

    .inner-banner {
        padding: 130px 0;
    }

    .gallery-img {
        margin-bottom: 4px;
    }

    .breadcrumb li.breadcrumb-item {
        font-size: 14px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        top: 10%;
        left: -5%;
    }

    .footer-logo img {
        max-width: 180px;
    }


}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 24px;
    }

    .common-heading-part h2 {
        font-size: 23px
    }

    h3 {
        font-size: 22px;
    }

    .heading-style h2:before {
        width: calc(100% + 30px);
        left: -15px;
    }

    .logo_wrap img {
        max-width: 180px;
    }

    ul.header-info {
        flex-wrap: wrap;
    }

    ul.header-info li {
        padding: 5px 11px 0;
    }

    ul.header-info li a {
        font-size: 13px;
    }

    a.edu-btn {
        font-size: 13px;
        padding: 5px 28px;
    }

    .slide__content--headings h1 {
        text-align: center;
    }

    .slide__content--headings h1 span {
        margin: 0 auto;
    }

    .banner-slider .slide .slide__content {
        left: 0;
        right: 0;
    }

    .footer-logo,
    .footer-story,
    .footer-menu {
        text-align: center;
    }

    .footer-story p {
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
    }

    .address-menu li a,
    .address-menu li p {
        justify-content: center;
        flex-direction: column;
    }

    .social-icon {
        justify-content: center;
    }

    .institutions-content {
        padding: 16px;
    }

    .institutions-img {
        padding-bottom: 152%;
    }

    .shape-circle {
        bottom: 15%;
    }

    .line-btn {
        font-size: 13px;
        padding: 7px 25px;
    }

    .slide__content--headings h5 {
        font-size: 14px;
        padding: 6px 16px;
    }

    .jobs-apply .card-body {
        padding: 40px 20px;
    }

    .page-contact-form {
        padding: 40px 20px;
    }

    .banner-slider,
    .hero-wrap {
        height: 60vh;
    }

    .gallery-slider .slick-slide {
        margin: 0 0px;
    }

    /* .banner-slider .slide .slide__img img{object-fit: none;} */
    .cfrom_main label {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .cfrom_main .form-group {
        margin-bottom: 0px;
    }

    .cfrom_main .form-control {
        height: 40px;
    }

}

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





/* blog section css ===========================pp */


.blog-reading-btn {
    background: #2a3369;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 7px 20px 10px 20px;
    display: block;
    width: fit-content;
    border-radius: 7px;
}

.blog-reading-btn:hover {
    color: #fff;
}

.blog-reading-btn i {
    padding-left: 4px;
}

.top-blog {
    border: 1px solid #cecece;
    position: relative;
}

.top-blog-img {
    width: 100%;
    height: 430px;
}

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

.top-blog-content {
    border: 1px solid #fff;
    border-radius: 10px;
    /* width: 85%; */
    margin: auto;
    padding: 15px 30px;
    position: absolute;
    bottom: 30px;
    left: 80px;
    right: 80px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.top-blog-content p,
.top-blog-content h2 {
    color: #fff;
}

.top-blog-btn {
    display: flex;
    justify-content: end;
}


/* ---- tranding blog ----  */

.tranding-blog-section {
    margin-top: 70px;
}

.blog-section-heading {
    color: #2a3369;
    text-align: center;
    font-weight: 700;
}

.tb-container {
    margin-top: 40px;
}


.tb-item {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 15px;
}

.tb-img {
    height: 240px;
}

.tb-img {
    overflow: hidden;
}

.tb-img img {
    width: 100%;
    height: 100%;
    transition: 1s !important;
    object-fit: cover;
}

.tb-img img:hover {
    transform: scale(1.1);
    transition: 1s !important;
}

.tb-head {
    font-size: 18px;
    font-weight: 700;
    color: #2a3369;
    padding-top: 10px;
}

.tb-about {
    display: flex;
    flex-wrap: wrap;
}

.tb-about p {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color:#ae152d;
}

.tb-about p:nth-child(1) {
    padding-right: 10px;
}

.tb-about p:nth-child(2) {
    /*padding-left: 10px;
    border-left: 1px solid #5e5e5e;*/
}

.tb-content {
    margin-top: 8px;
    text-align: justify;
}


/* ----------- blogDetails css -----------  */

.blogDetails-container {
    /* border: 1px solid; */
}

.blogDetails-head {
    font-size: 25px;
    font-weight: 700;
    color: #ae152d;
    padding: 10px 0;
}

.blogDetails-about {
    display: inline;
    gap: 20px;
}

.blogDetails-about p {
    font-weight: 600;
    color: #2a3369;
        line-height: 7px;
}

/*.blogDetails-about p:nth-child(1) {
    position: relative;
    padding-right: 20px;
}*/

/*.blogDetails-about p:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: -5px;
    width: 5px;
    height: 5px;
    background: #ae152d;
    border-radius: 50%;
}*/

.blogDetails-img {
    height: 500px;
}

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

.blogDetails-content {
    padding: 15px 0;
    text-align: justify;
}

.blogDetails-content li {
    font-size: 15px;
    list-style: disc;
}

.subHeading {
    font-weight: 700;
    color: #ae152d;
}

.Heading {}



/* sidebar  */

.blog-details-page .contact-form {
    background: #fff;
    box-shadow: 0 10px 50px 0 rgba(26, 46, 85, .1);
    padding: 10px 10px;
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.blog-details-page .title-box h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.blog-details-page .form-group {
    position: relative;
    margin-bottom: 20px;
}

.blog-details-page .contact-form .form-group input[type=text],
.blog-details-page .contact-form .form-group input[type=password],
.blog-details-page .contact-form .form-group input[type=tel],
.blog-details-page .contact-form .form-group input[type=email],
.blog-details-page .contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    color: #a5a5a5;
    line-height: 26px;
    padding: 0 15px 8px 15px;
    height: 30px;
    font-size: 14px;
    border-radius: 2px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgb(75 74 74 / 15%);
    transition: all 300ms ease;
}

.blog-details-page .contact-form .form-group input[type=text]:focus,
.blog-details-page .contact-form .form-group input[type=password]:focus,
.blog-details-page .contact-form .form-group input[type=tel]:focus,
.blog-details-page .contact-form .form-group input[type=email]:focus,
.blog-details-page .contact-form .form-group select:focus,
.blog-details-page .contact-form .form-group textarea:focus {
    border-color: #0a0f4d;
    outline: none;
}

/* .blog-details-page .form-group input:focus {
    outline: none;
    border-color: red;
} */

.blog-details-page .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 0 15px 10px 15px;
    color: #a5a5a5;
    height: 100px;
    font-size: 14px;
    resize: none;
    border-radius: 2px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.blog-details-page .btn {

    padding: 17px 30px;
    border-radius: 0px;
    color: white;
    background-color: #deb240;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.blog-details-page .btn:hover {
    background-color: #0a0f4d;
    color: #fff;
}

.blog-details-page .before-btn-txt {
    font-size: 14px;
}



/* media query  */
@media screen and (max-width:1200px) {}

@media screen and (max-width:991px) {
    .blog-details-page .btn {
        font-size: 13px;
    }

    .blog-details-page .before-btn-txt {
        font-size: 12px;
    }
}

@media screen and (max-width:768px) {
    .top-blog-content {
        left: 25px;
        right: 25px;
    }

    .blogDetails-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}

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

    .blogDetails-about p {
        font-size: 13px;
    }

}