@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

* {

    margin: 0px;

    padding: 0;

    text-decoration: none;

    outline: none;

    text-transform: capitalize;

    box-sizing: border-box;

    list-style: none;

    font-family: 'Roboto Condensed';

}



.body {

    font-size: 80%;

    color: #8a8a8a;

}



.top-menu {

    background: #f9f9f9;

    padding: 0px 20px;

    line-height: 40px;

    display: flex;

    justify-content: space-between;

    z-index: 99;

}



.left-content-text {

    display: flex;

    gap: 1rem;

    padding-left: 0;

    margin-bottom: 0

}



.left-content-text a {

    color: #8a8a8a;

    text-decoration: none;

}



.right-content {

    display: flex;

    gap: 1.5rem

}



.right-content ul {

    display: flex;

    gap: .8rem;

    padding-left: 0;

    margin-bottom: 0;

}



.right-content ul li a {

    text-decoration: none;

    color: #2a2a2a;

}



.serach-head {

    display: none;

}





/*=========navigation====*/



.navbar {

    margin-left: 5%;

    margin-right: 5%;

    border-bottom: 4px solid rgb(255, 177, 32, 100%);

    height: 70px;

    color: #2F2F2F;

    position: relative;

    margin-bottom: -50px;

    z-index: 9;

}



.navbar .nav-item .nav-link {

    color: #2F2F2F!important;

    font-size: 16px;

    font-weight: 500;

}



.navbar .nav-item .nav-link.active::before,

.navbar .nav-item .nav-link.active::after,

.gallery-content .nav .nav-item .nav-link.active::after,

.gallery-content .nav .nav-item .nav-link.active::before {

    width: 50%

}



.navbar-toggler {

    width: 20px;

    height: 20px;

    position: relative;

    transition: .5s ease-in-out;

    margin-top: 20px;

    display: flex;

    justify-content: space-around;

}



.navbar-toggler .toggler-icon {

    display: block;

    position: absolute;

    height: 3px;

    width: 100%;

    background-color: #2F2F2F;

    border-radius: 1px;

    opacity: 1;

    transform: translate(0deg);

    transition: .125s ease-in-out;

}



.navbar-toggler,

.navbar-toggler:focus,

.navbar-toggler:active,

.navbar-toggler-icon:focus {

    box-shadow: none;

    outline: none;

    border: 0;

}



.navbar-toggler span {

    margin: 0px;

    padding: 0

}



.navbar-toggler .top-bar {

    margin-top: 0px;

    transform: rotate(135deg);

}



.navbar-toggler .middle-bar {

    opacity: 0;

}



.navbar-toggler .bottom-bar {

    transform: rotate(-135deg);

    margin-top: 0px

}



.navbar-toggler.collapsed .top-bar {

    margin-top: -10px;

    transform: none;

}



.navbar-toggler.collapsed .middle-bar {

    opacity: 1;

}



.navbar-toggler.collapsed .bottom-bar {

    margin-top: 10px;

    transform: none

}



.navbar .nav-item .nav-link {

    position: relative;

    margin: 0px 8px

}



.navbar .nav-item .nav-link::before,

.gallery-content .nav .nav-item .nav-link::before {

    position: absolute;

    content: '';

    height: 2px;

    background-color: rgb(255, 177, 32, 100%);

    width: 0%;

    bottom: 0;

    transform: translate(to-left, 50%);

    left: 0;

    transition: all 500ms;

}



.navbar .nav-item .nav-link::after,

.gallery-content .nav .nav-item .nav-link::after {

    position: absolute;

    content: '';

    height: 2px;

    background-color: rgb(255, 177, 32, 100%);

    width: 0%;

    bottom: 0;

    right: 0px;

    transition: all 500ms;

}



.navbar .nav-item .nav-link:hover:before,

.gallery-content .nav .nav-item .nav-link:hover:after,

.gallery-content .nav .nav-item .nav-link:hover:before,

.navbar .nav-item .nav-link:hover:after {

    width: 50%;

    transition: .1s ease-in-out 0s

}



.fixed {

    width: 100%;

    position: fixed;

    left: 0;

    right: 0;

    top: 0px;

    margin-left: 0px!important;

}





/*=========navigation===End=====*/





/*====banner==carousel===*/



.carousel-item img {

    height: 650px;

    object-fit: cover;

}





/*====banner=====carousel===End===*/





/*====About===sec====start===*/



.about-sec,

.news-content {

    padding-left: 3%;

    padding-right: 3%;

}



.about-content {

    position: relative;

    display: flex;

    flex-flow: column;

    gap: 1rem;

}



.about-content h6,

.course-partten-text h6,

.g-text h6,

.partner h6,

.heading-text h6,

.our-text h6,

.contact-pade-on-text h6 {

    color: rgb(255, 177, 32, 100%);

}



.about-content h1,

.course-partten-text h1,

.g-text h1,

.partner h1,

.heading-text h1,

.our-text h1,

.contact-pade-on-text h1,

.contact-us-img-1 h1 {

    font-weight: 600;

    font-size: clamp(2.5rem, 7vw, 3.2rem);

    color: #2F2F2F;

}



.about-content h5 {

    font-size: 18px;

    color: #000;

    font-weight: 600;

    padding: 20px 50px 0px;

}



.about-content p {

    color: rgba(47, 47, 47, 0.67);

    font-size: 14px;

}



.about-content::before,

.course-partten-text::before {

    border-left: 4px solid rgb(255, 177, 32, 100%);

    content: '';

    left: -20px;

    top: 0;

    bottom: 0;

    position: absolute;

    height: min(23vh, 7.5rem)

}



.read-btn a {

    background-color: rgb(255, 177, 32, 100%);

    color: #000;

    border-radius: 50px;

    padding: 12px 35px;

    border: 1px solid rgb(255, 177, 32, 100%);

    text-decoration: none;

}



.read-btn a:hover {

    background: transparent;

    color: #000;

    transition: .3s ease-in-out 0s;

}



.about-img,

.partner,

.our-school {

    position: relative;

}



.year-text {

    position: absolute;

    top: 15%;

    text-align: center;

    background: #07332F;

    color: rgb(255, 177, 32, 100%);

    width: 146px;

    height: 132px;

    left: 44px;

    display: flex;

    flex-flow: column;

    justify-content: center

}



.year-text h5 {

    font-size: clamp(1.5rem, 5vw, 2.5rem);

    font-weight: 700;

}



.year-text p {

    font-size: 16px;

    margin-bottom: 0;

}



.about-sec,

.bg-img,

.news-content,

.our-partner,

.gallery-content {

    margin-top: 5%

}





/*====About=end===*/





/*=====course===start===*/



.bg-img {

    background: url(../img/Group_23.jpg)no-repeat;

    background-size: cover;

    padding: 25px;

}



.course-img {

    position: relative;

}



.course-img img {

    height: 550px;

    object-fit: cover;

    vertical-align: middle;

    width: 100%;

}



.course-text {

    position: absolute;

    right: 10px;

    width: 300px;

    background: #fff;

    border-left: 4px solid rgb(255, 177, 32, 100%);

    color: #000;

    display: flex;

    flex-flow: column;

    gap: .5rem;

    bottom: 10px;

    padding: 10px;

}



.course-text p {

    font-size: 12px;

}



.course-text a {

    color: #000;

    font-size: 14px;

    font-family: 500;

    text-decoration: none;

}



.course-partten {

    position: relative;

}



.course-partten-text::before {

    height: 85px!important;

    left: 0px!important

}



.box ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-left: 0;

    margin-top: 25px;

}



.box ul li {

    background-color: rgb(255, 177, 32, 100%);

    width: 287px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-flow: column;

    margin: 10px 0px;

    padding: 10px 15px;

    text-align: center;

}



.box ul li figure {

    background-color: #fff;

    padding: 15px;

    color: #2F2F2F;

}



.box ul li .box-text h4 {

    font-size: 22px;

    font-weight: 500px;

}



.box ul li .box-text p {

    font-size: 16px;

}



.box-1 {

    background: url(../img/news-3.png)no-repeat;

}



.box-2 {

    background: url(../img/news.png)no-repeat;

}



.box-3 {

    background: url(../img/news-1.png)no-repeat;

}



.box-2,

.box-1,

.box-3 {

    background-size: cover;

    background-position: center;

    width: 100%;

    min-height: 400px;

    color: #fff;

    text-align: center;

}



.box-2 a,

.box-1 a,

.box-3 a {

    text-decoration: none;

    color: #fff;

}



.see {

    background: transparent;

    color: #000;

    border: 1px solid rgb(255, 177, 32, 100%);

    display: flex;

    width: 85px;

    padding: 8px 8px;

    margin-left: auto;

    justify-content: center;

}



.see:hover {

    background-color: rgb(255, 177, 32, 100%);

    color: #fff;

    transition: .3s ease-in-out 0s;

}



.box-1 {

    display: flex;

    justify-content: center;

    flex-flow: column;

    gap: 1rem

}



.box-1 ul {

    display: flex;

    gap: 1rem;

    justify-content: center;

    padding-left: 0;

}



.box-1 ul li a {

    font-size: 24px;

}



.box-1 ul li a:hover {

    color: rgb(255, 177, 32, 100%);

    transition: .3s ease-in-out 0s;

}



.g-text,

.partner {

    position: relative;

    text-align: center;

    margin-bottom: 40px;

}



.g-text::before,

.partner::before,

.heading-text::before,

.our-text::before,

.contact-pade-on-text::before {

    position: absolute;

    width: 80px;

    height: 4px;

    background-color: rgb(255, 177, 32, 100%);

    left: 0;

    right: 0;

    margin: auto;

    content: '';

    bottom: 0;

}



.g-image>img,

.gh-image>img {

    max-width: 100%;

    width: 100%;

}



.g-image {

    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

}



.gh-image {

    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

}



.gh-image::before {

    position: absolute;

    background-color: rgba(47, 47, 47, 0.67);

    content: '';

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    transform: translate(100%);

    transition: all 500ms

}



.gh-image:hover:before,

.g-image:hover:before,

.gh-image:hover .g-images-login {

    transform: none;

}



.g-images-login {

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    transition: all 500ms;

    z-index: 1;

    transform: translate(100%);

}



.g-images-login a {

    color: #fff;

    text-decoration: none;

}



.footer {

    background-color: rgb(255, 177, 32, 100%);

    padding: 25px 0px;

    position: relative;

}



.top-line {

    position: relative;

}



.top-line::before {

    content: '';

    width: 4px;

    height: 42px;

    position: absolute;

    left: 55px;

    top: -25px;

    background-color: #2f2f2f;

}



.footer ul {

    padding-left: 0px;

}



.socail-menu {

    text-align: center;

}



.socail-menu ul li {

    padding: 6px 0px;

}



.socail-menu ul li a {

    color: #2F2F2F;

    font-size: 18px;

}



.f-menu ul li a {

    color: #2F2F2F;

    font-style: 14px;

    text-decoration: none;

    font-weight: 500;

}



.f-menu ul li {

    padding: 6px 0px;

}



.f-menu {

    margin: 20px 0px;

}



.footerhead {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 15px 0px;

}



.footerhead h4 {

    color: #fff;

    font-size: 32px;

    font-style: italic;

    letter-spacing: .4px;

    font-weight: 300;

}



.footerhead p {

    border-bottom: 4px solid #fff;

    width: 40px;

}



.socila {

    display: flex;

    gap: 1rem;

    flex-wrap: wrap

}



.collapse.show .navbar-nav {

    background-color: rgb(255, 177, 32, 100%)!important;

    text-align: center;

}



.carousel-caption {

    top: 40%;

    left: 2%;

    color: #07332F;

    text-align: left;

}



.carousel-caption-text {

    width: 400px;

    background-color: rgb(255, 177, 32, 50%);

    box-shadow: 5px -5px 3px 0px #07332F;

    padding: 15px;

}



.carousel-control-prev,

.carousel-control-next {

    opacity: 0

}



.carousel-inner:hover .carousel-control-prev,

.carousel-inner:hover .carousel-control-next {

    opacity: 1;

    transition: .3s ease-in-out 0s

}





/*=======home=page====end======*/





/*=====About=pGES======start=*/



.about-nd {

    padding: 0px 3%;

}



.about-heading {

    position: relative;

    margin-top: 3%;

}



.heading-text::before {

    margin-left: 0;

}



.about-text-content {

    margin: 3% 0

}



.about-text-content p {

    font-size: 18px;

    color: rgba(47, 47, 47, 0.67);

}



.About-team ul {

    display: flex;

    flex-flow: column;

    gap: .8rem;

    margin-top: 20px;

    color: #2F2F2F;

    font-size: 16px;

    font-weight: 400;

}



.About-team ul li svg {

    font-size: 6px;

    padding-right: 5px;

    color: #07332F;

}



.team-photo ul li img {

    width: 250px;

    object-fit: cover;

}





/*=====About=pGES======end=====*/





/*=====model==login====*/





/*=====model-log=in=form====*/



.modal-header .modal-title {

    text-align: center!important;

    font-weight: 600;

}



.modal-content {

    border: 2px solid rgb(255, 177, 32, 100%)

}



.modal-body form input {

    border-radius: 0!important;

    outline: thin #000;

    border: 1px solid #07332F;

}



.submit-btn {

    background-color: #07332F;

    color: #fff;

}





/*=====model-log=in=form==end==*/



.coruse-content {

    display: flex;

    gap: 1.5rem;

    align-items: center;

    margin-top: 3%;

    margin-bottom: 5%;

    position: relative;

}



.coruse-img img {

    width: 300px;

    height: 250px

}



.coruse-img {

    position: relative;

}



.coruse-img::before {}



.coruse-content .coruse-content-text .course-info .this {

    font-size: 14px;

    color: rgba(47, 47, 47, 0.67);

    line-height: 23px;

    font-weight: 400;

}



.coruse-content .coruse-content-text .course-info {

    display: flex;

    flex-flow: column;

    gap: .5rem

}



.coruse-content-text a {

    background-color: rgb(255, 177, 32, 100%);

    color: #fff;

    padding: 5px 20px;

    text-align: center;

    text-decoration: none;

    border: 1px solid rgb(255, 177, 32, 100%);

    display: inline-block;

    font-size: 14px;

    margin: 10px 0;

    transition: .2s ease-in-out 0s;

}



.coruse-content-text a:hover {

    background: transparent;

    color: #07332F;

    margin-left: 2px;

}





/*=========Galary====page====start===*/



.g-bootom-text {

    position: absolute;

    left: 0;

    right: 0;

    color: #fff;

    display: flex;

    flex-flow: column;

    gap: .8rem;

    text-align: center;

    transition: all 500ms;

    top: 85%;

    justify-content: center;

    align-items: center;

    bottom: 0;

    padding-top: 80px;

}



.g-bootom-text>p {

    font-size: 95%;

    padding: 0px 0.9rem;

}



.g-bootom-text>a {

    display: inline-block;

    padding: 5px 8px;

    font-size: 14px;

    background-color: rgb(255, 177, 32, 100%);

    border: 1px solid rgb(255, 177, 32, 100%);

    color: #07332F;

    text-decoration: none;

    transition: .3s ease-in-out 0s;

}



.g-bootom-text>a:hover {

    background: transparent;

    color: #fff;

}



.g-image:hover>.g-bootom-text {

    transform: translate(0);

    top: 0;

    padding-top: 0px;

}



.gallery-content .nav {

    justify-content: center;

    padding-bottom: 6%;

}



.gallery-content .nav .nav-item .nav-link {

    color: #2F2F2F!important;

    font-size: clamp(1rem, 4vw, 1.4rem);

    font-weight: 500;

    position: relative;

}



.gallery-content .tab-content {

    padding-bottom: 5rem;

}



.gallery-content .g-image::before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    transform: translate(100%);

    transition: all 500ms

}





/*=========Galary====page====end===*/





/*****=======contact-us =====page====*/



.group-form-1 .form-control {

    border-radius: 0px;

    padding: 8px 25px;

    border: 0;

    color: #6c757d;

    outline: 1px solid #07332F;

}



.group-form-1 {

    border: 1px solid #07332F;

    margin: 8px 0px;

    padding: 4px;

}



.contact-page-on .contact-form-2 form button {

    background: #07332F;

    color: #fff;

}



.contact-page-on .contact-form-2 form button:hover {

    opacity: .9;

}



.contact-page-on {

    margin-top: 3%;

    margin-bottom: 3%;

}



.contact-pade-on-text {

    position: relative;

    text-align: center;

}



.add-on ul {

    padding-left: 5px;

    display: flex;

    flex-flow: column;

    gap: .8rem;

    list-style: none;

    margin-top: 20px;

}



.add-on ul li a {

    text-decoration: none;

    color: #2a2a2a;

    font-size: clamp(1rem, 4vh, 1.3rem)

}





/*****=======contact-us =====page===End====*/





/*===============================

					 admin-panel

					===============================*/





/***=====form=====****/



.form-field form {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.form-field input {

    width: 100%;

    padding: 6px 15px;

}



.form-field label {

    width: 100%;

}



.form-group {

    width: 45%;

    margin: 6px 0px;

}



.sumbit {

    background-color: #1bbde3;

    color: #f4f4f4;

    margin: 10px 0px;

}



.form-field button:hover {

    background-color: #282828;

    transition: .3s ease-in-out 0s;

    color: #f4f4f4;

}





/****dashbord=====*/



.menu {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0!important;

}



.menu li {

    padding: 10px;

    list-style: none;

}



.menu li a {

    color: #07332F;

    text-decoration: none;

    font-size: 16px;

    font-weight: 500;

}



.menu .btn {

    text-decoration: none;

    color: #000;

    font-weight: 500;

    background-color: rgb(255, 177, 32, 100%);

    border-radius: 50px;

    height: 40px;

    min-width: 125px;

    display: flex;

    justify-content: center;

    align-items: center;

}





/****======from=filed==all===*/



.group-form-felid {

    display: flex;

    justify-content: space-between;

}



.Services {

    width: 48%;

}



.group-form input,

.group-form select {

    padding: 8px 5px;

}



.group-form {

    display: flex;

    flex-flow: column;

    gap: 1.2rem;

}



.group-form .submit-btn {

    border: none;

    outline: none;

    padding: 6px 25px;

    border-radius: 30px;

    color: #000;

    background-color: rgb(255, 177, 32, 100%);

    ;

}





/****======from=filed==all=End==*/



.sidebar {

    background-color: #fff;

    padding: 10px 15px;

    margin-top: 16px;

    height: 100%;

}



.group-form {

    background-color: #fff;

    margin: 5% 0px;

    padding: 25px;

    border-radius: 20px;

}





/****======side==bar--start==*/



.app-sidebar .app-sidebar__inner {

    padding: 40px 1.5rem 1.5rem

}



.vertical-nav-menu li {

    border: 1px solid #fff;

    border-radius: 15px;

    margin: 5px 0px;

    transition: .4s ease-in-out 0s;

}



.vertical-nav-menu li a {

    margin: 2px;

    text-decoration: none;

    color: #000;

    border: 1px solid #fff;

    border-radius: 15px;

    background: transparent;

    transition: .4s ease-in-out 0s;

}



.vertical-nav-menu li a:hover,

.vertical-nav-menu li>.active,

.vertical-nav-menu li a:focus,

.vertical-nav-menu li:hover {

    color: #fff;

    opacity: 1;

    background-color: #07332F;

}



.app-theme-white .app-sidebar {

    background-color: rgb(255, 177, 32, 100%);

}



.vertical-nav-menu li a i.metismenu-icon {

    color: #fff;

    opacity: 1;

}





/****======side==bar--End==*/





/*====navigation=navbar-menu=====*/



.app-theme-white .app-header {

    height: 85px;

}



.app-header .app-header__menu {

    display: none

}



.center-menu-img {

    width: 100%!important;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.log-in_form {

    height: clamp(25rem, 33vw, 35rem);

    margin-top: clamp(7.6rem, 10vw, 8.5rem)

}





/*====navigation=navbar-menu===End==*/



.hamburger.is-active .hamburger-inner,

.hamburger.is-active .hamburger-inner::before,

.hamburger.is-active .hamburger-inner::after {

    background-color: #282828

}



.hamburger-inner,

.hamburger-inner::before,

.hamburger-inner::after {

    background-color: #282828

}



.app-header__logo {

    width: 382px;

    display: flex;

    justify-content: space-between;

}



.app-header .app-header__logo,

.app-header .app-header__mobile-menu {

    order: 0!important

}



.nav-1 {

    padding-left: 0;

    list-style: none;

    width: 100%;

    text-align: center;

    margin-bottom: 0

}



.nav-1 .nav-item-1 a {

    text-decoration: none;

    color: #2f2f2f

}



.copy-right-1 {

    display: flex;

    text-align: center;

    padding: 0px 15px;

    margin-top: 20px;

}



.copy-right-1 a {

    margin-left: auto;

    text-decoration: none;

    color: #000;

}



.form-footer {

    background: rgb(255, 177, 32, 100%);

}





/*=====admin=====images======*/



.side-img-in img {

    border-radius: 50%;

}