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

/* CSS Document */
html {}

body {
    font-family: 'Barlow Semi Condensed', sans-serif;
    color: #373435;
}

.h1,
h1 {}

.border-radius {
    border-radius: 0px !important;
}

.table-bordered-primary {
    border-color: #160d38;
}

.list-point {
    position: relative;
}

.list-point ul li {
    line-height: 22px;
    font-size: 16px;
    padding-left: 20px;
    position: relative;
    font-weight: 500;
    margin-bottom: 15px;
    color: #373435;
    text-align: justify;
}

.list-point ul li:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 8px;
    width: 5px;
    height: 5px;
    background-color: #160d38;
    border-radius: 50%;
}

.list-point2 ul li:before {
    width: 9px;
    height: 4px;
    top: 10px;
    border-radius: 30px;
}

.sticky {
    position: fixed !important;
    top: 0px;
    z-index: 999;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 7%);
}

.sticky .hdr-top {
    display: none;
}

.sticky .navbar-brand {}

.sticky .navbar-brand>img {
    height: 80px;
}

.media {}

.media .media-left,
.media .media-body,
.media .media-right {
    display: table-cell;
    vertical-align: top;
}

.media .media-left {
    padding-right: calc(var(--bs-gutter-x) * .5);
}

.media .media-body {
    padding-left: calc(var(--bs-gutter-x) * .5);
    width: 10000px;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

.bg-light-blue {
    background-color: #D1EBF9;
}

.bg-secondary {
    background-color: #373435 !important;
}

.text-primary {
    color: #28166f !important;
}

.text-warning {
    color: #EF7F1B !important;
}

select.form-control {
    background: #fff url(../images/down-arrow.png) no-repeat;
    background-position: right 10px center;
    background-size: 18px;
}

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0px;
    color: #373435;
}

p {
    line-height: 26px;
    color: #373435;
    font-size: 16px;
}

p strong {
    font-weight: 700;
}

.text-danger {
    color: #ef7f1b !important;
}

.bg-danger {
    background-color: #ef7f1b !important;
}

.bg-light {
    background-color: #f2f6f9 !important;
}

.btn-primary {
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
    background-color: #28166f;
    border-color: #28166f;
}

.btn-primary:hover {
    color: #fff;
    background-color: #17094c;
    border-color: #17094c;
}

.btn-danger {
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #ef7f1b;
    border-color: #ef7f1b;
}

.btn-danger:hover {
    color: #fff;
    background-color: #ef6c1b;
    border-color: #ef6c1b;
}

.media .d-m-show {
    display: none;
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.bg-primary {
    background-color: #28166f !important;
}

.bg-warning {
    background-color: #EF7F1B !important;
}

.bg-info {
    background-color: #2eabbb !important;
}

header {
    z-index: 1000;
    /*box-shadow: 0 2px 4px rgb(0 0 0 / 20%);*/
    transition: 0.5s;
    width: 100%;
}

.hdr-top {
    background-color: #ef7f1b;
    position: relative;
    padding-top: 4px;
    padding-bottom: 3px;
}

.hdr-social-link li {
    padding-right: 2px;
    padding-left: 2px;
}

.hdr-social-link li a {
    font-size: 14px;
    color: #000;
    transition: 0.5s;
    display: block;
    background-color: #f0f0f0;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    line-height: 28px;
}

.hdr-social-link li a.fb {
    background-color: #4B69B1;
    color: #fff;
}

.hdr-social-link li a.linden {
    background-color: #0678B6;
    color: #fff;
}

.hdr-social-link li a.instagramFooterLink {
    background-color: #4B69B1;
    color: #fff;
}

.hdr-social-link li a.youtubeFooterLink {
    background-color: #c8d0e6;
    color: #fff;
}

.hdr-top-cnt {
    margin-bottom: 0px;
}

.hdr-top-cnt li {
    margin-right: 10px;
}

.hdr-top-cnt li:last-child {
    margin-right: 0px;
}

.hdr-top-cnt li a {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    display: block;
    padding: 5px;
}

.hdr-top-cnt li a>span {
    font-size: 12px;
}

.hdr-top-cnt li a i {
    margin-right: 4px;
}

.hdr-top-cnt li a.btn {
    background-color: #fff;
    color: #373435;
    font-size: 14px;
    padding: 3px 12px;
    border: none;
    margin-top: 1px;
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.hdr-top-cnt li a.btn:hover {
    background-color: #EF7F1B;
    color: #fff;
}

.txt-rgt {
    text-align: right;
}

.header-mid {
    position: relative;
    background-color: #ef7f1b;
    color: #fff;
    padding-bottom: 4px;
    padding-top: 3px;
}

.header-mid strong {
    width: 125px;
}

.header-mid marquee {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0px;
}

.navbar {
    padding: 2px 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #fff;
}

.navbar-brand {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    background-color: #fff;
    padding: 5px;
}

.navbar-brand>img {
    height: 80px;
}

.navbar-default .navbar-nav>li>a {
    color: #333;
}

.navbar-nav>li>a.logo {
    padding: 5px 35px;
    margin-top: 10px;
}

.navbar-nav {}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #333;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 11.5px;
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link:before {
    position: absolute;
    right: 0px;
    content: "";
    background-color: #fff;
    width: 1px;
    top: 8px;
    bottom: 8px;
}

.navbar-expand-lg .navbar-nav li:last-child>.nav-link:before {
    display: none;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: #77dd76;
}

.navbar-nav>li:hover>.drop-menu {
    display: block;
}

.navbar-expand-lg .navbar-nav .nav-link.login-nav {
    /*background-color: #56B6EA;*/
    color: #56B6EA;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #56B6EA;
}

.navbar-expand-lg .navbar-nav .nav-link.login-nav.login-nav:hover {
    color: #fff;
    background-color: #56B6EA;
}

.drop-menu {
    padding: 5px;
    width: 100%;
    min-width: 13rem;
    border: none;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 18%);
}

.drop-menu-rgt {
    left: inherit !important;
    right: 0px;
}

.drop-menu-srvs {}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #0f4aa4;
}

.drop-menu>li>a {
    padding: 6px 8px;
    font-weight: 500;
    color: #000;
    white-space: break-spaces;
    font-size: 14px;
    border-radius: 4px;
}

.drop-menu>li>a:hover,
.drop-menu>li>a:focus {
    color: #fff;
    background-color: #ef7f1b;
}

.drop-menu>li>a.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0em;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    position: absolute;
    right: 8px;
    top: 40%;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #ef7f1b;
}

/*.navbar-nav>li>a.logo:hover{background-color: transparent;}*/
.navbar-default .navbar-nav>li>a.logo:focus,
.navbar-default .navbar-nav>li>a.logo:hover {
    background-color: transparent;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #ef7f1b;
}

.drop-submenu {
    left: 100% !important;
    padding: 5px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 18%);
    top: 0px !important;
    border: none;
    min-width: 12rem;
}

.drop-submenu>li>a {
    padding: 6px 8px;
    font-weight: 500;
    color: #000;
    white-space: break-spaces;
    font-size: 14px;
    border-radius: 4px;
}

.drop-submenu>li>a:hover {
    color: #fff;
    background-color: #ef7f1b;
}

/*===============Header Default==========*/
.header-default {}

.header-default .navbar-brand {
    position: relative;
    left: 0px;
    top: 0px;
}

/*===============Header Default End==========*/
/*============ slider css =============*/
.type-box {
    text-align: center;
    margin: 30px;
}

.type h1 a {
    color: #fff;
    font-size: 45px;
}

.bs-slider {
    overflow: hidden;
    /* height: 650px;*/
    position: relative;
}

.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}

.bs-slider>.carousel-inner>.item>img,
.bs-slider>.carousel-inner>.item>a>img {
    margin: auto;
    height: 650px;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/
.slider-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slider-wrap:before {
    /* content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.84);*/
}

.slider-wrap>img {
    width: 100%;
    height: 100%;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    object-fit: cover;
}

.slider-wrap .owl-carousel .owl-item img {}

.slider-wrap .owl-nav {
    position: absolute;
    top: 50%;
    justify-content: space-between;
    width: 100%;
}

.slider-wrap .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
    /* width: 200px; */
    left: 9%;
}

.slider-wrap .owl-nav .owl-prev {
    float: left;
    margin-left: 30px;
    left: 0px;
}

.slider-wrap .owl-nav .owl-next {
    float: right;
    margin-right: 30px;
    right: 0px;
}

/*---------- SLIDE CAPTION ----------*/
.mrgn-auto {
    margin: auto;
}

.slide-text {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;

}

.slide-text-dec {
    position: relative;
}

.slide-text h4 {
    font-weight: 400;
    color: #fff;
    font-size: 30px;
}

.slide-text h1 {
    font-weight: 800;
    font-size: 76px;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    color: #ef1b1b;
    text-shadow: 0px 3px #000;
    margin-bottom: 40px;
    -webkit-text-stroke: 2px #000;
}

.slide-text h3 {
    color: #373435;
    margin-bottom: 20px;
    font-size: 42px;
    font-weight: 600;
}

.slide-text h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
}

.slide-text p {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 25px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    color: #000;
}

.slide-text a.btn {
    font-weight: 600;
    font-size: 14px;
    padding: 12px 30px;

}

.slide-text p>a.btn:hover {
    border: 1px solid #ff0000;
    color: #fff;
    background-color: #ff0000;
}

.slide-text>a:hover,
.slide-text>a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

.slider-form {
    position: absolute;
    right: 30px;
    top: 30px;
    bottom: 80px;
    z-index: 1;
    width: 360px;
    background: #fff;
    /*    border: 4px solid #e77817;*/
    border-radius: 16px;
    padding: 15px 20px;
}

.slider-form h4 {
    color: #f27e00;
    font-size: 22px;
    font-weight: 700;
}

.slider-form p {
    font-size: 13px;
    color: #160d38;
    line-height: 20px;
    font-weight: 500;
}

.slider-form .form-group {
    position: relative;
    margin-bottom: 10px;
    padding-top: 8px;
}

.slider-form .form-group label {
    color: #160d38;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 10px;
    background-color: #fff;
}

.slider-form .form-group .form-ctrl {
    height: 36px;
    border-radius: 4px;
    padding-left: 12px;
    font-weight: 500;
    font-size: 12px;
    border: 1px solid #160d38;
}

.slider-form .btn {
    border-radius: 4px;
}

.slider-overleft-wrap {
    position: relative;
    margin-top: -50px;
    z-index: 1;
    padding-bottom: 20px;
}

.slider-overleft-wrap .media-item {
    min-height: 125px;
}

.slider-overleft-wrap .media-item .media .media-left,
.slider-overleft-wrap .media-item .media .media-body {}

.media-item {
    background-color: #fff;
    position: relative;
    padding: 12px 10px;
    border-radius: 16px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 35%);
    transition: 0.5s;
}

.media-item .media .media-left {
    padding-right: 0px;
}

.media-item .media .media-body {
    padding-left: 0px;
}

.media-tmb {
    width: 45px;
    height: 45px;
    margin-right: 8px;
}

.media-tmb>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.5s;
}

.media-item:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.media-item h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.media-item p {
    color: #fff;
    margin-bottom: 0px;
    font-weight: 400;
    line-height: 14px;
    font-size: 11px;
}

/*=========== end ===========*/
/*========== enquire form ======*/
.btn {
    font-size: 14px;
    padding: 8px 25px;
    border-radius: 6px;
}

.btn-lg {
    font-size: 16px;
    padding: 10px 25px;
}

.btn-sm {
    font-size: 12px;
    padding: 5px 15px;
}

.btn-warning {
    color: #fff;
    background-color: #EF7F1B;
    border-color: #EF7F1B;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ff841c;
    border-color: #ff841c;
}

.GetinTouch-form .close {
    position: absolute;
    right: -30px;
    top: -40px;
    font-size: 50px;
    color: #fff;
    opacity: 0.8;
}

.GetinTouch-form .modal-body {
    padding: 25px 45px;
}

.popup-img {
    text-align: center;
    margin: 10px auto 40px;
    display: block;
}

.popup-img h3 {
    font-weight: 600;
}

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

.form-control {
    box-shadow: none;
}

.GetinTouch-form .form-group .form-ctrl-pop {
    border-radius: 30px;
    height: 45px;
    padding-left: 40px;
}

.GetinTouch-form .form-group .form-ctrl-msg {
    border-radius: 30px;
    padding-left: 40px;
}

.GetinTouch-form .form-group .form-icon {
    position: absolute;
    left: 20px;
    top: 10px;
    color: #c22a36;
}

.GetinTouch-form .form-group .btn {
    border-radius: 30px;
}

.wrap {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-white {
    background-color: #fff;
}

.title {
    position: relative;
    margin-bottom: 25px;
}

.title h2 {
    font-size: 50px;
    font-weight: 700;
}

.title h2 span {
    /*-webkit-text-stroke: 1px #FF9C00;
    color: transparent;*/
}

.title h3 {
    font-weight: 700;
    font-size: 42px;
}

.title h4 {
    font-weight: 700;
    font-size: 30px;
}

.title p {
    font-size: 20px;
    color: #160d38;
}

.title-border-gray {
    width: 200px;
}

.title-dots {
    width: 100px;
}

.title-bg {
    position: relative;
    width: 50px;
    height: 5px;
    background-color: #77dd76;
    display: inline-block;
    border-radius: 4px;
}

.green {
    color: #77dd76;
}

.red {
    color: #e43039;
}

.white {
    color: #fff;
}

.bg-blue {
    background-color: #19ace9;
}

.embed-responsive {
    width: 100%;
    height: 435px;
    background-color: #313131;
}

.embed-responsive>video,
.embed-responsive>iframe {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

/*=========== about hompe page ================*/
#AboutUs {}

.bg-gray {
    background-color: #f6f6f8;
}

.bg-gray-green {
    background-color: #ebfff2;
}

.abt-box {
    position: relative;
    padding-right: 45px;
    margin-bottom: 25px;
}

.abt-box .title {}

.abt-box .title h2 {}

.abt-box .title h2 span {}

.abt-box .title h6 {
    font-weight: 600;
    font-size: 18px;
}

.abt-box h4 {
    font-weight: 500;
    font-size: 17px;
}

.abt-box p {
    font-weight: 500;
    text-align: justify;
    margin-bottom: 25px;
}

.abt-box .btn-light {
    padding: 8px 20px;
    background-color: #fff;
    border-radius: 0px;
    color: #1c0b42;
    border-color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.abt-icon {
    width: 75px;
    height: 75px;
    margin-bottom: 5px;
}

.abt-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.abt-img {
    position: relative;
    width: 100%;
    height: 420px;
    border-radius: 10px;
    overflow: hidden;
}

.abt-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.abt-img1 {
    height: 370px;
    margin-top: 30px;
}

.item-box {
    position: relative;
    margin-bottom: 25px;
    background-color: #fff;
    border: 1px solid #efefef;
    padding: 5px;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.tmb {
    position: relative;
    width: 100%;
    height: 260px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 6px;
}

.tmb>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.item-dec {
    padding: 15px 15px 10px;
}

.item-dec h4 {
    font-size: 16px;
    font-weight: 500;
}

.item-dec p {
    line-height: 22px;
    color: #666;
}

.item-box:hover>.tmb>img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.Getstarted-wrap {
    background: url(../images/slide3.jpg)no-repeat;
}

.Getstarted-wrap .title h2 {
    color: #fff;
    font-size: 50px;
}

.Getstarted-wrap .title h2 span {
    -webkit-text-stroke: 1px #fff;
}

/*========== course-carousel  ========*/
.bg-light-warning {
    background-color: #fffbe0;
}

.course-carousel .item-box {
    margin-bottom: 0px;
    background-color: #fff;
    border: 3px solid #b6b4a3;
    padding: 0px;
    border-radius: 6px;
    box-shadow: none;
}

.course-carousel .item-box .tmb {
    height: auto;
    margin-bottom: 0px;
    border: 2px solid #eceded;
    padding: 10px 5px 10px;
    border-radius: 2px;
}

.course-carousel .item-box .tmb>img {
    width: 75px !important;
    height: 75px;
    object-fit: contain;
    margin: 10px auto;
}

.course-carousel .item-box .tmb h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    min-height: 34px;
}

.course-carousel .item-box .tmb h4.tmb-border {
    border-top: 1px solid #160d38;
    border-bottom: 1px solid #160d38;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: auto;
}

.course-carousel .item-box .item-dec {
    padding: 10px 5px 10px;
    background-color: #eceded;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.course-carousel .item-box .item-dec h5 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px;
    min-height: 26px;
}

.course-carousel .item-box .item-dec .btn-sm {
    border-radius: 0px;
    border-color: #b6b4a3;
    font-weight: 700;
}

/*========== Campus Life  ========*/
.campus-card {
    border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden;
}

.campus-card>img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: 0.5s;
}

.campus-card .card-title {
    margin-bottom: 0.5rem;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 3px rgb(0 0 0 / 50%);
}

.campus-card:hover>img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/*========== Ph.D. Admissions  ========*/
.phd-title {
    position: relative;
    width: 545px;
    margin: 0px auto;
    border-bottom: 3px solid #373435;
}

.phd-title:before {
    content: "";
    position: absolute;
    right: 38%;
    left: 38%;
    bottom: -6px;
    background-color: #ef7f1b;
    height: 10px;
    border-radius: 30px;
}

.phd-title>p {
    font-size: 18px;
    font-weight: 500;
}

.phd-proccess {}

.phd-proccess .btn {
    border-radius: 30px;
}


/*========== services  ========*/

.services-wrap {}

.srvs-dec {
    position: relative;
    z-index: 1;
}

.srvs-dec p {
    font-size: 18px;
    color: #000;
    line-height: 32px;
    margin-bottom: 35px;
}

.srvs-dec p:last-child {
    margin-bottom: 0px;
}

.srvs-box {
    position: relative;
    z-index: 1;
    padding: 20px 10px;
    border-radius: 6px;
    /*    border: 2px solid #f27e00;*/
    min-height: 275px;
    margin-bottom: 20px;
}

.srvs-icon {
    width: 70px;
    height: 70px;
    background-color: #fff;
    padding: 20px;
    margin: 0px auto 15px;
    border-radius: 50%;
}

.srvs-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.5s;
}

.srvs-box h4 {
    font-weight: 600;
    color: #fff;
    font-size: 20px;
}

.srvs-box p {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
}

.srvs-box.bg-pink {
    background-color: #cd50ab;
}

.srvs-box.bg-parrot {
    background-color: #bcd800;
}

.srvs-box.bg-info {
    background-color: #00a3d4;
}

.srvs-box.bg-warning {
    background-color: #fdc900;
}

.srvs-box:hover>.srvs-icon>img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}


/*================= Our Process ===================*/
.bg-light-warning {
    background-color: #fffaec;
}

.process-line-wt {
    position: relative;
    width: 90%;
    margin: auto;
}

.process-line {
    position: absolute;
    top: 60px;
    left: 90px;
    right: 90px;
}

.process-line img {
    z-index: 0;
    margin: auto;
    display: block;
}

.process-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-self: center;
    margin: auto;
    text-align: center;
}

.process-list li {
    width: 20%;
}

.process-list li:nth-child(odd) {
    margin-top: 25px;
}

.process-list li:nth-child(even) {
    margin-top: 60px;
}

.process-box {
    position: relative;
}

.process-icon {
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0px auto 10px;
    box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 39%);
    background-color: #ffffff;
    border: 8px solid #373435;
}

.process-icon img {
    position: relative;
    top: 30px;
    width: 55px;
    height: 55px;
    object-fit: contain;
}

.process-icon span {
    position: absolute;
    bottom: 35%;
    right: -5px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    background-color: #d3a023;
    border-radius: 50%;
}

.process-list li h4 {
    font-size: 16px;
    font-weight: 600;
    max-width: 185px;
    margin: auto;
}

.process-list li p {
    max-width: 200px;
    margin: auto;
    color: #4c4949;
    line-height: 22px;
}



/*================= client home page ===================*/
.bdr-bg {
    width: 80px;
    background-color: #000;
    height: 3px;
    display: inline-block;
}

.bdr-bg1 {
    width: 80px;
    background-color: #e4be82;
    height: 3px;
    display: inline-block;
}

.lightgold {
    color: #e4be82;
}

.inner-box {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
    background-color: #fff;
    text-align: center;
}

.inner-box>.thumbnail {
    margin-bottom: 0px;
}

.inner-box>.thumbnail img {
    width: 100%;
    height: 225px;
}

/*============= button style ================*/
.button-1 {
    width: 100%;
    outline: none;
    height: 50px;
    /* float: left; */
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0px 0px 0px 0;
    background-color: #1c0b42;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
    border: none;
}

.button-1 a,
.button-1 span {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 50px;
    font-weight: 500;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
}

.button-1 a img {
    float: none;
    margin-left: 10px;
}

.eff-1 {
    width: 100%;
    height: 50px;
    right: -840px;
    background: #17094c;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}

.button-1:hover .eff-1 {
    right: 0px;
    top: 0px;
}

.button-1:hover a {
    color: #fff;
}

.button-1:hover a,
.button-1:hover.book-btn {
    color: #fff;
}

/*=============== our team ===================*/
.studiowrap {
    position: relative;
    background-color: #74C2CC;
}

.studiowrap:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #404041;
    width: 10%;
}

.studio-row {}

.studio-row>div:nth-of-type(odd) {
    background-color: #74C2CC;
}

.studio-row>div:nth-of-type(even) {
    background-color: #404041;
}

.team-card {
    position: relative;
    padding: 40px 10px 25px;
}

.team-card-icon {
    width: 80px;
    height: 80px;
    margin: 0px auto 15px;
    transition: 0.5s;
}

.team-card-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team-card:hover>.team-card-icon {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.team-card h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.ourteam-wrap {
    background-color: #404041;
    position: relative;
    padding-top: 40px;
}

.team-box {
    position: relative;
    padding: 10px;
    margin-bottom: 25px;
}

.team-box .media-left {
    width: 15% !important;
}

.team-box .team-box-img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 5px;
}

.team-box .team-box-img img {
    width: 100%;
    height: 100%;
    transition: 0.5s;
    object-fit: cover;
}

/*.team-box:hover> .team-box-img img{transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}*/
.team-box .client_info {
    padding: 15px 0px;
    position: relative;
}

.team-box .client_info h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

.team-box .client_info h6 {
    color: #74C2CC;
    font-size: 14px;
    font-weight: 600;
}

.team-box .client_info p {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    line-height: 20px;
    margin-right: 46px;
}

.team-box .client_info p:first-child {
    margin-bottom: 0px;
}

.team-box .client_info .collapse-text a {
    font-weight: 400;
    color: #0f4aa4;
}

.team-box .hdr-social-link {}

.team-box .hdr-social-link li a {}

.owl-dots {
    text-align: center;
}

.owl-carousel button.owl-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 5px;
    border-radius: 50%;
    background-color: #d1b8b8;
}

.owl-carousel button.active {
    background-color: #ef7f1b;
}

.owl-nav {}

.owl-nav button span {
    font-size: 30px;
    font-weight: 200;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    color: #fff;
    background-color: #ef7f1b;
    justify-content: center;
    align-items: center;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}

.owl-nav button span:hover {
    /*border: 1px solid #E93131;
    color: #E93131;*/
}

.owl-nav .owl-next {
    position: absolute;
    margin-right: 0px;
    top: 45%;
    right: -35px;
}

.owl-nav .owl-prev {
    position: absolute;
    margin-right: 0px;
    top: 45%;
    left: -35px;
}

.awards-wrap {}

.awards-wrap .blub {
    right: 47%;
    top: -75px;
    width: 110px;
}

.awards-wrap .title h2 {
    color: #fff;
}

.awards-wrap .title h2 span {
    -webkit-text-stroke: 1px #fff;
    color: #74C2CC;
}

.awards-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 31%);
}

.awards-tmb {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.awards-tmb>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.awards-dec {
    padding: 15px 10px 15px;
}

.awards-dec h4 {
    font-size: 17px;
    font-weight: 600;
}

.awards-dec p {
    font-size: 13px;
    line-height: 20px;
}

.awards-dec.p-2 {
    padding: 10px 15px !important;
}

.compliance-dec {}

.compliance-dec p {}

.compliance-dec p strong {}

.iso-img {}

.iso-img .img-fluid {}

/*====================  ====================*/
/*==================== ====================*/
.testimonial_block {
    width: 100%;
    margin: 30px auto;
    position: relative;

}

.testimonial_block:before {
    /*content: "\f10d";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    color:#162f54;
    font-size: 24px;
    left: 40%;
    top: 20px;*/
}

.client_message:after {
    content: "\f10e";
    position: absolute;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #ef7f1b;
    font-size: 16px;
    right: 35%;
    top: 15px;
}

.testimonial_icon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    margin: 10px auto 10px;
    border: 1px solid #162f54;
}

.testimonial_icon i,
.testimonial_icon>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.client_message {
    position: relative;
    width: 100%;
    background-color: #f2f6f9;
    padding: 20px;
    border: 1px solid #f2f6f9;
    margin: 5px 2px;
    border-radius: 10px;
}

.client_message p {
    font-size: 14px;
    color: #555;
    line-height: 22px;
}

.client_info {
    margin-bottom: 15px;
}

.client_info .name h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.client_info .name span {
    font-size: 12px;
    color: #868686;
    line-height: 18px;
}

.testimonial_block .quote_left {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
}

.testimonial_block .quote_left i {
    font-size: 70px;
    color: #e8fff0;
}

#testimonials .owl-carousel .owl-dots {
    text-align: center;
}

#testimonials .owl-carousel .owl-dots .owl-dot {
    width: 12px;
    outline: none;
    height: 12px;
    margin: 2px;
    border-radius: 50%;
    background-color: #ddd;
}

#testimonials .owl-carousel .owl-dots .owl-dot.active {
    background-color: #ff0000;
}

/*========= home page contact =========*/
.contactinfo-home {
    background-color: #fff;
    box-shadow: 0px 20px 80px 0px rgba(3, 31, 66, 0.1);
    padding: 0px 30px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.contactinfo-home .contact-form {
    border-radius: 0px;
    border-left: 1px solid #ddd;
}

.contactinfo-rgt .fotr-media {
    margin-bottom: 20px;
}

.contactinfo-rgt .fotr-media h6 {}

.contactinfo-rgt .fotr-media p {
    color: #000;
}

.contactinfo-rgt .fotr-media p a {
    color: #000;
    font-size: 16px;
}

.contactinfo-rgt .fotr-media p a:hover {
    color: #f27e00;
}

.contactinfo-rgt .hdr-social-link li a {
    color: #fff;
    background-color: #d3a023;
}

.contact-form {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 38%);
}

.contact-form-info {
    position: relative;
}

.contact-form-info h4 {
    font-size: 18px;
    font-weight: 700;
}

.contact-form-info h3 {
    font-weight: 700;
    font-size: 42px;
}

.contact-form-info p {
    font-size: 16px;
    width: 300px;
    font-weight: 500;
}

.map-col .contact-form {
    padding-left: 50px;
}

.contact-form .title {
    margin-bottom: 15px;
}

.contact-form .title h4 {
    font-weight: 600;
}

.contact-form .title p {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form label {
    font-weight: 500;
    font-size: 13px;
    color: #1f1f1f;
    margin-bottom: 5px;
}

.contact-form .form-ctrl {
    height: 35px;
    font-size: 12px;
    background-color: #fff;
    color: #000;
}

.contact-form .input-group-text {
    color: #373435;
}

.contact-form select.form-control {
    background: #fff url(../images/down-arrow.png) no-repeat;
    background-position: right 5px center;
    background-size: 14px;
}

textarea.form-ctrl {
    padding-left: 15px;
    height: auto !important;
}

.contact-form .btn {
    border-radius: 4px;
}

/*=========== home-news-wrap ================*/
.home-news-wrap {
    background: url(../images/border-circle.png) no-repeat;
    background-position: top left;
    background-size: 225px;
}

.circle-shape {
    width: 115px;
    height: 115px;
    background-color: #fffbde;
    position: absolute;
    right: 3%;
    top: 50px;
    border-radius: 50%;
}

.circle-shape-sm {
    width: 40px;
    height: 40px;
    right: 32%;
    top: -15px;
}

.home-news-social-link p {
    font-size: 18px;
    color: #777;
}

.home-news-social-link .hdr-social-link li {
    margin-right: 10px;
}

.home-news-social-link .hdr-social-link li:last-child {
    margin-right: 0px;
}

.home-news-social-link .hdr-social-link li a {
    font-size: 35px;
    color: #302d2d;
    background-color: transparent;
    width: auto;
    height: auto;
    text-align: center;
    line-height: 30px;
}

.social-item {
    position: relative;
}

.social-item>h4 {
    font-weight: 600;
    font-size: 20px;
    border-bottom: 2px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.social-item-body,
.event-card {
    position: relative;
    border: 1px solid #f27e00;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 27%);
    height: 350px;
}

.social-item-body>marquee {
    height: 300px;
}

.social-item-body .media {
    margin-bottom: 20px;
}

.social-item-body .media .media-left,
.social-item-body .media .media-body {
    vertical-align: middle;
}

.fb-date {
    width: 60px;
    height: 60px;
    border: 1px solid #28166f;
    color: #f27e00;
    font-weight: 700;
    font-size: 22px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 0px 4px 0px rgb(9 8 16 / 62%);
    padding-top: 12px;
    margin-right: 12px;
}

.fb-date>span {
    font-size: 10px;
    display: block;
    line-height: 12px;
}

.social-item-body h6 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 20px;
}

.social-item-body p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 4px;
    font-weight: 500;
}

.instagram-tmb {}

.instagram-tmb>img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

.event-card {
    border-radius: 0px;
    height: 405px;
}

.card-header {
    padding: 20px 0px 12px;
    background-color: transparent;
    border-bottom: 2px solid #f27e00;
    margin: 0px 20px;
}

.card-header h4 {
    color: #28166f;
    font-weight: 700;
    font-size: 20px;
}

.event-card .card-body {}

.event-card .card-body .media {
    margin-bottom: 20px;
}

.event-card .card-body .media:last-child {
    margin-bottom: 0px;
}

.event-card h6 {
    color: #28166f;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
}

.event-card p {
    font-weight: 500;
    font-size: 13px;
}

.event-card p.small {
    font-size: 10px;
    line-height: 14px;
    color: #28166f;
    font-weight: 600;
}

.card-date {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #28166f;
    margin-right: 20px;
}

.card-date>span {
    display: block;
    font-size: 11px;
    color: #f27e00;
    text-transform: uppercase;
    border-bottom: 2px solid #28166f;
    padding-bottom: 2px;
}

.card-footer {
    background-color: transparent;
}

.card-footer .btn {
    border-radius: 0px;
    padding: 10px 10px;
    font-weight: 600;
}

.card-footer .btn>img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

/*=========== university ================*/
.university-carousel {}

.university-item {
    background-color: #1c0b42;
    padding: 15px 5px;
    border-radius: 10px;
    position: relative;
}

.university-tmb {
    width: 85px;
    height: 85px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px auto;
    padding: 15px;
}

.university-tmb>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.university-item h6 {
    color: #fff;
    font-size: 13px;
    min-height: 45px;
}

/*=========== Our Clients ================*/
.ulRowfive {}

.ulRowfive>li {
    width: 20%;
}

.ulRowseven {}

.ulRowseven>li {
    width: 14.222%;
    padding-right: 10px;
}

.ulRowseven>li:last-child {
    padding-right: 0px;
}

.partner-logo {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    height: 80px;
    border: 1px solid #4e4e4d;
    border-bottom-width: 3px;
    padding: 15px;
}

.partner-logo>img {
    transition: 0.5s;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.partner-logo:hover>img {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

/*========== trainings  ========*/
.trainings-logo-item {
    position: relative;
    margin-bottom: 15px;
}

.trainings-logo-item .title {
    height: 80px;
}

.trainings-logo-item .title h3 {
    font-size: 25px;
    font-weight: 600;
}

/*========= home page faqs =========*/
.faq-panel {
    position: relative;
}

.faq-panel .title {
    margin-bottom: 0px;
}

.faq-panel .title h3 {}

.faq-panel .title h3 sub {
    bottom: 0px;
}

.faq-panel .accordion-item {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
    background-color: transparent;
}

.faq-panel .accordion-body {
    padding: 0px;
}

.faq-panel .accordion-body p {}

.faq-panel .accordion-button {
    padding: 10px 0px;
    font-size: 20px;
    background-color: transparent;
    color: #160d38;
    font-weight: 500;
}

.faq-panel .accordion-button:not(.collapsed) {
    color: #f27e00;
    background-color: transparent;
    box-shadow: none;
}

.faq-panel .accordion-button::after {
    background-image: none;
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
}

.faq-panel .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\f068";
}

.faq-panel .accordion-body .abt-table .table th {
    font-size: 18px;
}

.faq-panel .accordion-body .abt-table .table td {
    font-size: 16px;
}

.faq-panel .accordion-body .list-point ul li {
    font-weight: 400;
}

.faqs-img {
    margin-top: 250px;
}

.faqs-img .img-fluid {
    margin: auto;
    display: block;
}

/*=========== moment-wrap ================*/
.moment-wrap {
    background-color: #703380;
}

.moment-wrap .title h2 {
    color: #fff;
}

.moment-wrap .title h2 span {
    -webkit-text-stroke: 1px #fff;
    color: #703380;
}

.moment-wrap .title p {
    color: #fff;
    max-width: 635px;
    font-weight: 300;
}

.stanford {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

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

/*=========== footer ================*/
.section-shape {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 96px;
    background-size: contain;
    background-repeat: repeat-x;
    z-index: 1;
}

footer {
    background: #F3F4F8;
    padding-top: 140px;
    position: relative;
}

footer .title {}

footer .title h2 {
    color: #000;
}

footer .title h2 span {
    -webkit-text-stroke: 1px #000;
    color: #404041;
}

.fotr-logo {
    margin-bottom: 10px;
    width: 115px;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

footer h3 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-left: 12px;
}

footer h3:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    bottom: 2px;
    width: 2px;
    background-color: #ef7f1b;
}

footer p {
    color: #595656;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.fotr-media {
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.fotr-media-icon {
    width: 35px;
    height: 35px;
    background-color: #ef7f1b;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 8px;
}

.fotr-media-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fotr-media h6 {
    margin-top: 0px;
    font-size: 16px;
    margin-bottom: 3px;
    color: #ef7f1b;
    font-weight: 400;
}

.fotr-media p {
    margin-bottom: 3px;
}

.fotr-media p a {
    font-size: 14px;
    font-weight: 500;
    color: #595656;
    margin-bottom: 3px;
}

.fotr-media p a:hover {
    color: #ef7f1b;
}

.fotr-media p i {
    font-size: 14px;
    /* width: 25px;
    height: 25px;
    background-color: #d3a023;
    line-height: 26px;
    border-radius: 50%*/
    text-align: center;
}

.fotr-media h4 {
    margin-top: 0px;
    position: relative;
    margin-bottom: 20px;
}

.fotr-media h4:before {
    position: absolute;
    bottom: -8px;
    height: 2px;
    width: 50px;
    background-color: #EF7F1B;
    left: 0px;
    content: "";
}

.adress {
    padding-right: 80px;
}

.fotr-media-item {
    margin-bottom: 25px;
}

.fotr-menu {}

.fotr-menu li {}

.fotr-menu li:last-child {
    margin-right: 0px;
}

.fotr-menu li img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    object-fit: contain;
}

.fotr-menu li a {
    color: #595656;
    display: block;
    padding: 5px 0px 5px 20px;
    transition: 0.5s;
    font-weight: 500;
    font-size: 14px;
    position: relative;
}

.fotr-menu li a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
    background-color: #898989;
    height: 6px;
    width: 6px;
    border-radius: 50%;
}

.fotr-menu li a:hover {
    transform: translate(10px, 0px);
    -o-transform: translate(10px, 0px);
    -webkit-transform: translate(10px, 0px);
    text-decoration: none;
    color: #ef7f1b;
}

.cpyrgt-wrap {
    position: relative;
    padding-top: 20px;
    padding-bottom: 15px;
    background-color: #F3F4F8;
    border-top: 1px solid #d8d8d8;
}

footer .hdr-social-link li a {
    color: #fff;
    transition: 0.5s;
    background-color: #464344;
}

footer .hdr-social-link li a:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.footer-form {
    position: relative;
    border: 1px solid #fff;
}

.footer-form .form-group {
    margin-bottom: 0px;
    position: relative;
}

.footer-form .form-group label {}

.footer-form .form-group .form-ctrl {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background-color: #1c0b42;
    border-radius: 0px;
    text-transform: uppercase;
    padding-left: 8px;
}

.footer-form .form-group .form-ctrl::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #fff;
}

.footer-form .form-group .form-ctrl::placeholder {
    color: #fff;
}

.footer-form .form-group textarea.form-ctrl {
    padding-left: 8px;
    height: auto;
}

.footer-form .btn {
    border-radius: 0px;
    font-size: 13px;
    font-weight: 500;
}

.cpyrgt-wrap p {
    font-size: 12px;
    font-weight: 600;
    color: #595656;
    margin-bottom: 4px;
    line-height: 16px;
}

.cpyrgt-wrap p a {
    color: #fff;
    font-weight: 500;
}

.cpyrgt-wrap p a:hover {
    color: #fff;
}

.cpyrgt-link li {}

.cpyrgt-link li a {
    font-size: 12px;
    font-weight: 600;
    color: #595656;
    display: block;
    border-right: 1px solid #595656;
    padding: 0px 10px;
}

.cpyrgt-link li:last-child>a {
    border-right: none;
}

/*========== whatsapp ==========*/
.fixed-links {
    right: 0px;
    position: fixed;
    z-index: 1021;
    bottom: 40%;
}

.fixed-links>a {
    font-weight: 600;
    border-radius: 12px 0px 0px 12px;
    font-size: 35px;
    color: #fff;
    background: #25d366;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
    padding: 8px 2px;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 6px 0px;
    /* border-radius: 50%; */
    text-decoration: none;
    text-align: center;
}

.fixed-links>a>i {
    width: 100%;
}

.fixed-links>a>span {
    font-size: 12px;
    width: 100%;
    font-weight: 500;
}

.fixed-links>a.whatsap {
    background: #25d366;
}

.fixed-links>a.call {
    background-color: #9b1212;
}

.fixed-links>a.enquiry {
    background-color: #40129b;
}

.fixed-links>a.booknow {
    background-color: #162f54;
}

.mrgn-btm0 {
    margin-bottom: 0px;
}

.fixed-left {
    position: fixed;
    left: 0px;
    top: 35%;
    z-index: 1021;
}

.fixed-left>a {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    margin: 5px;
}

.fixed-left>a>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*================ Enroll Now  ===========*/
.npfWidget-e20986956d6375b087dfe40c2600389f.npfWidgetButton {
    padding-left: 11px !important;
    flex: right;
    position: fixed !important;
    right: -45px !important;
    transform: rotate(270deg) !important;
    top: 50% !important;
    background-color: #ef7f17 !important;
    z-index: 999999;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 18px;
    color: #000000;
    line-height: 1.33;
    padding: 8px 18px;
    font-weight: bold;
    cursor: pointer;
    border: 0;
}

/*================ thank you  ===========*/
.thanks-section {
    padding-top: 90px;
    padding-bottom: 80px;
    background-color: #f5f5f5;
}

.inner-thanks {}

.inner-thanks img {
    width: 100px;
    margin-bottom: 10px;
}

.thanks-footer {
    padding-top: 0px;
}

.thanks-footer .cpyrgt-wrap {
    margin-top: 0px;
}

.btn-width {
    width: 150px;
    margin: auto;
}

/*================ inner pages ===========*/
.txt_dec {
    position: relative;
    margin-bottom: 30px;
}

.txt_dec h1 {
    font-weight: 700;
    font-size: 36px;
}

.txt_dec h2 {
    font-weight: 700;
    font-size: 32px;
}

.txt_dec h3 {
    font-weight: 700;
    font-size: 28px;
}

.txt_dec h4 {
    font-weight: 700;
    font-size: 22px;
    text-transform: inherit;
}

.txt_dec p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
}

.txt_dec p strong,
.txt_dec p b {
    font-weight: 600;
}

.table_card {
    position: relative;
    margin-bottom: 25px;
    padding: 25px;
    background-color: #fff7f7;
    /* box-shadow: 0px 0px 12px 10px rgb(0 0 0 / 8%); */
    border-radius: 12px;
}

/*============= about us ================*/
.inr-wrap {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #373435;
    overflow: hidden;
}

.inr-wrap:before {
    content: "";
    position: absolute;
    background-color: #ef7f1b;
    width: 300px;
    top: 0px;
    bottom: 0px;
    right: -20px;
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    /* Standard syntax */
}

.inr-wrap-banner {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 4px solid #423963;
}

.inr-wrap-banner>img {
    width: 100%;
}

.inner-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: end;
}

.inr-title {
    position: relative;
}

.inr-title h2 {
    color: #fff;
    font-size: 38px;
}

.inr-title h2>img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.text-underline {
    text-decoration: underline !important;
}

.brdcrm {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    padding: 5px 0px;
    margin-bottom: 0px;
    position: relative;
}

.brdcrm>li {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

.brdcrm>li a {
    color: #fff1d0;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff1d0;
}

.brdcrm>li.active {
    color: #fff;
}

.orange {
    color: #f99011;
}

.abt-dec {
    margin-bottom: 30px;
}

.abt-dec h3 {
    margin-bottom: 20px;
}

.abt-dec p {
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.abt-dec p:last-child {
    margin-bottom: 0px;
}

.abt-tmbimg {}

.abt-tmbimg .img-responsive {}

.float-rgt {
    float: right;
}

.float-rgt-img {
    width: 280px;
    height: 300px;
    overflow: hidden;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.float-rgt-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abt-table {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 16%);
    padding: 0px;
}

.abt-table .table {
    border-radius: 12px;
    overflow: hidden;
}

.abt-table .table th {
    font-size: 18px;
    font-weight: 600;
}

.abt-table .table td {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    padding: 10px 15px;
}

.title-doted {
    margin-bottom: 55px;
}

.title-doted h2 {
    border-bottom: 2px dotted #f27e00;
    padding-bottom: 5px;
    font-weight: 600;
}

.title-doted p {
    font-size: 20px;
    font-weight: 400;
    color: #160d38;
}

.table-dark {
    --bs-table-bg: #373435;
}

.vision-mission {
    margin-bottom: 25px;
    position: relative;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 54%);
    border-right: 10px solid #ef7f1b;
    border-left: 10px solid #ef7f1b;
}

.vision-mission .media .media-left,
.vision-mission .media .media-body,
.vision-mission .media .media-right {}

.vision-mission-icon {
    width: 300px;
    height: 380px;
    margin: 0px auto 12px;
    overflow: hidden;
    border-radius: 10px;
}

.vision-mission-icon>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vision-mission h3 {
    font-size: 38px;
    font-weight: 700;
    border-bottom: 2px dotted #ef7f1b;
    padding-bottom: 8px;
    margin-bottom: 15px;
    position: relative;
}

.vision-mission h3:before {
    content: "";
    width: 24px;
    height: 6px;
    position: absolute;
    right: 0px;
    background-color: #373435;
    bottom: -4px;
    border-radius: 30px;
}

.vision-mission p {
    text-align: justify;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
}

.vision-mission.bg-secondary {
    border-right: 10px solid #EF7F1B;
    border-left: 10px solid #EF7F1B;
}

.vision-mission.bg-secondary .vision-mission-icon {
    margin-left: 20px;
}

.vision-mission.bg-secondary p {
    font-weight: 400;
}

.vision-mission.bg-secondary h3:before {
    background-color: #EF7F1B;
}

.vision-mission.bg-secondary .media-body {
    text-align: right;
}

.mb-block {
    display: none !important;
}

.client-list {
    position: relative;
    overflow: hidden;
    padding: 25px;
}

.client-list img {
    transition: 0.5s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4;
}

.client-list:hover>img {
    opacity: 1;
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/*================ recognition-approvals =================*/
.recognition-list .university-item {
    margin-bottom: 25px;
    background-color: #fff;
    min-height: 440px;
    box-shadow: 0px 0px 24px 0px hsl(0deg 0% 0% / 31%);
    padding: 10px;
}

.recognition-list .university-item h4 {
    font-size: 20px;
    font-weight: 600;
    max-width: 235px;
    margin: 15px auto 0px;
}

.recognition-list .university-tmb {
    width: 150px;
    height: 150px;
}

.recognition-list .university-item h6 {
    min-height: auto;
    color: #343434;
}

.recognition-list .university-item h6 .fa-circle {
    font-size: 6px;
    position: relative;
    top: -2px;
}

.recognition-list .university-item p {}

/*================ Gallery=================*/
.tabs-nav {
    margin-bottom: 20px;
    border: 1px solid #858585;
    border-radius: 30px;
    padding: 6px;
}

.tabs-nav .nav-link {
    border-radius: 30px;
    font-size: 15px;
    color: #858585;
    font-weight: 400;
    padding: 10px 5px;
}

.tabs-nav .nav-link.active,
.tabs-nav .show>.nav-link {
    color: #fff;
    background-color: #d3a023;
}

.galry-list .tmb {
    height: 210px;
}

.galry-list .embed-responsive {
    width: 100%;
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

/*================ Services =================*/
.srvs-row {
    background-color: #d3a023;
    margin-right: 0px;
    margin-left: 0px;
}

.srvs-row>* {
    padding-right: 0px;
    padding-left: 0px;
}

.srvs-item {
    position: relative;
    padding: 0px 30px;
}

.srvs-item .title h2 {
    color: #fff;
}

.srvs-item p {
    font-size: 14px;
    color: #fff;
}

.srvs-img {
    width: 100%;
    height: 500px;
    object-fit: inherit;
}

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

/*================ Why Choose sec =================*/
.whychoose-wrap {
    padding-bottom: 0px;
}

.whychoose {
    position: relative;
    margin-bottom: 20px;
}

.whychoose .media-left {
    padding-right: 0px;
}

.whychoose .media-body {}

.whychoose-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

.whychoose-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.whychoose h4 {
    font-weight: 600;
    font-size: 18px;
}

.whychoose p {
    font-size: 14px;
    line-height: 22px;
}

.whychoose-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 45%;
    height: 575px;
    overflow: hidden;
    background-color: #ffffff;
}

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

/*================ Career =================*/

.job-dec-title {}

.job-dec-title h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.job-detail-list {
    margin-bottom: 20px;
    list-style: disc;
    padding-left: 15px;
}

.job-detail-list li {
    font-size: 15px;
    font-weight: 500;
    color: #464646;
    margin-bottom: 10px;
}

.apply-form {
    position: relative;
}

.apply-form .form-group p {}

.apply-form .form-group p.small {
    font-size: 12px;
}

.apply-form .form-ctrl {
    font-size: 13px;
}

.apply-form .form-control[type=file]:not(:disabled):not([readonly]) {
    font-size: 14px;
}

/*================ contact =================*/
.map-wrap {
    position: relative;
}

.map-wrap>iframe {
    width: 100%;
    height: 400px;
}

/*===================== Sign up  setion  ===============*/


/*================ login =================*/
.login-wrap {
    position: relative;
    padding: 90px 0px;
    background-color: #3d7fe2;
}

.login-form-box {
    width: 75%;
    margin: auto;
    padding: 20px 40px;
    background-color: #fff;
    /*box-shadow: 0px 0px 14px 2px #e4e4e4;*/
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.login-form-box:before {
    content: "";
    position: absolute;
    left: -28px;
    top: 0px;
    bottom: 0px;
    width: 54%;
    background-color: #1f56aa;
    transform: skew(-5deg, 0deg);
    -o-transform: skew(-5deg, 0deg);
    -webkit-transform: skew(-5deg, 0deg);
}

.logi-lft-box {
    position: relative;
    margin-bottom: 40px;
    margin-right: 40px;
}

.logi-lft-box img {
    width: 75px;
    margin: 25px auto 15px;
    display: block;
}

.logi-lft-box h3 {
    color: #fff;
    font-size: 30px;
}

.logi-lft-box h5 {
    color: #fff;
    font-size: 16px;
}

.sign-nav {
    text-align: center;
}

.sign-nav li {
    margin-top: 10px;
}

.sign-nav li a {
    background-color: #fff;
    display: block;
    font-size: 14px;
    border-radius: 30px;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 40px;
    color: #333;
}

.sign-nav li.active>a {
    background-color: #ff0000;
    color: #fff;
}

.sign-nav li a:hover {
    text-decoration: none;
    background-color: #ff0000;
    color: #fff;
}

.login-form {
    position: relative;
    margin-left: 80px;
    margin-top: 20px;
}

.login-form h4 {
    font-size: 26px;
    margin-bottom: 40px;
    font-weight: 600;
}

.login-form .form-group {
    margin-bottom: 25px;
}

.login-form .form-group label {
    font-size: 16px;
    font-weight: 600;
}

.login-form .form-group .checkbox label {
    font-weight: 500;
}

.login-form .form-control {
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
    border-radius: 0px;
    padding-left: 2px;
    border-bottom: 1px solid #bbbbbb;
    height: 40px;
    font-weight: 500;
}

.forget-psw {
    margin-top: 30px;
}

.forget-psw a {
    color: #1f56aa;
    font-weight: 500;
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
}

.forget-psw p {
    font-weight: 500;
    font-size: 16px;
    color: #333;
}

.forget-psw a:hover {
    color: #777;
    text-decoration: none;
}

.login-form .btn {
    text-transform: uppercase;
    font-weight: 600;
    height: 45px;
    border-radius: 30px;
}


/*============ Testimolial-inner ===============*/
.testimolial-inner {}

.testimolial-inner .client_message {
    margin-bottom: 20px;
}

.testimolial-inner .client_info {
    margin-bottom: 0px;
}

.testimolial-inner .media .media-left {
    padding-right: 0px;
}

.testimolial-inner .testimonial_icon {
    margin: 0px 15px 0px 0px;
    border-radius: 10px;
}

/*============ Refund Policy ===============*/
.refund-policy-dec {
    padding: 20px 35px 10px;
    border-radius: 6px;
    border: 1px solid #f27e00;
}

.refund-policy-dec:before,
.refund-policy-dec:after {
    content: "";
    position: absolute;
    top: 18%;
    bottom: 18%;
    background-color: #1c0b42;
    width: 12px;
}

.refund-policy-dec:before {
    left: -7px;
}

.refund-policy-dec:after {
    right: -7px;
}

/*============ Flexible Learning ===============*/
.flexible-dec {
    position: relative;
    padding: 20px 20px 10px;
    border: 1px solid #1c0b42;
    border-radius: 4px;
    margin: 15px 15px 30px;
}

.flexible-dec h4 {
    font-size: 20px;
}

.heading-overleft {
    margin-top: -35px;
    margin-bottom: 10px;
}

.heading-overleft h4 {
    padding: 5px 10px;
}

.flexible-dec p {
    color: #160d38;
}

.ojt-wrap .flexible-dec {
    min-height: 245px;
}

/*============ Downloads ===============*/
.download-box {
    position: relative;
    padding: 25px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 22%);
    border-radius: 12px;
}

.title-border {
    border-bottom: 1px dotted #160d38;
}

.file-icon {
    font-size: 28px;
}

.file-icon>i {}

.download-box .list-group-item {
    position: relative;
}

.download-box .list-group-item:before {
    content: "";
    background-color: #160d38;
    left: 2px;
    top: 10%;
    bottom: 10%;
    width: 2px;
    position: absolute;
    border-radius: 30px;
}

.download-box .list-group-item:after {
    content: "";
    background-color: #f27e00;
    left: 0px;
    top: 20%;
    bottom: 20%;
    width: 5px;
    position: absolute;
    border-radius: 30px;
}

.download-box .list-group-item .fw-bold {
    font-weight: 600 !important;
}

/*========= Our Blogs =========*/
.blog {
    position: relative;
    border-radius: 6px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin-bottom: 25px;
    background-color: #fff;
}

.blog .tmb {
    width: 100%;
    height: 200px;
}

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

.blog-dec {
    position: relative;
    padding: 10px 15px 15px;
}

.blog-dec h4 {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: inherit;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-dec h4 a {
    color: #160d38;
}

.blog-dec p {
    font-size: 16px;
    line-height: 22px;
    color: #878282;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog .readmore {
    color: #243c6c;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
}

.blog .readmore:hover {
    text-decoration: underline;
    color: #2851a5;
}

.blog-cate {
    position: relative;
}

.blog-cate .btn {
    font-size: 13px;
    padding: 5px 12px;
    margin-bottom: 10px;
    background-color: #fdf9f5;
    border-color: #fdf9f5;
    font-weight: 500;
    color: #f27e00;
}

.blog-cate .btn:hover {
    background-color: #f27e00;
    border-color: #f27e00;
    color: #fff;
}

.blog-sublist {
    position: relative;
}

.blog-sublist>li {
    margin-right: 20px;
    font-size: 14px;
    color: #777;
    font-weight: 400;
}

.blog-sublist>li:last-child {
    margin-right: 0px;
}

/*======== Blog Detail =======*/
blog-detail {
    position: relative;
    padding-bottom: 40px;
}

.blog-detail img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
}

.blog-detail-dec {
    position: relative;
}

.blog-detail-dec h1 {
    font-size: 46px;
    margin-bottom: 15px;
    font-weight: 600;
}

.blog-detail-dec h2 {
    font-size: 28px;
}

.blog-detail-dec h3 {
    font-size: 24px;
}

.blog-detail-dec h4 {
    font-size: 26px;
    font-weight: 700;
}

.blog-detail-dec p {
    font-size: 18px;
    margin-bottom: 20px;
}

.phra-header {
    border-left: 5px solid #f27e00;
    padding: 15px 25px;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #f7f7f7;
    border-radius: 12px;
}

.phra-header p {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
}

.blog-detail .blog-sublist {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.blog-detail .blog-sublist>li {
    font-size: 16px;
}

.blog_sidebar_inner {
    padding: 20px;
    background-color: #fff;
    border-radius: 6px;
    position: sticky;
    top: 90px;
    border: 1px solid #ddd;
}

.blog_sidebar_inner h2 {
    font-size: 22px;
    font-weight: 600;
}

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

.search-form-group .form-control {
    box-shadow: none;
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    height: 45px;
    border-radius: 8px;
}

.search-form-group .input-group .btn {
    padding: 4px 15px;
    border-radius: 8px;
}

.cate-menu {}

.cate-menu>li {
    font-size: 16px;
    color: #777;
    font-weight: 400;
    padding: 12px 0px;
    border-bottom: 1px solid #ededed;
}

.cate-menu>li span {}

.cate-menu>li>a {
    color: #777;
}

.cate-menu>li>a:hover {
    color: #f27e00;
}

.blog-media {
    position: relative;
}

.blog-media .media {
    margin-bottom: 20px;
}

.blogcate-img {
    width: 75px;
    height: 75px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 15px;
}

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

.blog-media h5 {
    font-size: 16px;
    font-weight: 600;
}

.blog-media h5 a {
    color: #160d38;
}

.tags-nav {}

.tags-nav>li {
    margin-bottom: 10px;
    margin-right: 10px;
}

.tags-nav>li:last-child {
    margin-right: 0px;
}

.tags-nav>li>a {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #fdf9f5;
    font-weight: 500;
    color: #555;
}

.tags-nav>li>a:hover {
    background-color: #f27e00;
    color: #fff;
}

.navigation-number {
    margin-top: 30px;
}

.navigation-number .page-link {
    color: #37454E;
    font-weight: 700;
    border: none;
}

.navigation-number .page-link-prev,
.navigation-number .page-link-next {
    width: 30px;
    height: 30px;
    background-color: #f0f0f0;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    padding: 0px;
}

.navigation-number .page-item.active .page-link {
    z-index: 3;
    color: #f27e00;
    background-color: transparent;
    border-color: transparent;
}

.navigation-number .page-link:hover {
    z-index: 2;
    color: #f27e00;
    background-color: transparent;
    border-color: transparent;
}

.navigation-number .page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.navigation-number .page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

/*========= Our Blogs End =========*/

/*======= query-detail ======*/
.header-default .navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 35px;
    color: #000;
    font-size: 18px;
}

.header-default .navbar-expand-lg .navbar-nav .nav-link>img {
    width: 28px;
    height: 28px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    object-fit: cover;
}

.login-dropdown .dropdown-toggle::after {
    display: none;
}

.dropdown-menu-end {
    right: 0px;
}

.login-dropdown .drop-menu {
    min-width: 9rem;
}

.query-detail {
    position: relative;
    padding: 20px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 22%);
    border-radius: 12px;
    margin-bottom: 25px;
}

.query-detail .txt_dec {
    margin-bottom: 15px;
}

.query-detail .txt_dec p {
    margin-bottom: 10px;
}

.query-detail .txt_dec p span img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}

.footer-cpyrgt .cpyrgt-wrap {
    background-color: #1c0b42;
    border-top: 1px solid #1c0b42;
}

.nav-step .nav-link {
    padding: 5px;
    margin: 5px;
    color: #777;
    font-size: 14px;
    background-color: #fff;
    text-align: center;
}

.nav-step .nav-link>span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 5px auto;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

.nav-step .nav-link:hover {}

.nav-step .nav-link.active {
    color: #f27e00;
}

.nav-step .nav-link.active>span {
    background-color: #f27e00;
    color: #fff;
}

.contact-form .accordion-item {
    border: none;
    margin-bottom: 10px;
}

.contact-form .accordion-button {
    background-color: #fff1e1;
    color: #f27e00;
    padding: 12px 15px;
    border-radius: 4px !important;
    font-size: 18px;
    font-weight: 500;
}

.contact-form .accordion-button:not(.collapsed) {
    color: #f27e00;
    background-color: #fff1e1;
    box-shadow: none;
}

.contact-form .accordion .accordion-button::after {
    content: "\f107";
    font: normal normal normal 14px / 1 FontAwesome;
    background-image: none;
    font-size: 22px;
    text-align: center;
}

.contact-form .accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.top-inherit {
    top: inherit !important;
}

.blink_me {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        height: 62px;
        width: 62px;
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 1240px;
    }

}

/* Custom Modal Styles */
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.custom-modal {
    background-color: #fff;
    width: 90%;
    max-width: 700px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: slideIn 0.4s ease;
}

@keyframes slideIn {
    from {
        transform: translateY(-50px);
    }

    to {
        transform: translateY(0);
    }
}

.custom-modal-header {
    background-color: #f8f9fa;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #dee2e6;
}

.custom-modal-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.custom-modal-close {
    background-color: #ef7f1b;
    color: white;
    border: none;
    font-size: 19px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-modal-body {
    padding: 20px;
    max-height: 400px;
    /* overflow-y: auto; */
}

.custom-carousel {
    position: relative;
}

.custom-carousel-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.custom-carousel-slide {
    flex: 0 0 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 20px;
}

.custom-carousel-controls {
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    gap: 5px;
}

.custom-carousel-control {
    background-color: #ef7f1b;
    color: #fff;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 8px;
}

/* Slide 2 ko Flexbox se Left-Right mein Arrange karna */
.custom-slide-two {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

/* Text ke liye */
.custom-slide-text {
    flex: 1;
    /* Text pura space lega */
    padding-right: 15px;
    /* Image se doori maintain karne ke liye */
}

/* Image ko right side fix karne ke liye */
.custom-right-img {
    flex-shrink: 0;
    /* Image ka size fix rahega */
}

/* Image ke liye */
.right-img {
    margin-top: 15px;
    height: 170px;
    width: 150px;
}

/* ✅✅ Mobile view ke liye styles */
@media (max-width: 768px) {
    .custom-slide-two {
        flex-direction: column;
        /* Mobile view mein text aur image ek ke neeche ek honge */
        text-align: center;
        /* Text aur image center align honge */
    }

    .custom-slide-text {
        padding-right: 0;
        /* Mobile mein text aur image ke beech space nahi chahiye */
        margin-bottom: 10px;
        /* Text aur image ke beech gap */
    }

    .custom-right-img {
        text-align: center;
        /* Image ko center align karna */
    }

    .right-img {
        margin-top: -19px;
        height: 115px;
        /* Mobile ke liye chhoti image */
        width: 120px;
    }
}

@media (max-width: 768px) {
    .custom-right-img {
        display: none;
        /* ✅ Mobile view mein image hide karna */
    }
}

/* Modal visibility toggles */
.custom-modal-overlay.show {
    opacity: 1;
    visibility: visible;
    z-index: 1021;
}

/* Responsive design */
@media (max-width: 768px) {
    .custom-modal-body {
        padding: 15px;
    }

    .custom-modal-body {
        height: 405px;
    }
}