/*TABLE OF CONTENTS*/
/*=====================
01. Header Top Menu Area Css
02. Nav Menu Area Css 
03. Slider Area Css
04. Section Title Css
05. Service Area css
06. About Area Css
07. Counter Area Css
08. Testimonial Area Css
09. Process Area Css
10. Team Area Css
11. Faq Area Css
12. Call Do Section Css
13. Form Box Css
14. Blog Area Css
15. footer Area Css
16. Subscribe Area Css
17. Prossess Ber Css
18. Scrollup Section
19. Breadcumb Area Css
20. abouts_areas Css
21. Pricing Section Css
22. Contact  US Css
23. Blog Sidber Widget CSS
24. Search Box Css
25. Loader Css
=======================*/

/*==================================================
 <-- Header Area Css-->
===================================================*/

.header-area {
    position: relative;
    z-index: 10;
    margin: 10px;
    /* top: 60px; */
}

.header-area img {
    width: 100%;
    text-align: center;
}

.header-area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
    top: -2px;
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 200px;
}

.header-menu ul {
    list-style: none;
    display: inline-block;
}

.header-menu ul li {
    display: inline-block;
    margin-right: 28px;
}

.header-menu ul li a {
    font-size: 16px;
    color: #022C5D;
    font-weight: 500;
    position: relative;
    transition: .5s;
    padding: 36px 0;
    text-decoration: none;
    display: inline-block;
}

.header-menu ul li a:hover {
    color: #ee7e19;
}

.header-menu ul li a i {
    font-size: 20px;
    position: relative;
    top: 3px;
    left: -6px;
}

a.handbag:before {
    position: absolute;
    content: "0";
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    background: #0a55a1;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 100%;
    left: 5px;
    top: 36px;
    z-index: 9;
}

a.user {
    color: #0a55a1;
}

/* sticky menu css */

.sticky-nav {
    left: 0;
    margin: auto;
    top: 0;
    right: 0;
    width: 100%;
    position: fixed !important;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    transition: 0.5s !important;
    background: #FFF !important;
    /* z-index: 9999 !important; */
    z-index: 2;
    animation: fadeInDown 1s both 0.2s;
    padding: 0 30px;
}

.sticky-nav .logo {
    margin-top: 0;
}

/* sub menu */

.header-menu ul .sub-menu {
    background: #fff;
    position: absolute;
    top: 98%;
    border-radius: 5px;
    width: 270px;
    text-align: left;
    margin: 0;
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid #0a55a1;
    opacity: 0;
    z-index: 11;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0) translateZ(100px);
    transform: scaleY(0) translateZ(100px);
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    overflow: hidden;
    padding: 10px 10px;
}

.header-menu ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1) translateZ(0px);
    transform: scaleY(1) translateZ(0px);
}

.header-menu ul .sub-menu ul li {
    display: inline-block;
    margin-left: 0;
    width: 100%;
}

.header-menu ul .sub-menu ul li a {
    padding: 8px 12px;
    text-align: left;
    width: 100%;
    display: inline-block;
    visibility: inherit !important;
    color: #003d4d;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

.header-menu ul .sub-menu ul li a:hover {
    color: #fff;
    background: #ee7e19;
    border-radius: 6px;
}

.header-menu ul .sub-menu ul li a::before {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    font-size: 14px;
    color: #FFF;
    transform: translateY(-50%) scale(0);
    -webkit-transition: 500ms;
    transition: 500ms;
}

.header-menu ul .sub-menu ul li a:hover::before {
    transform: translateY(-50%) scale(1);
}

/* header style two */

.header-area.bratcome {
    top: 0;
    margin-bottom: 0;
}

/* mobile menu */

.mobile-menu-area {
    display: none;
}

/*==================================================
 <-- All Btn Css-->
===================================================*/

.nest-btn {
    display: inline-block;
    outline: none !important;
    text-decoration: none;
    color: #ffffff;
    border-radius: 10px;
    background-color: #0a55a1;
    font-size: 18px;
    font-weight: 500;
    padding: 14px 40px 14px;
    transition: 500ms;
    overflow: hidden;
    z-index: 2;
    position: relative;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    -moz-transition-delay: calc((var(--n) - 1) * 0.1s);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.nest-btn__text {
    position: relative;
    z-index: 2;
}

.nest-btn__shape {
    display: inline-block;
    position: absolute;
    width: 25%;
    height: 100%;
    /* background: #020d23; */
    background: #ee7e19;
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--b) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--b) - 1) * 0.1s);
    z-index: 1;
}

.nest-btn__shape:nth-child(1) {
    --b: 1;
}

.nest-btn__shape:nth-child(2) {
    --b: 2;
}

.nest-btn__shape:nth-child(3) {
    --b: 3;
}

.nest-btn__shape:nth-child(4) {
    --b: 4;
}

.nest-btn:hover {
    color: #ffff;
}

.nest-btn:hover .nest-btn__shape {
    transform: translateY(0) scale(2);
    -moz-transform: translateY(0) scale(2);
    -moz-transform: translateY(0) scale(2);
}

/* slider btn */

.main-btn.slider1 {
    display: inline-block;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
}

.active .main-btn.slider1 {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

a.nest-btn.slider1 {
    background: #fff;
    color: #0a55a1;
    transition: 0.5s;
}

a.nest-btn.slider1:hover {
    color: #fff;
}

/*==================================================
 <-- Banner Area Css-->
===================================================*/
/* Add additional styles for slider content, navigation, etc. here */

/* banner shape */

.baner-shape1 {
    position: absolute;
    bottom: 90px;
    right: 25%;
    z-index: 9;
}

.baner-shape2 {
    position: absolute;
    right: 180px;
}

.baner-shape3 {
    position: absolute;
    bottom: 60px;
    left: 40%;
}

.baner-shape4 {
    position: absolute;
    top: 130px;
}

/* slide content */

.slider-content {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    width: 38%;
    z-index: 9;
}

.slider-sub-title {
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0;
    transform: translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
}


.active .slider-sub-title {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.slider-sub-title h4 {
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 33px;
    position: relative;
    display: inline-block;
}

.slider-main-title {
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0;
    transform: translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
}

.active .slider-main-title {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}

.slider-main-title h1 {
    color: #FFF;
    font-size: 60px;
    font-weight: 700;
    line-height: 96px;
    margin-bottom: 100px;
}


.slider-thumb {
    position: relative;
    top: 125px;
    left: 120px;
    overflow: hidden;
    opacity: 0;
    transform: translateX(500px);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
}

.active .slider-thumb {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

/* video area css */

.video-area {
    height: 1000px;
    position: relative;
}

.video-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
}

.video-area {
    height: 1000px;
    position: relative;
}

video.video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
}

/*==================================================
 <--  Section title Css-->
===================================================*/

.section-title-shape {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -4px;
}

.section-sub-title {
    display: inline-block;
    margin-bottom: 15px;
}

.section-sub-title h4 {
    color: #0a55a1;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    text-transform: uppercase;
    display: inline-block;
}

.section-main-title h2 {
    color: #002935;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 47px;
}

/*==================================================
 <--  Catagories Area Css-->
===================================================*/

.catagories-area {
    padding: 120px 0px 40px;
}

.catagories-single-box {
    text-align: center;
    margin: 15px;
}

.catagories-thumb {
    position: relative;
}

.catagories-thumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.catagories-single-box:hover .catagories-thumb::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    opacity: 1;
}

.catagories-thumb img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.catagories-single-box:hover .catagories-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.catagories-text {
    position: absolute;
    top: 46%;
    left: 46%;
    transform: scale(0);
    transition: 0.5s;
}

.catagories-single-box:hover .catagories-text {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.catagories-text h4 {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
}

.catagories-title {
    margin-top: 30px;
}

.catagories-title h4 a {
    color: #002935;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
    transition: 0.5s;
}

.catagories-title h4 a:hover {
    color: #ee7e19;
}

/* owl nav css */

.owl-nav {
    position: absolute;
    top: -90px;
    right: 100px;
    display: inline-flex;
}

.owl-prev i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    background: #0a55a1;
    color: #FFF;
    font-size: 20px;
    border-radius: 50%;
    margin-right: 20px;
}

.owl-next i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    background: #0a55a1;
    color: #FFF;
    font-size: 20px;
    border-radius: 50%;
}

/*==================================================
 <--  Course Area Css-->
===================================================*/
.course-area {
    padding: 40px 0px;
}

/* course menu */

ul.course-menu {
    list-style: none;
    margin-left: 60px;
}

ul.course-menu li {
    margin-right: 46px;
}

ul.course-menu li a {
    color: #747474;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.5s;
}

ul.course-menu li a:hover {
    color: #ee7e19;
}

/* course single box */

.course-single-box {
    margin-bottom: 30px;
}

.course-thumb {
    position: relative;
    overflow: hidden;
}

.course-thumb img {
    transition: all 2s ease;
    background-size: cover;
    width: 100%;
}

.course-thumb img:nth-child(1) {
    transform: translatex(50%) scalex(2);
    opacity: 0;
    filter: blur(10px);
}

.course-thumb img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
}

.course-single-box:hover .course-thumb img:nth-child(1) {
    transform: translatex(0) scalex(1);
    opacity: 1;
    filter: blur(0);
}

.course-single-box:hover .course-thumb img:nth-child(2) {
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    filter: blur(10px);
}

.course-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}

.course-icon i {
    color: #FFFFFF;
    font-size: 24px;
}

.course-rating {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 41, 53, 0.65);
    width: 100%;
    height: 64px;
    padding: 0 20px 0;
    z-index: 1;
}

.course-rating::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    background-color: #0a55a1;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 0.5s;
}

.course-single-box:hover .course-rating::before {
    width: 100%;
}

.course-admin {
    display: flex;
    align-items: center;
}

.course-shape {
    margin-right: 10px;
}

.course-shape-title h4 {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}

.course-star i {
    color: #FFC107;
    margin-left: 5px;
}

.course-star span {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
}

.course-content {
    background: #FFF;
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.10);
    padding: 18px 22px 15px;
}

.course-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
}

.course-meta span {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
}

.course-meta i {
    color: #0a55a1;
    font-size: 17px;
    margin-right: 5px;
}

.course-title {
    border-bottom: 1px solid #E9E9E9;
    padding: 0px 0 30px;
    margin-bottom: 14px;
}

.course-title h4 a {
    color: #002935;
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.5s;
}

.course-single-box:hover .course-title h4 a {
    color: #ee7e19;
}

.course-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-price span {
    color: #002935;
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.course-cart a {
    display: inline-block;
    text-decoration: none;
    color: #747474;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.course-cart a i {
    color: #0a55a1;
    font-size: 18px;
    margin-right: 5px;
}

/*==================================================
 <--  Help Area Css-->
===================================================*/

.help-area {
    background: url(../images/resource/i7.png);
    background-color: #ee7e19;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 40rem;
    /* padding: 100px 0 100px; */
    position: relative;
    z-index: 1;
    margin: 40px 0px;
}

/* .help-area::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    right: 0;
    background: url(../images/resource/i4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 0;
    z-index: -1;
} */

.help-area .school-side-bg{
    background: url(../images/resource/i4.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15rem 20rem;
    z-index: 1;
}

/* .help-area img {
    position: absolute;
    content: "";
    width: 0 auto;
    height: 100%;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 0;
    z-index: -1;
} */

.help-sub-title h4 {
    color: #FFF;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 24px;
    font-size: 17px;
}

.help-main-title {
    margin-bottom: 32px;
}

.help-main-title h2 {
    color: #FFF;
    font-family: Jost;
    font-size: 45px;
    font-weight: 500;
    line-height: 55px;
}

.help-list span {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.help-list span i {
    background: #0a55a1;
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 7px;
}

/* help items box */

.help-items-box {
    text-align: center;
    background-color: #0a55a1;
    display: inline-block;
    padding: 38px 88px 44px;
    margin-left: -10px;
    position: relative;
    overflow: hidden;
    perspective: 800px;
    perspective-origin: 0 0;
    z-index: 1;
}

.help-items-box::before {
    position: absolute;
    content: "";
    background: #002935;
    width: 100%;
    height: 100%;
    transform-origin: 0%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transform: rotateY(90deg)perspective(400px);
    transition: .5s;
    z-index: -1;
}

.help-items-box:hover::before {
    opacity: 1;
    transform: rotateY(0deg)perspective(400px);
}

.help-items-content h6 {
    margin: 17px 0 17px;
    color: #fff;
    font-family: Jost;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    transition: .5s;
}

.help-items-content h4 a {
    color: #FFF;
    font-size: 24px;
    text-decoration: none;
    font-weight: 500;
    transition: .5s;
}

/*==================================================
 <--  Start Latest News Area Css-->
===================================================*/
.latest-news{
    padding: 120px 0px 0px;
}

.latest-news .row{
    margin: 24px 0px;
}

.latest-news a {
    text-decoration: none;
}

.about-form {
    padding: 120px 0px 0px;
}

.about-form label{
    color: #000;
}

.about-form .form-group{
    margin: 24px 0px;
}

.table-form table {
    width: 100%;
}

.table-form td {
    padding: 8px; /* Adjust the padding as needed */
    margin: 4px; /* Adjust the margin as needed */
}

/*==================================================
 <--  End Latest News Area Css-->
===================================================*/

/*==================================================
 <--  Choose Us Area Css-->
===================================================*/

.choose-us-area {
    padding: 40px 0px;
}

/* choose btn */

.main-btn.choose {
    text-align: right;
}

a.nest-btn.choose {
    z-index: 1;
    border-radius: 0;
    padding: 17px 50px 18px;
}

/* choose single box */

.choose-single-box {
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.10);
    padding: 24px 24px;
    height: 100%;
}

.choose-single-box a {
  text-decoration: none;
}

.choose-thumb {
    display: flex;
    align-self: center;
    float: left;
    margin-right: 30px;
    position: relative;
}

.choose-thumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.choose-single-box:hover .choose-thumb::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    opacity: 1;
}

/* .choose-thumb img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
} */

.choose-thumb img {
    width: 80%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.choose-single-box:hover .choose-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


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

.choose-content h4 {
    color: #002935;
    font-family: Jost;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 11px 0 12px;
    transition: 0.5s;
}

.choose-single-box:hover .choose-content h4 {
    color: #ee7e19;
}

.choose-content p {
    color: #747474;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*==================================================
 <--  Team Area Css-->
===================================================*/
.team-area {
    background: #F9F8FF;
    padding: 120px 0px 40px;
    margin-bottom: 40px;
}

.team-area .row {
    display: flex;
    justify-content: center;
}

.blog-area .row {
    display: flex;
    justify-content: center;
}

.team-single-box {
    margin-bottom: 30px;
}

.event-box h4 {
    margin: 0px 10px 0px 10px;
}

.event-box:hover .team-title h4 a {
    color: #ee7e19;
}

.team-thumb {
    position: relative;
    overflow: hidden;
}

.team-thumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.team-single-box:hover .team-thumb::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    opacity: 1;
}

.team-thumb img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.team-single-box:hover .team-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.team-content {
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.10);
    text-align: center;
    padding: 20px 0px;
}

.team-title h4 a {
    color: #002935;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.5s;
}

.team-single-box:hover .team-title h4 a {
    color: #ee7e19;
}

.team-title span {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
}

.team-social-icon {
    margin: 14px 0 18px;
}

.team-social-icon ul li {
    list-style: none;
    display: inline-block;
    margin-right: 13px;
}

.team-social-icon ul li a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    display: inline-block;
    line-height: 38px;
    color: #747474;
    transition: .5s;
    position: relative;
}

.team-social-icon a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0);
    border-radius: 50%;
    transition: 0.5s;
    color: #fff;
    background-color: #0a55a1;
}

.team-social-icon a:hover::before {
    transform: scale(1);
}

.team-social-icon a:hover {
    color: #fff;
}

.team-social-icon a i {
    position: relative;
    z-index: 2;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.img-thumbnail {
    cursor: pointer;
}

.mission-statment-area{
    margin: 120px 0px;
}

.mission-statment-area .row{
    margin: 50px 0px 0px;
}

.mission-statment-area img{
    width: 100%;
}

.mission-statment-area p{
    text-align: justify;
}

.mission-statment-area h3{
    color: #0a55a1;
    margin: 0px 0px 10px 0px;
}

.quote-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.styled-quote {
    font-size: 1.5em;
    font-style: italic;
    padding: 20px;
    background: #f9f9f9;
}

.image-container {
    display: flex;
    justify-content: flex-end; /* Aligns the image to the right */
    margin-top: 20px;
}

.image-container img {
    width: 10%;
}

.image-quote {
    display: flex;
    justify-content: flex-start; /* Aligns the image to the right */
    margin-top: 20px;
}

.image-quote img {
    width: 10%;
}

.core-area {
    padding: 10px;
    color: #FFF;
    background-color: #022C5D;
}

.core-area ul {
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
}

.core-area li {
    margin: 10px; 
    display: flex;
    align-items: center;
}

.core-area li i {
    margin-right: 10px;
}

@keyframes iconTranslateY {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.team-social-icon a:hover i {
    animation: iconTranslateY 0.4s forwards;
}

.team-btn a {
    width: 267px;
    height: 47px;
    border-radius: 3px;
    background: rgba(87, 60, 255, 0.15);
    display: inline-block;
    line-height: 47px;
    text-decoration: none;
    color: #002935;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.team-btn a:hover {
    color: #fff;
}

.team-btn a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: #0a55a1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transform: scale(0);
    transition: 0.5s;
    z-index: -1;
}

.team-btn a:hover::before {
    transform: scale(1);
}

/*==================================================
 <--  Instractor Area Css-->
===================================================*/

.intractor-single-box::before {
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: all 500ms linear;
}

.intractor-single-box:hover::before {
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 500ms linear;
}

.instractor-content {
    position: relative;
    width: 63%;
}

.instractor-content h4 {
    color: #002935;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
}

.instractor-content p {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 16px 0 20px;
}

.instractor-content a {
    width: 256px;
    height: 51px;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    background-color: #0a55a1;
    text-align: center;
    line-height: 51px;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.instractor-content a::before {
    position: absolute;
    content: "";
    background-color: #002935;
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    border-radius: 3px;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: -1;
    transition: all 500ms ease;
}

.instractor-content a:hover::before {
    height: 104%;
}

/*==================================================
 <--  Video Gallery Area Css-->
===================================================*/

.video-gallery-area {
    padding: 40px 0px;
}

/* section title */

.section-main-title.video {
    margin-bottom: 47px;
}

.section-main-title.video h2 {
    margin-bottom: 0;
}

/* video single box */
.video-thumb {
    position: relative;
    overflow: hidden;
}

.academic-thumb {
    position: relative;
    overflow: hidden;
}

.video-thumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.academic-thumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.video-single-box:hover .video-thumb::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    opacity: 1;
}

.academic-box:hover .academic-thumb::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    opacity: 1;
}

.video-thumb img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.academic-thumb img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.video-single-box:hover .video-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.academic-box {
    margin: 0px 0px 24px 0px;
}

.academic-box:hover .academic-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.video-content {
    position: absolute;
    bottom: 0;
    text-align: center;
}

.video-content {
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}

.video-icon a {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    line-height: 60px;
    font-size: 24px;
    border-radius: 50%;
    margin-bottom: 35px;
    transition: 0.5s;
}

.video-icon a:hover {
    background-color: #ee7e19;
}

.video-icon a::before {
    content: "";
    border: 4px solid #ffffff;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 20%;
    margin: auto;
    transform: translate(-50%, -50%);
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-animation: zoombig 3.25s linear infinite;
    animation: zoombig 3.25s linear infinite;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.video-icon a::after {
    content: "";
    border: 4px solid #ffffff;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-animation: zoombig 3.25s linear infinite;
    animation: zoombig 3.25s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.video-title h4 {
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}

.video-title span {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

/*==================================================
 <--  Subscribe Area Css-->
===================================================*/

.subscribe-area {
    margin: 40px 0px 0px;
    position: relative;
    width: auto;
    height: 216px;
    background-color: #0a55a1;
}

.subscribe-title h1 {
    color: #FFF;
    /* font-size: 24px; */
    font-weight: 600;
}

/* subscribe form */

.subscribe-box input {
    width: 340px;
    height: 55px;
    border: 0;
    outline: 0;
    border-radius: 2px;
    padding: 0 20px;
}

.subscribe-box input::placeholder {
    padding: 0 20px;
    color: #C1C1C1;
    font-size: 16px;
    font-weight: 400;
}

.subscribe-button button {
    width: 180px;
    height: 55px;
    border: 0;
    outline: 0;
    background: #002935;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    transition: 0.5s;
}

.subscribe-button button:hover {
    background-color: #ee7e19;
}

.subscribe-button i {
    position: relative;
    top: 3px;
}

/*==================================================
 <--  Registration Area Css-->
===================================================*/

.registration-area {
    background: url(../images/resource/i7.png);
    background-color: #ee7e19;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 40rem;
    padding: 120px 0 120px;
    position: relative;
    background-attachment: fixed;
}

/* section title */

.section-sub-title.registration h4 {
    color: #FFF;
    margin-bottom: 17px;
}

.section-main-title.registration h2 {
    color: #FFFF;
    margin-bottom: 20px;
}

.registration-discription p {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

/* registration items box css */

.registration-items-box {
    border-radius: 10px;
    background: var(--White, #FFF);
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    padding: 60px 55px 60px;
    top: 10%;
    width: 572px;
    height: 660px;
}

.registration-items-title h4 {
    color: #002935;
    font-family: Jost;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
    margin-bottom: 33px;
}

.registration-shape {
    position: absolute;
    right: 0;
    top: 28px;
}

.registration-form input {
    /* width: 457px; */
    width: 100%;
    height: 58px;
    border-radius: 5px;
    background: #F6F6F6;
    border: 0;
    outline: 0;
    margin-top: 20px;
    padding: 0 20px;
}

.thank-you-container {
    text-align: center;
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.registration-form input::placeholder {
    color: rgba(112, 112, 112, 0.60);
    font-size: 14px;
    font-weight: 400;
}

.registration-form textarea {
    /* width: 457px; */
    width: 100%;
    height: 141px;
    border-radius: 5px;
    background: #F6F6F6;
    outline: 0;
    border: 0;
    padding: 20px 20px;
    margin-top: 20px;
}

.registration-form textarea::placeholder {
    color: rgba(112, 112, 112, 0.60);
    font-size: 14px;
    font-weight: 400;
}

.registration-button button {
    width: 190px;
    height: 60px;
    outline: 0;
    border: 0;
    border-radius: 3px;
    background-color: #0a55a1;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.registration-button button::before {
    position: absolute;
    content: "";
    background-color: #ee7e19;
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    border-radius: 3px;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: -1;
    transition: all 500ms ease;
}

.registration-button button:hover::before {
    height: 100%;
}

.custom-dropdown {
    position: relative;
    width: 100%;
    margin-top: 20px; /* Adjust as needed */
}

.custom-dropdown select {
    width: 100%;
    height: 58px; /* Match the height of input fields */
    padding: 0 20px; /* Match the padding of input fields */
    border-radius: 5px; /* Match the border-radius of input fields */
    background: #F6F6F6; /* Match the background color of input fields */
    border: 0; /* Remove the border */
    outline: 0; /* Remove the focus outline */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: rgba(112, 112, 112, 0.60); /* Default color for placeholder */
    font-size: 14px; /* Match the font size of input fields */
    font-weight: 400; /* Match the font weight of input fields */
    box-sizing: border-box; /* Ensure padding is included in the element's total width and height */
}

.custom-dropdown select:focus {
    outline: none; /* Ensure no outline on focus */
}

.custom-dropdown select option {
    color: black; /* Default color for options */
}

.custom-dropdown select option[value=""] {
    color: rgba(112, 112, 112, 0.60); /* Color for the placeholder option */
}

.custom-dropdown select:not([value=""]) {
    color: black; /* Change the text color to black when an option is selected */
}

.custom-dropdown::after {
    content: '\25BC'; /* Unicode for downward arrow */
    position: absolute;
    top: 50%;
    right: 20px; /* Adjust to align with the padding */
    transform: translateY(-50%);
    pointer-events: none;
    color: rgba(112, 112, 112, 0.60); /* Match the text color of input fields */
}

#schoolError {
    margin-top: 5px;
    color: red; /* Ensure the error message is styled correctly */
    font-size: 12px; /* Match the font size if necessary */
}

/*==================================================
 <--  Testimonial Area Css-->
===================================================*/

.testimonial-area {
    padding: 300px 0 40px;
}

.testimonial-area p {
    text-align: justify;
}

/* column css */

.column {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 32%;
    /* padding: 0 16px; */
}

/* testi single box css */

.testi-single-box {
    margin: 30px 0px;
    background-color: #fff;
}

.testi-single-box a {
    text-decoration: none;
}

.testi-thumb {
    position: relative;
    overflow: hidden;
}

.testi-thumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.testi-single-box:hover .testi-thumb::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    opacity: 1;
}

.testi-thumb img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.testi-single-box:hover .testi-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.testi-content {
    position: relative;
    /* bottom: 45px; */
    bottom: 0px;
    left: 25px;
}

.testi-content h4 {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
}

.testi-content span {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.testi-content p {
    padding: 0px 20px 0px 0px;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

/* testi items box */

.testi-items-box {
    background: #FFF;
    filter: drop-shadow(0px 0px 45px rgba(0, 0, 0, 0.10));
    position: relative;
    padding: 0 30px 32px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.testi-items-box.two {
    margin-top: 60px;
}

.testi-shape {
    position: relative;
    top: -37px;
    margin-bottom: -5px;
}

.testi-icon {
    position: absolute;
    right: 30px;
    top: 30px;
}

.testi-icon i {
    color: #FFC107;
}

.testi-item-content h4 {
    color: #002935;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.testi-item-content span {
    color: #0a55a1;
    font-size: 16px;
}

.testi-item-content p {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 20px 0px 0;
}

.testi-item-content a {
    text-decoration: none;
}

/*==================================================
 <--  Blog Area Css-->
===================================================*/

.blog-area {
    padding: 0px 0 120px;
}

.blog-area .container {
    max-width: 1600px;
}

/* blog single box */

.blog-single-box {
    margin-bottom: 30px;
}

.blog-thumb {
    float: left;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
}

.blog-thumb::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}

.blog-single-box:hover .blog-thumb::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    opacity: 1;
}

.blog-thumb img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.blog-single-box:hover .blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.blog-content {
    background: #FFF;
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.10);
    padding: 24px 24px 53px;
}

.blog-shape {
    float: left;
    margin-right: 13px;
}

.blog-shape-title h6 {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.blog-text {
    margin: 17px 0 34px;
}

.blog-text h4 a {
    color: #002935;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.5s;
}

.blog-single-box:hover .blog-text h4 a {
    color: #ee7e19;
}

.blog-text p {
    color: #747474;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: 16px;
}

.blog-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 351px;
    height: 53px;
    /* background: #F8F8F8; */
    padding: 0 25px;
    position: relative;
    z-index: 1;
}

.blog-bottom::before {
    position: absolute;
    content: "";
    width: 131px;
    height: 100%;
    background: url(../images/blog/i3.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    z-index: -1;
}

.blog-bottom::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    background: url(../images/blog/shape4.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    z-index: -1;
    transition: 0.5s;
}

.blog-single-box:hover .blog-bottom::after {
    width: 131px;
}

.blog-comment h4 {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.blog-comment i {
    font-size: 14px;
    margin-right: 5px;
    color: #0a55a1;
}

.blog-btn a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 10px;
    text-decoration: none;
}

.blog-btn i {
    position: relative;
    top: 3px;
}

/*==================================================
 <--  Brand Area Css-->
===================================================*/
.brand-area {
    background-color: #0a55a1;
    padding: 60px 0 60px;
}

.brand-itmes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand-thumb img {
    -webkit-transition: 500ms;
    transition: 500ms;
}

.brand-thumb img:hover {
    transform: scale(1.1);
}

/*==================================================
 <--  Footer Area Css-->
===================================================*/

.footer-area {
    padding: 120px 0 0px;
    background: #0a55a1;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.footer-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(219, 219, 219, 0.25);
    left: 0;
    bottom: 65px;
}

.footer-shape1 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -20;
}

.footer-shape2 {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: -20;
}

/* footer widget */

.footer-wiget-text h4 {
    margin: 25px 0 22px;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    width: 78%;
}

.footer-wiget-title h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    line-height: 34px;
    font-weight: 600;
    padding: 0 0 32px;
    transition: .5s;
}

.footer-socilal-title h4 {
    opacity: 0.800;
    font-size: 22px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 16px;
    position: relative;
}

/* footer social */

.student-care {
    margin: 0px 30px;
    background-color: #ee7e19;
    padding: 10px 8px;
    border-radius: 6px;
    color: #fff;
}

.student-care a {
    text-decoration: none;
    color: #000;
    font-size: 1.1rem;
}

.student-care p {
    margin-bottom: 0px;
    text-transform: uppercase;
}

.footer-social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 7px;
}

.footer-social ul li a i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    color: #FFF;
    transition: .5s;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.footer-social ul li a i::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 100%;
    content: "";
    bottom: 0;
    background: #ee7e19;
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
    margin: auto;
}

.footer-social ul li a i:hover::after {
    width: 100%;
    left: 0;
}

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

.footer-wiget-menu ul li {
    list-style: none;
    margin-top: 0px;
}

.footer-wiget-menu ul li a {
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    transition: .5s;
    margin: 0;
    line-height: 35px;
    color: #ffffff;
}

.footer-wiget-menu ul li a:hover {
    color: #ee7e19;
    margin-left: 10px;
}

.footer-wiget-touch ul li {
    list-style: none;
    display: block;
    margin-bottom: 15px;
}

.icon {
    float: left;
    margin-right: 15px;
}

.icon i {
    color: #fff;
    font-size: 20px;
}

.title h6 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.adress a {
    display: inline-block;
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
}

.footer-widget-photo ul {
    margin-top: 16px;
}

.footer-widget-photo ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.footer-widget-photo ul li img {
    width: 100%;
    transition: all 2s ease;
}

.footer-widget-photo ul li img:hover {
    transform: scale(1.15);
}

.footer-widget-photo ul li::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(87, 60, 255, 0.9);
    z-index: 1;
    opacity: 0.5;
    -webkit-transform: scaleY(0) translateZ(100px);
    -ms-transform: scaleY(0) translateZ(100px);
    transform: scaleY(0) translateZ(100px);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    visibility: hidden;
}

.footer-widget-photo ul li:hover::before {
    -webkit-transform: scaleY(1) translateZ(0px);
    -ms-transform: scaleY(1) translateZ(0px);
    transform: scaleY(1) translateZ(0px);
    visibility: visible;
}


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

.copyright-text p {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 124.5%;
}

.copyright-text p a {
    color: #0a55a1;
}

/* footer privacy */

.footer-one {
    margin: 40px 0px;
    /* text-align: center; */
    padding: 14px 0px;
    background-color: #fff;
}

.footer-one .row {
    margin: 24px 0px;
}

.footer-one h3 {
    margin: 30px 0px 10px 0px;
    color: #000;
}

.admisssion-form iframe {
    margin: 40px 0px;
}

.footer-one a {
    /* margin: 0px 0px 10px 0px; */
    /* font-size: 16px; */
    text-decoration: none;
    color: #000;
}

.footer-one label {
    font-size: 16px;
}

.footer-one .cell-number {
    margin-top: 10px;
    font-size: 1.2rem;
}

.branch-text {
    background-repeat: no-repeat;
    background-image: url(../images/favicon/i1.png);
    background-color: #eee;
    padding: 2.5rem;
    border-radius: 10px;
    background-position: right 20px bottom 20px;
    background-size: 8rem;
}

/* .branch-text {
    background-repeat: no-repeat;
    background-image: url(../images/favicon/i3.png);
    background-color: #eee;
    padding: 2.5rem;
    border-radius: 10px;
    background-position: center right;
    background-size: 20rem;
} */

.branch-text .icon-tag {
    /* background-color: #ee7e19; */
    background-color: #fff;
    border-radius: 50px;
    color: #ee7e19;
    padding: 10px 20px;
}

.t-orange {
    color: #0a55a1;
}

.t-black {
    color: #fff;
}

.t-black {
    color: #000;
}

.footer-privacy-menu {
    text-align: right;
}

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

.footer-privacy-menu ul li {
    color: #FAFAFA;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    margin-right: 27px;
} */

.footer-privacy-menu label {
    color: #FAFAFA;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    margin-right: 27px;
}

.footer-privacy-menu a {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-decoration: none;
}



/*===============================================================
<-- All Inner Page Css-->
=================================================================*/
/* breatcome area css */

.highlight-area {
    text-align: center;
    padding: 24px;
    /* background-color: #ee7e19; */
    border: 4px solid #eee;
    margin: 20px 50px;
    border-radius: 20px;
}

.highlight-area .col-12:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.highlight-area button {
    margin: 20px 0px;
    align-items: start;
}

.highlight-area i {
    margin-left: 6px;
}

.highlight-area .col-lg-6,
.highlight-area .col-md-6,
.highlight-area .col-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.breatcome-area {
    background: url(../images/resource/i6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.contact-img {
    background: url(../images/resource/i13.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.about-img {
    background: url(../images/resource/i14.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 154px 0;
}

.digvijay-img {
    background: url(../images/resource/i15.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.hapa-img {
    background: url(../images/resource/i16.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.patel-img {
    background: url(../images/resource/i17.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 154px 0;
}

.lalpur-img {
    background: url(../images/resource/i18.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.about-school {
    background: url(../images/resource/i19.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.calendar-img {
    background: url(../images/resource/i20.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.notice-board {
    background: url(../images/resource/i24.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.sports-day {
    background: url(../images/resource/i22.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.news-area {
    background: url(../images/resource/i23.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.co-curricullar {
    background: url(../images/resource/i12.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.media-area {
    background: url(../images/resource/i25.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.blogs-area {
    background: url(../images/resource/i26.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.events-area {
    background: url(../images/resource/i27.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.mission-statment {
    background: url(../images/resource/i28.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.school-facilities {
    background: url(../images/resource/i29.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 154px 0;
}

.breatcome-content {
    position: relative;
}

.breatcome-discription p {
    text-align: center;
    font-size: 28px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 400;
}

.breatcome-title h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 19px;
    text-align: center;
}

.bratcome-text {
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: -213px;
    background: #0a55a1;
    padding: 16px 28px;
    /* border-radius: 5px 5px 0 0; */
    font-size: 16px !important;
}

.bratcome-text ul {
    list-style: none;
}

.bratcome-text ul li {
    display: inline-block;
    margin-right: 12px;
    /* font-size: 22px; */
    color: #ffffff;
    font-weight: 500;
    line-height: 27px;
    font-weight: 500;
}

.bratcome-text ul li a {
    display: inline-block;
    /* font-size: 22px; */
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: .5s;
}

.bratcome-text ul li a::before {
    position: absolute;
    content: "/";
    left: 46px;
}


/*==================================================
 <-- Course Inner Page Css-->
===================================================*/

/* Course area */

.course-area.inner-page {
    padding: 120px 0 92px;
}

/*==================================================
 <-- Course Details Inner Page Css-->
===================================================*/

.courses-details-area {
    padding: 120px 0 120px;
}

.sidebar-courses {
    padding: 40px 0 40px;
    background: #f9f7ff;
    margin-bottom: 30px;
}

.courses-info ul li {
    display: block;
    list-style: none;
    border-bottom: 1px solid #ccd2e1;
    margin-bottom: 10px;
    padding: 0 0 10px 30px;
}

.courses-info ul li i {
    display: inline-block;
    padding-right: 5px;
    color: #0a55a1;
}

.courses-info ul li span {
    float: right;
    padding-right: 30px;
}

.courses-price-content {
    margin-bottom: 10px;
}

.courses-price-content h4 {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0 5px;
}

.courses-price-single-box {
    text-align: center;
}

/*Letest Course Box*/

.latest-courses-single-box {
    padding: 20px 30px 30px;
    background: #f9f7ff;
}

.latest-courses-title h4 {
    font-size: 24px;
    font-weight: 500;
    padding: 0 0 13px;
}

.latest-courses-item {
    padding: 12px 0 0;
}

.latest-courses-thumb {
    float: left;
    margin-right: 20px;
}

.latest-courses-content {
    overflow: hidden;
    position: relative;
    top: -8px;
}

.latest-courses-content-title h5 a {
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    text-decoration: none;
}

a.catagory {
    font-size: 15px;
    color: #0a55a1;
    text-decoration: none;
}

.latest-courses-rating i {
    font-size: 13px;
    color: #0a55a1;
    letter-spacing: 1px;
}

/*Course Dtls Right*/

.courses-details-thumb img {
    width: 100%;
}

.courses-details-content h2 {
    font-size: 28px;
    font-weight: 500;
    padding: 18px 0 12px;
}

.row.catagori {
    padding: 25px 0 0;
}

.courses-catagori-content h4 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0 5px;
}


/*==================================================
 <-- Team Details Inner Page Css-->
===================================================*/

.team-details-area {
    padding: 122px 0 0;
}

.team-author-thumb img {
    width: 100%;
}

/* progress bar  */

.team-details-area .process-ber-plugin {
    margin: 50px 60px 0;
}

.team-details-area .barfiller {
    margin-bottom: 40px;
}


/* progress bar */


.barfiller {
    width: 368px;
    height: 8px;
    position: relative;
    margin-bottom: 16px;
    margin-top: 21px;
    background-color: #f2f2f2;
}

.barfiller .fill {
    display: block;
    position: relative;
    width: 0px;
    height: 100%;
    z-index: 1;
}

.barfiller .tip {
    font-size: 18px;
    color: #252638;
    font-weight: 500;
    top: -42px;
    padding: 1px 6px;
    left: 0px;
    position: absolute;
}

.stat-bar:nth-of-type(1) .stat-bar-rating {
    animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
}

span.fill {
    background: #0a55a1 !important;
    border-radius: 0px 15px 15px 0px;
}


/* author info */

.row.author-info {
    background: #f8f6f1;
    padding: 35px 40px 25px;
    margin-top: -200px;
}

.team-author-exprience ul li {
    list-style: none;
    margin-bottom: 17px;
}

.team-author-exprience ul li span {
    font-size: 20px;
    color: #888888;
    font-weight: 400;
    line-height: 45px;
}

.team-author-exprience ul li h4 {
    font-size: 24px;
    color: #3c3531;
    font-weight: 600;
}

.team-author-socila {
    text-align: center;
    margin-right: -76px;
    margin-top: 24px;
}

.team-author-socila ul li {
    list-style: none;
    margin: 17px 0px 0;
}

.team-author-socila ul li a {
    display: inline-block;
    height: 40px;
    width: 40px;
    background: #ffffff;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.team-author-socila ul li a::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0a55a1;
    border-radius: 50%;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
}

.team-author-socila ul li a:hover::before {
    transform: scale(1);
}

.team-author-socila ul li a {
    transition: .5s;
}

.team-author-socila ul li a:hover i {
    color: #ffffff;
}

/*==================================================
 <-- Project Area Css-->
===================================================*/
.project-grid-area {
    padding: 120px 0 90px;
}

.text-field{
    margin: 0px 0px 20px 0px;
}


.gallery-section{
    padding: 120px 0px 40px;
}

.gallery-grid{
    margin: 0px 0px;
}

.media-grid-area {
    padding: 40px 0px 0px;
}

.protfolio-single-box {
    margin-bottom: 30px;
}

.protfolio-thumb img {
    width: 100%;
}

.protfolio-thumb {
    position: relative;
    overflow: hidden;
}

.protfolio-thumb img:nth-child(1) {
    transition: transform 0.8s;
}

.protfolio-thumb img:nth-child(2),
.protfolio-thumb img:nth-child(3) {
    position: absolute;
    top: 0;
    z-index: 3;
    transition: transform 1.6s;
}

.protfolio-thumb img:nth-child(2) {
    left: 0;
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}

.protfolio-thumb img:nth-child(3) {
    right: 0;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.protfolio-single-box:hover .protfolio-thumb img:nth-child(1) {
    transform: scale(1.3);
}

.protfolio-single-box:hover .protfolio-thumb img:nth-child(2) {
    transform: translateX(-700px) skewX(40deg);
}

.protfolio-single-box:hover .protfolio-thumb img:nth-child(3) {
    transform: translateX(700px) skewX(-40deg);
}

.protfolio-images-link {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(14, 19, 23, 0.8);
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-20%);
    transition: opacity 500ms ease, transform 500ms ease;
}

.protfolio-single-box:hover .protfolio-images-link {
    opacity: 1;
    transform: translateY(0);
}

.protfolio-images-link a {
    color: #fff;
    font-size: 30px;
}


/*==================================================
 <-- Project Details Inner Page Css-->
===================================================*/

.project-detials-area {
    padding: 120px 0 100px;
}

.project-details-thumb {
    margin-bottom: 55px;
    overflow: hidden;
}

.project-details-thumb img {
    width: 100%;
    transition: all 2s ease;
}

.project-details-thumb img:hover {
    transform: scale(1.15);
}

.project-details-title h4 {
    font-size: 30px;
    color: #3c3531;
    font-weight: 600;
}

.porject-detials-discription {
    margin: 25px 0 57px;
}

.porject-detials-discription p {
    font-size: 16px;
    line-height: 24px;
    color: #434141;
    font-weight: 400;
}

.porject-detials-discription.inner {
    margin: -14px 0 0;
}

/*===============================================================
<-- Blog Inner page Css-->
=================================================================*/

.blog-area.inner-page {
    padding: 120px 0 90px;
}

/*===============================================================
<-- Blog Details Inner page Css-->
=================================================================*/

.blog-details-area {
    padding: 120px 0px 40px;
}

.contact-box {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px 20px;
    gap: 15px;
    margin-bottom: 20px;
    text-align: center;
}

.image-box {
    padding: 20px 20px;
    gap: 15px;
    margin-bottom: 20px;
    text-align: center;
}

.contact-box a {
    text-decoration: none;
}

.contact-box a:hover {
    color: #ee7e19;
}

.contact-box i {
    color: #ee7e19;
}

.contact-box b {
    text-transform: uppercase;
}

.blog-details-area .row {
    display: flex;
    justify-content: center;
}

.blog-details-thumb {
    text-align: center;
}

.blog-details-thumb img {
    margin: 30px 0px;
    width: 100%;
}

.blog-details-meta {
    margin: 29px 0 26px;
}

.blog-details-meta span {
    opacity: 0.902;
    font-size: 16px;
    line-height: 34px;
    color: #4d4e4f;
    font-weight: 400;
    margin-right: 27px;
}

.blog-details-meta span i {
    font-size: 22px;
    position: relative;
    top: 4px;
    margin-right: 12px;
}

.blog-details-content {
    margin: 0px 0px;
}

.blog-details-content h4 {
    font-size: 40px;
    line-height: 28px;
    color: #3c3531;
    font-weight: 600;
    margin-bottom: 35px;
}

.blog-details-content p {
    font-size: 18px;
    line-height: 28px;
    color: #3c3531;
    font-weight: 400;
    text-align: justify;
}

.blog-details-tag h6 {
    font-size: 24px;
    color: #3c3531;
    font-weight: 500;
    display: inline-block;
    margin-right: 60px;
}

.blog-details-tag {
    border: 1px solid #0a55a1;
    padding: 24px 38px;
    margin-bottom: 55px;
}

.blog-details-tag h6 {
    font-size: 24px;
    color: #3c3531;
    font-weight: 500;
    display: inline-block;
    margin-right: 32px;
}

.blog-details-tag a {
    font-size: 16px;
    color: #0a55a1;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #eceae5;
    padding: 4px 22px;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.blog-details-tag a:hover {
    color: #FFf;
}

.blog-details-tag a:before {
    position: absolute;
    content: "";
    left: -2px;
    top: 0px;
    height: 102%;
    width: 0%;
    right: 0;
    margin: auto;
    background: #0a55a1;
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}

.blog-details-tag a:hover::before {
    width: 100%;
}

.blog-team-thumb {
    float: left;
    margin-right: 30px;
}

.blog-team-content h4 a {
    font-size: 24px;
    color: #3c3531;
    font-weight: 600;
    text-decoration: none;
}

.blog-team-content p {
    font-size: 20px;
    line-height: 30px;
    color: #3c3531;
    font-weight: 400;
    margin: 15px 0 9px;
}

.ba-blog-details-social-icons.two h6 {
    font-size: 18px;
    color: #3c3531;
    font-weight: 400;
    display: inline-block;
    margin-right: 14px;
}

.ba-blog-details-social-icons.two a {
    font-size: 16px;
    margin-right: 10px;
}

.blog-team-thumb {
    float: left;
    margin-right: 30px;
    margin-top: -12px;
}

.row.blog-item {
    padding: 20px 68px 20px;
    border-top: 1px solid #0a55a1;
    border-bottom: 1px solid #0a55a1;
}

.blog-item-content h4 {
    font-size: 20px;
    color: #0a55a1;
    font-weight: 500;
}

.blog-details-item.two {
    margin-left: 90px;
}

.blog-details-area .owl-nav {
    display: none;
}

/* blog details comment */

.blog-details-comment {
    margin-top: 36px;
}

.blog-details-comment h5 {
    font-size: 30px;
    line-height: 28px;
    color: #292930;
    font-weight: 500;
    position: relative;
    margin-bottom: 36px;
}

.blog-details-comment h5::after {
    position: absolute;
    bottom: -10px;
    width: 70px;
    height: 3px;
    background: #0a55a1;
    content: "";
    left: 0;
}

.blog-comment-list ul li {
    list-style: none;
    margin-bottom: 0;
}

.blog-comment-box {
    position: relative;
}

.blog-comment-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #E4E4E4;
    bottom: -30px;
}

.blog-comment-box.inner {
    margin-left: 50px;
}

.blog-comment-box.inner::before {
    display: none;
}

.blog-comment-thumb {
    float: left;
    margin-right: 24px;
    margin-top: 12px;
}

.blog-comment-thumb img {
    border-radius: 4px;
}

.blog-comment-list .title {
    margin-bottom: 5px;
    margin-left: -12px;
}

.blog-comment-list h6.title {
    color: #18191D;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.blog-comment-list span.date {
    margin-left: -13px;
}

.content-main p {
    color: #747474;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 10px 0 0;
}

.text-sm-end a {
    display: inline-block;
    text-decoration: none;
    padding: 7px 13px;
    background: #EFEFEF;
    border-radius: 3px;
    color: #102039;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    transition: .5s;
    z-index: 1;
}

.text-sm-end a:hover {
    color: #fff;
}

.text-sm-end a::before {
    position: absolute;
    content: "";
    left: -2px;
    top: 0px;
    height: 102%;
    width: 0%;
    right: 0;
    margin: auto;
    background: #0a55a1;
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}

.text-sm-end a:hover::before {
    width: 100%;
}

/* blog contact box */

.blog-contact-box {
    background: #eff5f4;
    padding: 20px 30px 20px;
}

.blog-contact-title h4 {
    color: #18191D;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 54px;
    position: relative;
}

.blog-contact-title h4::before {
    position: absolute;
    bottom: -10px;
    width: 70px;
    height: 3px;
    background: #0a55a1;
    content: "";
    left: 0;
}

/* contact form */

.form-box input {
    width: 100%;
    height: 64px;
    background: #ffffff;
    border: none;
    border-radius: 3px;
    padding: 0 17px;
    margin-bottom: 25px;
}

.form-box input::placeholder {
    color: #525459;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.form-box textarea {
    width: 100%;
    height: 145px;
    background: #ffff;
    border: none;
    border-radius: 3px;
    padding: 5px 17px;
    margin-bottom: 25px;
}

.form-box textarea::placeholder {
    color: #525459;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.form-box-button button {
    width: 210px;
    height: 60px;
    border-radius: 3px;
    background-color: #0a55a1;
    border: 0;
    outline: 0;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.form-box-button button::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    transform: scale(0.0, 1);
    opacity: 0;
    border-radius: 3px;
    z-index: -1;
    transition: .5s;
}

.form-box-button button:hover::before {
    background: #ee7e19;
    opacity: 1;
    transform: scale(1, 1);
}

.form-box-button.inner {
    text-align: center;
}

/* widget search box */

.widget_search.box {
    margin-bottom: 30px;
}

.widget_search form {
    position: relative;
}

.widget_search input {
    border-radius: 4px;
    padding-left: 20px;
    height: 60px;
    width: 100%;
    position: relative;
    color: #606060;
    font-weight: 400;
    background: #f8f6f1;
    border: none;
    outline: 0;
}

.widget_search input::placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #868686;
    font-weight: 400;
}

button.icons {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background: #0a55a1;
    border-radius: 0 3px 3px 0;
}

/* widget recent box */

.widget-recent-box {
    background: #f8f6f1;
    padding: 50px 35px 55px;
    margin-bottom: 30px;
}

.widget-recent-title h4 {
    font-size: 30px;
    color: #0a55a1;
    font-weight: 600;
    margin-bottom: 40px;
    border-bottom: 1px solid #ece6e6;
    padding: 0 0 14px;
}

.sidber-widget-recent-post {
    background: #ffffff;
    border-radius: 5px;
    padding: 16px 20px;
}

.recent-widget-thumb {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    overflow: hidden;
}

.recent-widget-thumb img {
    transition: all 2s ease;
}

.sidber-widget-recent-post:hover .recent-widget-thumb img {
    transform: scale(1.15);
}

.recent-widget-meta span {
    font-size: 14px;
    color: #4d4e4f;
    font-weight: 400;
}

.recent-widget-meta span i {
    color: #0a55a1;
    font-size: 12px;
    margin-right: 8px;
}

.recent-widget-title h4 a {
    font-size: 20px;
    color: #3c3531;
    font-weight: 600;
    text-decoration: none;
    transition: .5s;
}

.sidber-widget-recent-post:hover .recent-widget-title h4 a {
    color: #ee7e19;
}

/* widget recent menu */
.widget-recent-menu ul li {
    list-style: none;
    margin-bottom: 26px;
    position: relative;
    z-index: 1;
    transition: .5s;
    border-bottom: 1px solid #dddddd;
    padding: 0px 0 10px;
}

.widget-recent-menu ul li::before {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    transition: all 0.5s linear 0s;
    background-color: #0a55a1;
    content: "";
    z-index: -1;
}

.widget-recent-menu ul li:hover::before {
    width: 100%;
    right: auto;
    left: 0;
}

.widget-recent-menu ul li a {
    display: block;
    overflow: hidden;
    font-size: 16px;
    color: #4d4e4f;
    font-weight: 400;
    text-decoration: none;
    transition: .5s;
}

.widget-recent-menu ul li a:hover {
    color: #ee7e19;
}

.widget-recent-menu ul li a span {
    float: right;
}

/* widget tags */

.widget-tags a {
    display: inline-block;
    text-decoration: none;
    padding: 7px 13px;
    background: #fff;
    border-radius: 3px;
    font-size: 17px;
    color: #4d4e4f;
    font-style: normal;
    margin: 11px 5px;
    font-weight: 400;
    position: relative;
    transition: .5s;
    z-index: 1;
}

.widget-tags a:hover {
    color: #fff;
}

.widget-tags a:before {
    position: absolute;
    content: "";
    left: -2px;
    top: 0px;
    height: 102%;
    width: 0%;
    right: 0;
    margin: auto;
    background: #0a55a1;
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}

.widget-tags a:hover:before {
    width: 104%;
}

.latest-logo {
    text-align: center;
}

.latest-logo img {
    margin: 0px 0px 20px 0px;
    width: 60%;
}

/*===============================================================
<-- Contact Area Css-->
=================================================================*/
/* .contact-area {
    padding: 120px 0 110px;
} */

.contact-area .row {
    display: flex;
    justify-content: center;
}

.row.contact {
    /* filter: drop-shadow(0px 1px 25.5px rgba(0, 0, 0, 0.15)); */
    /* background-color: #eff5f4; */
    padding: 120px 0px 0px;
}

.contact-single-box {
    padding: 10px 0px 0px;
    text-align: center;
}

.contact-single-box h4 {
    margin: 20px 0px;
    color: #0a55a1;
}

.contact-title h4 {
    font-size: 36px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 600;
    /* border-bottom: 1px solid #0a55a1; */
    padding: 0 0 7px;
    margin-bottom: 30px;
}

.contact-items {
    padding: 20px;
    background: #eee;
}

.contact-box {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px; 
}

.contact-box h4, .contact-box h6 {
    color: #333;
    margin: 10px 0px;
}

.contact-box h6 a:hover {
    color: #ee7e19; 
}

.contact-items a {
    text-decoration: none;
}

.contact-items i {
    color: #0a55a1;
    font-size: 26px;
    line-height: 59px;
}

.contact-items h4 {
    font-size: 24px;
    color: #0a55a1;
    font-weight: 500;
}

.contact-content h6 {
    font-size: 15px;
    line-height: 34px;
    color: #757575;
    font-weight: 400;
}

/* contact box title */

.image-box img {
    width: 90%;
}

/*===============================================================
<-- Faq Area Css-->
=================================================================*/

.faq-area {
    padding: 120px 0 40px;
}

/* accrodion css */

.accordion li {
    list-style: none;
    position: relative;
    z-index: 1;
    margin-bottom: -7px;
    border-radius: 3px;
}

.accordion li a {
    display: block;
    cursor: pointer;
    padding: 12px 34px 12px;
    text-decoration: none;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f4f4f9;
}

.accordion li a span {
    font-size: 20px;
    color: #0a55a1;
    font-weight: 600;
}

.accordion li a i {
    width: 36px;
    height: 36px;
    background: #0a55a1;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    color: #fff;
}

.accordion a.active {
    background: #f4f4f9;
    border: none;
}

.accordion a.active i {
    color: #fff;
    background: #0a55a1;
    border: none;
    margin-bottom: 0;
    transform: rotate(90deg);
}

.accordion li p {
    display: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #434141;
    background: #f4f4f9;
    padding: 11px 38px 28px;
    width: 100%;
    margin: 0;
    position: relative;
    top: -24px;
}

.accordion a.active:before {
    display: none;
}

a.active {
    color: #1c1632;
}

ul.accordion ul li a span {
    color: #fff;
}

/*===============================================================
<-- Error Area Css-->
=================================================================*/

.error-area {
    padding: 120px 0 110px;
}

.faq-thumb {
    text-align: center;
}

.estudy-btn.error {
    margin-left: 160px;
}

/*===============================================================
<--  Sidebar Css-->
=================================================================*/

.sidebar-textwidget .contact-info ul {
    padding: 0;
}

.sidebar-group .widget-heading {
    position: absolute;
    top: 55px;
    right: 32px;
}

.sidebar-group .sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 480px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #FFF;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.sidebar-group.isActive .sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.sidebar-textwidget {
    padding: 40px 32px;
}

.close-side-widget i {
    color: #0a55a1;
    font-size: 30px;
    display: block;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sidebar-logo {
    margin: 0 0 50px;
}

.sidebar-textwidget .sidebar-logo a img {
    width: 50%;
}

.sidebar-group .about-box h2 {
    color: #002935;
    font-size: 26px;
    font-weight: 600;
}

.sidebar-group .about-box p {
    display: inline-block;
    color: #fff;
    padding: 15px 0 0;
}

.sidebar-group .contact-info {
    margin-top: 60px;
}

.sidebar-group .contact-info h2 {
    color: #002935;
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: 600;
}

.sidebar-group ul.list-style-one li {
    display: block;
    list-style: none;
    color: #002935;
    margin-top: 8px;
    overflow: hidden;
}

.sidebar-group ul.list-style-one li i {
    font-size: 20px;
    font-weight: 600;
    color: #0a55a1;
    margin: 0 10px 0 0px;
}

.sidebar-group ul.list-style-one li a {
    text-decoration: none;
}

.sidebar-group ul.social-box {
    margin: 58px 0 0;
    padding: 0;
}

.sidebar-group ul.social-box li {
    display: inline-block;
    list-style: none;
    margin: 0 6px 0 0;
}

.sidebar-group ul.social-box li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #0a55a1;
    color: #FFF;
    text-decoration: none;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px;
}

.sidebar-group ul.social-box li a:hover {
    background: var(--primary-color);
    color: #ee7e19;
}

/* sidebar menu */

.sidebar-menu {
    position: absolute;
    right: 27px;
    top: 23px;
    display: none;
}

.sidebar-menu a {
    /* width: 52px;
    height: 52px;
    line-height: 0px;
    display: inline-block; */
    text-align: center;
    color: #0a55a1;
    font-size: 26px;
}

.welcome-area {
    padding: 40px 0px;
}

.welcome-area p {
    text-align: justify;
}

.welcome-main-title h2 {
    margin: 0px 0px 14px 0px;
}

.welcome-area img {
    width: 100%;
}

.sidebar-widget-menu {
    position: relative;
}

.sidebar-widget-menu ul li {
    list-style: none;
    margin-top: 10px;
    padding: 0 0 14px;
}

.sidebar-widget-menu ul li .home-menu-title h4 {
    text-align: center;
    margin-top: 10px;
}

.sidebar-widget-menu ul li .home-menu-title h4 a {
    font-size: 20px;
    padding: 0px 0;
    font-weight: 500;
    color: #171717;
}

.sidebar-widget-menu ul li .home-menu-title h4 a:hover {
    color: #ee7e19;
}

.sidebar-widget-menu ul li .home-menu-title h4 a::before {
    display: none;
}

.academic-calender-area {
    padding: 120px 0px 0px;
}

.academic-calender-area .row {
    margin: 24px 0px;
    display: flex;
    justify-content: center;
}

/*
<!-- ============================================================== -->
<!--  Scrollup Section -->
<!-- ============================================================== -->*/

.prgoress_scrollup {
    position: fixed;
    right: 55px;
    bottom: 80px;
    height: 48px;
    width: 48px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 119, 249, 0.2);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
}

.prgoress_scrollup.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
}

.prgoress_scrollup::after {
    position: absolute;
    content: "\F286";
    font-family: bootstrap-icons;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #ee7e19;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}

.prgoress_scrollup:hover::after {
    color: #ee7e19;
}

.prgoress_scrollup svg path {
    fill: none;
}

.prgoress_scrollup svg.progress-circle path {
    stroke: #ee7e19;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear !important;
}

@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

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

    50% {
        opacity: 1;
    }

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

/*===========================
<--  Loader Css -->
=============================*/

.loader_bg {
    position: fixed;
    z-index: 999;
    background: #fff;
    width: 100%;
    height: 100%;
    background-image: url(../images/resource/i11.gif);
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    background-size: 20%;
}