/*
Template Name: Talim
Author Name: WPEXPERT
*/

/*
Table Of Content

1. Top Menu Area CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. Service Area CSS
6. About Area CSS
7. Team Area CSS
8. Event Area CSS
9. Blog Area CSS
9. Carousel Image Area CSS
10. Footer Area CSS
11. Breadcumb Area CSS
12. Success Area CSS
14. Testimonial Area CSS
15. Why Choose Us Area CSS
16. Solution Area CSS
17. Video Area CSS
18. Faq Area CSS
19. Admission Area CSS
20. Project Area CSS
21. Fee Area CSS
22. Instructor Registration Area CSS
23. Graduate Area CSS
24. Call to Action Area CSS
25. Tution Area CSS
26. Student Management Area CSS
27. Apply Area CSS
28. Portfolio Area CSS
29. Advance Tab Area CSS
30. Image Box Page CSS
31. Alert Area CSS
32. Pricing Area CSS
33. Case Stydy Details Page CSS
34. Case Study Area CSS
35. Counter Down Area CSS
36. Contact Area CSS
37. Progress Bar Area CSS



*/
@import url('css2.css');
/* theme css */
:root{
    --primary: #0eb582;
    --secondary: #0067ED;
    --dark: #2f2c2c;
    --light: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;	
}
p.form-messege{
    margin-top: 8px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.6;
    color: #777777;
}
a {
    text-decoration: none;
    transition-duration: .5s;
    color: var(--primary);
}
a:hover {
    text-decoration: none;
}
a.btn:hover, a:hover {
    text-decoration: none;
    color: var(--primary)
}
p {
    transition: .5s;
}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    margin-bottom: 10px;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 22px;
    color: #2a374c;
}
.btn-primary:focus, select:focus, textarea:focus, input:focus{
    box-shadow: none !important;
}
textarea, input{
    outline:none;
}
a:focus, .btn:focus {
    text-decoration: none;
    outline: none;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
ul, li {
    list-style: none;
}
.witr_btn {
    border-radius: 5px;
    display: inline-block;
    font-size: 17px;
    padding: 18px 30px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
    font-weight: 700;
    font-family: 'Titillium Web',sans-serif;
    color: #fff;
    background: #0eb582;
    cursor: pointer;
    border: 0;
}
.witr_btn:hover {
    background: #fff;
    color: #0EB582;
}
.witr_btn.active {
    color: #0eb582;
    background: #fff;
}
.witr_btn.active:hover {
    background: #0eb582;
    color: #fff;
}
.hbg-dark:hover {
    color: #ffffff;
    background: #2a374c
}
.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2A374CA3;
    z-index: 0;
}
.cbd {
    padding: 15px 35px!important;
}
.cbd i {
    margin-left: 12px;
}
.top-50 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.fs-20 {
    font-size: 20px
}
.p-10 {
    padding: 10px;
}
.px-20 {
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.px-10 {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.py-100 {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
}
.py-90 {
    padding-top: 90px!important;
    padding-bottom: 90px!important;
}
.py-80 {
    padding-top: 80px!important;
    padding-bottom: 80px!important;
}
.py-70 {
    padding-top: 70px!important;
    padding-bottom: 70px!important;
}
.py-60 {
    padding-top: 60px!important;
    padding-bottom: 60px;
}
.pt-100 {
    padding-top: 100px!important;
}
.pt-90 {
    padding-top: 90px!important;
}
.pt-80 {
    padding-top: 80px!important;
}
.pt-70 {
    padding-top: 70px!important;
}
.pt-60 {
    padding-top: 60px!important;
}
.pt-50 {
    padding-top: 50px!important;
}
.pt-40 {
    padding-top: 40px!important;
}
.pt-30 {
    padding-top: 30px!important;
}
.pt-20 {
    padding-top: 20px!important;
}
.pt-10 {
    padding-top: 10px!important;
}
.pb-100 {
    padding-bottom: 90px!important;
}
.pb-90 {
    padding-bottom: 90px!important;
}
.pb-80 {
    padding-bottom: 80px!important;
}
.pb-70 {
    padding-bottom: 70px!important;
}
.pb-60 {
    padding-bottom: 60px!important;
}
.pb-50 {
    padding-bottom: 50px!important;
}
.pb-40 {
    padding-bottom: 40px!important;
}
.pb-30 {
    padding-bottom: 30px!important;
}
.pb-20 {
    padding-bottom: 20px!important;
}
.pb-10 {
    padding-bottom: 10px!important;
}
img {
    max-width: 100%;
}
#scrollUp {
    position: fixed;
    right: 100px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--primary);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 30px;
    transition: .5s;
    border: none;
    outline: none;
}

/*========== Slider btn css ==========*/
button.slick-prev, button.slick-next {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-width: 0;
    transition: .5s;
    font-size: 0;
    position: absolute;
    cursor: pointer;
    color: #fff;
    display: block;
    padding: 0;
    opacity: 0;
    outline: none;
    background: #0eb582;
    z-index: 999;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    top: 50%;
    transform: translate(0px, -50%);
    border: 0px solid #17161a;
}
.slick-prev:hover, .slick-next:hover {
    background: #2a374c;
    opacity: 1;
    visibility: visible;
}
.slick-next::before, .slick-prev::before {
    color: #fff;
    font-size: 40px;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: IcoFont!important;
    line-height: inherit;
}
.slick-prev::before {
    content: "\ea93";
}
.slick-next::before {
    content: "\ea94";
}
.slick_btn_bottom .slick-prev {
    bottom: -100px;
    left: calc(50% - 60px);
}
.slick_btn_bottom .slick-next {
    bottom: -100px;
    right: calc(50% - 60px);
}
.slick_btn_center .slick-prev {
    top: 50%!important;
    left: -12px!important;
    opacity: 0;
}
.slick_btn_center .slick-next {
    top:50%!important;
    right: -12px!important;
    opacity: 0;
}
.slick_btn_center:hover .slick-prev, .slick_btn_center:hover .slick-next {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
.slick_btn_none button.slick-prev, .slick_btn_none button.slick-next {
    display: none!important;
    opacity: 0;
    visibility: hidden;
}

/* ========== slick slider presentation ========== */
.slick-dots {
    text-align: center;
    overflow: hidden;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots li button {
    width: 20px;
    height: 20px;
    background: #0eb5825c;
    margin: 0 5px;
    font-size: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    border-radius: 0px;
    transition: .5s;
}
.slick-dots li.slick-active button {
    background: #0eb582
}

/* ====== Paginations CSS ====== */
.paginations {
    margin-top: 20px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0 24px;
    margin-bottom: 16px;
}
.paginations li {
    display: inline-block;
    border-radius: 5px;
    margin: 0 5px;
    color: #888;
    font-size: 19px;
    transition-duration: .5s;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.paginations li a, .paginations li span {
    border-radius: 5px;
    display: block;
    color: #888;
    padding: 15px 24px;
    line-height: 1;
}
.paginations li.active {
    background: var(--primary);
}
.paginations li.active span {
    color: #fff;
}
.paginations li:hover {
    background: var(--primary);
    color: #fff;
}
.paginations li:hover a  {
    color: #fff
}
/* image */
.single_image, .single_image_center {
    position: relative
}
.single_image_center {
    text-align: center;
}
.single_image img {
    width: 100%;
}
.single_image_center::before, .single_image::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 1;
}

/* widget text css */
.witr_text_widget {
    text-align: left
}
.witr_text_widget_inner h1,.witr_text_widget_inner h2 {
    font-size: 35px;
    margin-bottom: 5px
}
.witr_text_widget_inner h1 {
    font-size: 17px;
    color: #0eb582
}
.witr_text_widget_inner p {
    margin-bottom: 11px
}
.witr_text_widget .witr_text_widget_inner h1,.witr_text_widget .witr_text_widget_inner h2,.witr_text_widget .witr_text_widget_inner p {
    margin-left: auto!important;
    margin-right: auto!important
}
.witr_widget_list span {
    -webkit-transition: .5s;
    transition: .5s
}
.witr_widget_list ul li,.witr_widget_list ul li a {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}
span.witr_list_icon i {
    color: #0eb582;
    font-size: 20px;
}
.witr_list_text {
    font-size: 17px;
    padding: 0px 0px 26px 10px;
}

/* ====== Section Title CSS ====== */
.witr_section_title {
    position: relative;
}
.witr_section_title_inner {
    position: relative;
    z-index: 1
}
.witr_back_title {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.witr_section_title_inner h1,.witr_section_title_inner h2,.witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
}
.text-right.witr_section_title_inner h1,.text-right.witr_section_title_inner h2,.text-right.witr_section_title_inner h3 {
    margin-right: 0
}
.text-left.witr_section_title_inner h1,.text-left.witr_section_title_inner h2,.text-left.witr_section_title_inner h3 {
    margin-left: 0
}
.witr_section_title_inner.text-white * {
    color: #fff;
}
.witr_section_title_inner h2 {
    font-size: 20px;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 13px;
    color: #0eb582
}
.witr_section_title_inner p {
    margin-top: 10px
}
.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto
}
.witr_section_title_inner.text-left p {
    width: 84%;
    margin-right: auto;
    margin-left: 0
}
.witr_section_title_inner.text-right p {
    width: 74%;
    margin-right: 0;
    margin-left: auto
}
.witr_image_title {
    margin-top: 0px;
    margin-top: -10px;
    margin-bottom: 0px;
}
.witr_section_title_inner.full p {
    width: 100%;
}

/* ========== 1. Top Menu Area CSS ========== */
.top-contact-section {
    padding-top: 13px;
    padding-bottom: 13px;
    background: var(--primary);
}
.top-address p {
    margin-bottom: 0;
}
.top-address p span, .top-address p a {
    margin-right: 20px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
}
.top-right-menu ul.social-icons {
    display: flex;
    justify-content: right;
}
.top-right-menu ul.social-icons li {
    margin-left: 15px;
}
.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
}
.top-address p a, .top-address p span, .top-right-menu ul.social-icons li a, .top-welcome p, .top-welcome p a, .top-welcome p span, .top-welcomet p a, .top-welcomet p span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

/* ================ 2. Menu Area CSS ================ */
.talim_nav_area.postfix {
    transition: .3s;
}
.talim_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 0%);
}
.trp_nav_area {
    border-bottom: 0px solid #eaebef26;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
    padding: 20px 0;
}

/* LOGO CSS */
.logo a {
    display: inline-block;
}
/* logo sticky */
.talim-main-menu .logo a.main_sticky_main_l {
    display: block;
}
.talim-main-menu .logo a.main_sticky_l {
    display: none;
}
/* logo pre */
.talim-main-menu .prefix .logo a.main_sticky_main_l {
    display: none;
}
.talim-main-menu .prefix .logo a.main_sticky_l {
    display: block;
} 
/* MENU text CSS */
.talim_menu ul {
    text-align: right;
    list-style: none;
}
.talim_menu > ul > li {
    display: inline-block;
    position: relative;
}
.talim_menu > ul > li > a {
    color: #111c68;
    display: block;
    margin: 23px 9px;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.talim_menu ul .sub-menu li a:hover, .talim_menu ul .sub-menu li.current-menu-item a, .talim_menu>ul>li.current-menu-item>a, .talim_menu>ul>li>a:hover, .talim_nav_area.prefix .talim_menu>ul>li.current-menu-item>a, .talim_nav_area.prefix .talim_menu>ul>li>a:hover, .hbg2 .talim_menu>ul>li.current-menu-item>a, .hbg2 .talim_menu>ul>li>a:hover, .heading_style_2 .talim_menu>ul>li.current-menu-item>a, .heading_style_2 .talim_menu>ul>li>a:hover, .heading_style_3 .talim_menu>ul>li.current-menu-item>a, .heading_style_3 .talim_menu>ul>li>a:hover, .heading_style_4 .talim_menu>ul>li.current-menu-item>a, .heading_style_4 .talim_menu>ul>li>a:hover {
    color: var(--primary);
}
.talim_menu > ul > li > a:before, .talim_menu > ul > li.current > a:before {
    background: #ffb600 none repeat scroll 0% 0;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 15%;
    display:none;
}
 .talim_menu ul li:last-child a {
    margin-right: 15px !important;
}
.talim_menu > ul > li.current > a, .talim_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: var(--primary);
    background-color: transparent;
	color: var(--primary);
}
.talim_menu > ul > li:hover > a:before, .talim_menu > ul > li.current > a:before {
    opacity: 1;
}
.transprent-menu .talim_nav_area {
    background-color: #fff;
    padding: 0;
    transition: .5s;
}
.talim_nav_area.postfix {
    transition: .3s;
}
.talim_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7) !important;
}
.talim_nav_area.prefix .talim_menu > ul > li > a {
    color:#fff;
}
.talim_nav_area.prefix .talim_menu > ul > li.current > a {
    color: var(--primary);
}
.search_popup_button, .tx_mmenu_together{
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.tx_mmenu_together .donate-btn-header {
    padding: 0;
}
.prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
    color: #fff;
}

/* sub menu style */
.talim_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: var(--primary);
    margin: 0;
    padding: 15px 8px 8px 25px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
.talim_menu ul li:hover > .sub-menu {
    transition: .5s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 9999;
}
.talim_menu ul .sub-menu li {
    position: relative;
    transition:.5s;
}
.talim_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    color: #fff;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: 'Noto sans', sans-serif;
}
 .talim_menu ul .sub-menu li:hover > a, .talim_menu ul .sub-menu .sub-menu li:hover > a, .talim_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .talim_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: var(--primary);
}
.talim_menu ul .sub-menu li:before {
    left: -18px;
}
.talim_menu ul .sub-menu li:hover:before{
	opacity:1;
}
.talim_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .talim_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .talim_menu ul .sub-menu .sub-menu li:hover>a, .talim_menu ul .sub-menu li:hover:before, .talim_menu ul .sub-menu li:hover>a {
    color: #fff;
    padding-left: 14px;
    transition: .5s;
}
/* sub menu 2 */
.talim_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
.talim_menu ul .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}
/* sub menu 3 */
.talim_menu ul .sub-menu .sub-menu li {
    position: relative;
}
.talim_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
.talim_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}
/* sub menu 4 */
.talim_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}
.talim_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* has menu icon */
.talim-main-menu .menu-item-has-children > a:after {
    margin-left: 5px;
    content: "\f107";
    font-family: FontAwesome !important;
    opacity: 1;
    font-size: 13px;
    opacity: .5;
    font-weight: 600;
}
 .talim-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

/* quearys area css */
.talim_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.talim_menu div.em-header-quearys {
    text-align: center;
}

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    left: -150%;
    background: rgba(0, 0, 0, 0);
}
.em-s-open {
    visibility: visible;
    opacity: 1;
    left: 0;
    background: #000000e6 !important;
    transform: scale(1);
}
.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}
.top-form-control {
    position: relative;
}
.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    transition: .5s;
    border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder{
	color:#fff;
}
textarea, input {
    outline: none;
}
.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: transparent;
    color: #111c68;
    padding: 0;
    border-radius: 5px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
}
.talim_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: var(--primary);
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.main_menu_address_a {
    display: flex;
    align-items: center;
    position: relative;
}
.main_menu_address_a::before {
    background: #fbfbfb40;
}
.main_menu_address_a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
}
.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 10px;
}
.main_menu_header_icon i {
    color: var(--primary);
	font-size: 30px;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 600;
	font-size: 18px;
	
}
.main_menu_header_address_text h3{
	color: var(--primary);
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}
.talim_menu ul .sub-menu li > a::before {
    width: 15px;
    margin-left: -14px;
    width: 0px;
    margin-left: 0;
    position: relative;
    transform: translateY(-6px);
    height: 1px;
    display: inline-block;
    background: #fff;
    content: "";
    margin-right: 4px;
}
.talim_menu ul .sub-menu li:hover > a::before {
    width: 15px;
    margin-left: -14px;
}
/*=======================
#2 talim mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #17161a;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #0eb582;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
	padding: 80px 20px 0px;
	overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mean-container .mean-nav ul li a {
    border: 0;	
    width: 100%;
    border-top: 1px solid #ddd;	
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
	display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
	width: auto;
}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
/* menu button */
a.dtbtn {
    background: #0eb582;
    color: #fff;
    border-radius: 0px;
    font-size: 17px;
    padding: 23px 30px;
    margin-left: 20px;
    border: none;
    display: block;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}
a.dtbtn:hover {
    background: #2a374c;
}

/* ==================== 3. Slider Area CSS ==================== */
.slider_area {
    position: relative;
    overflow: hidden;
}
.background-video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 2;
}
.background-video-area iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.background-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    z-index: -1;
}
.witr_ds_content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 5;
    height: 600px;
}
.witr_ds_content::before {
    background-color: #0000006B;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    content: "";
    z-index: -1;
}
.witr_ds_content_inner {
    width: 1430px;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
}

/* slider text align */
.text-left .witr_ds_content_inner h1,
.text-left .witr_ds_content_inner h2,
.text-left .witr_ds_content_inner h3,
.text-left .witr_slicks_title h4{
    width: 70%;
    margin: 0px auto 7px 0;
}
.text-left .witr_ds_content_inner p {
    width: 50%;
    margin: 14px auto 15px 0;
}

.text-center .witr_ds_content_inner h1,
.text-center .witr_ds_content_inner h2,
.text-center .witr_ds_content_inner h3,
.text-center .witr_slicks_title h4,
.text-center .witr_ds_content_inner p {
    margin-left:auto;
    margin-right:auto;
}
.witr_ds_content_inner h2, .witr_ds_content_inner h3 {
    font-size: 80px;
    color: #fff;
}
.witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color: #0eb582;
    font-family: "Bungee Shade", Sans-serif;
}
.text-left .witr_ds_content_inner h3 {
    margin-top: 0px;
    margin-bottom: 30px;
}
.text-left .witr_ds_content_inner p {
    width: 50%;
    margin: 14px auto 15px 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.slider_btn {
    margin-top: 45px;
}
.slider_wrapper .slick-next {
    right: 15px;
}
.slider_wrapper .slick-prev {
    left: 15px;
}
.slider_wrapper:hover button.slick-prev, .slider_wrapper:hover button.slick-next {
    opacity: 1;
}

.feature_area {
    position: relative;
    margin-top: -150px;
    z-index: 99;
}
.all_feature_color {
    margin: 0px 0px 20px 0px;
    padding: 60px 0px 60px 0px;
    background: #fff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #C6F9E9;
    border-radius: 10px;
    transition: .5s;
}
.all_feature_color:hover {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.09);
    border-color: #fff;
}
.sub-item {
    position: relative;
    text-align: center;
}
.sub-item h3 {
    margin-top: 19px;
}
.sub-item h4 {
    font-size: 17px;
    color: #0eb582;
    font-weight: 400;
}
.feature_inner {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
    padding: 100px 40px 60px 40px;
    background: #fff;
    border-radius: 10px;
}
/* shape image css */
.witr_shape_item_inner {
    position: absolute;
    top: 150px;
    left: -460px;
    z-index: -1;
    content: "";
    transition: .5s;
}
.witr_shape_image {
    animation: witr_movelr_box 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(45px);
    }
}
.witr_shape_image img {
    width: 80%;
    max-width: 80%
}

/* ==================== 5. Service Area CSS ==================== */
.service_area {
    padding: 100px 0 175px;
    position: relative;
}
.service_area.has-bg-gray {
    background: #f9f8fc;
}
.op_service {
    padding: 100px 0;
}
.single_service {
    margin-bottom: 30px;
    border: 1px solid #E3E5EB;
    border-radius: 10px;
    transition: .5s;
    background: #fff;
}
.single_service:hover {
    transform: translateY(-10px)
}
.tutorial_inner {
    position: relative;
    overflow: hidden;
}
.tutor_course_thumb {
    position: relative;
    overflow: hidden;
}
.tutor_image {
    max-height: 193px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tutor_course_thumb img{
    width: 100%;
}
.tutor_course_thumb::before {
    background-color: #0EB58236;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border-radius:  10px 10px 0 0;
}
.tutor_course_bookmark {
    position: absolute;
    top: 12px;
    right: 12px;
}
.tutor_course_bookmark i {
    color: var(--primary)
}
.tutor_body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #E3E5EB;
}
.tutor_course_ratings {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 8px;
}
.tutor_ratings {
    display: flex;
    align-items: left;
}
.tutor_ratings i {
    color: #ED9700;
    font-size: 16px;
    margin-right: -3px;
}
.tutor-ratings-average {
    margin-left: 12px;
}
.tutor-ratings-count {
    margin-left: 8px;
    color: #757c8e
}
.tutor_title {
    margin-bottom: 12px;
}
.tutor_title a {
    color: #777
}
.tutor_title a:hover {
    color: var(--primary);
}
.tutor_time {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 16px
}
.tutor_time i {
    line-height: 1.6;
    margin-right: 4px;
    font-size: 14px;
}
.tutor_time span {
    color: #757c8e;
    font-size: 14px;
    font-weight: 500;
}
.tutor_meta {
    display: flex;
    align-items: center;
    gap: 16px;
}
.tutor_meta>* {
    font-size: 14px;
    line-height: 1.6;
    color: #757c8e;
}
.tutor_meta .author_logo a {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    box-shadow: 0px 0px 0px 1px #E3E5EB;
    border-radius: 100px;
    overflow: hidden;
    background: var(--primary);
    color: rgba(255,255,255,0.8);
    text-align: center;
}
.author_meta span, .author_meta a {
    font-size: 14px;
    font-weight: 500;
    color: #757C99;
}
.author_meta span {
    font-weight: 400;
}
.author_meta a:hover {
    color: var(--primary)
}
.tutor-card-footer {
    padding: 16px 20px;
    border-radius: 5px;
}
.price_cart_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price_area  {
    display: flex;
    align-items: center;
    column-gap: 7px
}
.price_area del {
    font-size: 15px;
    color: #757c8e;
}
.price_area span {
    font-size: 16px;
    color: #777;
    font-weight: 700;
}
.cart_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    color: var(--primary);
    border-color: var(--primary);
    transition: .5s;
    font-weight: 500;
}
.cart_btn a i {
    margin-right: 8px;
}
.enroll_btn.cart_btn {
    width: 100%;
}
.cart_btn a:hover {
    color: #000;
    border-color: #000;
    font-size: 16px;
}
.courses .tutor_course_thumb::before {
    background: rgb(0,0,0,0);
}
/* service paginations */
.s_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 7px 18px;
    border: 1px solid #E3E5EB;
    margin-top: 20px;
}
.page_menu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: 30px;
}
.tutor-pagination-hints, .page_menu ul li a {
    font-size: 14px;
    color: #777;
}
.page_menu ul li a {
    padding: 0 5px;
    margin-right: 10px;
}
.tutor-pagination-hints span, .page_menu ul li a, .page_menu ul li span {
    font-weight: 500;
}
.page_menu ul li {
    display: flex;
}
.page_menu ul li a:hover {
    color: #0eb582;
}
.page_menu ul li span.active {
    color: #0eb582;
    position: relative;
    font-weight: 600;
}
.page_menu ul li span.active::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #0eb582;
    bottom: calc(0% - 10px);
    left: 50%;
    transform: translateX(-50%);
}
.s_pagination a.arrow {
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(14, 181, 130, .1);
    border-radius: 6px;
    transition: all 150ms linear;
}
.s_pagination a.arrow:hover {
    background: rgb(14, 181, 130);
    color: #fff;
}
/* service style 2 */
.witr_front_content {
    position: relative;
    overflow: hidden;
}
.witr_back_service2 {
    position: absolute;
    background: #0eb58294;
    top: -55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: 0 30px;
    transition: .5s;
}
.witr_content_service2 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.witr_service2:hover .witr_back_service2 {
    top: 50%;
}
.witr_content_service2 p {
    color: #fff;
}
.witr_content_service2 ul li a {
    color: #fff;
    transition: .5s;
}
.witr_service2_box {
    background: #0eb582;
    padding: 32px 30px 32px;
}
.witr_custom2_icon {
    float: left;
    margin-right: 25px;
}
.witr_custom2_icon i {
    color: #fff;
    font-size: 50px;
    transition: all 0.3s ease 0s;
    display: inline-block;
}
.witr_titles h3, .witr_titles h3 a {
    color: #fff;
}


/* ==================== 6. About Area CSS ==================== */
.about_area {
    background: url(../image/video-bg-img-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 135px 0 140px
}
.about_cont {
    padding: 0px 0px 0px 350px;
}
.about_btn a:hover {
    background: #2a374c;
    color: #fff;
}
.about_phone h2 {
    color: #fff;
    margin-bottom: 20px;
}
.about_video_area {
    margin-top: -250px;
    position: relative;
}
.witr_play_vi {
    position: relative;
}
.witr_about_image {
    position: relative;
}
.witr_about_image::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}
.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay i {
    color: #0EB582;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 23px;
    border-radius: 100%;
    background: #fff
}
.play-overlay a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
}
@keyframes witr_squares{
	0%{transform:scale(1);opacity:0}
	20%{transform:scale(1.24);opacity:1}
	100%{transform:scale(2.1);opacity:0}
}
.service_area .witr_shape_item_inner{
    top: 580px;
    right: -60px;
    transform: rotate(187deg);
}
.service_area .witr_shape_item_inner img {
    width: auto;
    max-width: inherit;
}
/* about 2 */
.about2_cont {
    margin-left: 20px
}
.about_details {
    display: flex;
    gap: 20px;
    align-items: center;
}
.about_details i {
    font-size: 50px;
    color: var(--primary);
}
.about_btn .witr_btn:hover {
    color: #fff;
    background: #2a374c
}


/* ==================== 7. Team Area CSS ==================== */
.team_area {
    padding: 100px 0 100px;
    background: #F8FAFC;
}
.team_area.bg-white {
    background: #fff;
}
.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px
}
.team-part.bordered {
    border: 2px solid #C6F9E9;
    margin-top: 10px;
}
.witr_team_section {
    position: relative;
    text-align: center;
}
.witr_team_section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s;
}
.witr_team_section img {
    width: 100%;
    margin: auto;
    display: block;
}
.witr_team_content {
    padding: 23px 5px 23px;
    background: #fff;
}
.team_o_icons {
    margin-top: 15px;
    padding-top: 17px;
    padding-bottom: 10px;
    position: relative;
}
.all_color_team:hover .team_o_icons::before {
    background: #0eb582;
    width: 100%;
}
.team_o_icons::before {
    position: absolute;
    content: "";
    background: #ddd;
    top: 0px;
    height: 1px;
    width: 25%;
    margin: auto;
    left: 0;
    right: 0;
	transition:.5s;
}
.team_o_icons ul li{
	list-style:none;
	display:inline-block;
}
.team_o_icons ul li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #0eb5821c;
	background:#0eb58233;
    border-radius: 5px;
	text-align:center;
	transition:.5s;
	color:#0eb582;
	margin: 0px 2px;
	font-size: 15px;
}
.team_o_icons ul li a:hover{
	color:#fff;
	background:#0eb582;
	border-color:#0eb582;
}
/* team style 2 */
.em-team {
    margin-bottom: 20px;
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}
.em-team-one {
    position: relative;
    overflow: hidden;
    padding-bottom: 55px;
}
.em-team-content-waraper {
    background-color: #fff;
    bottom: -67px;
    left: 0;
    margin: 0 10px;
    padding: 30px 0;
    position: absolute;
    right: 0;
    box-shadow: 0px 0px 65px 0px rgb(0, 0, 0,0.08);
    transition: all 0.3s ease 0s;
}
.em-team:hover .em-team-content-waraper {
    background: #0eb582e6;
    bottom: 0px;
}
.em-content-title h5 {
    font-size: 23px;
    margin-bottom: 0;
    text-transform: capitalize;
    transition: .5s;
}
.em-content-title span {
    font-size: 16px;
    margin: 5px 0 0;
    text-transform: capitalize;
    transition: .5s;
}
.em-team-content-socials a {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 14px 3px 0;
    text-align: center;
    width: 35px;
    color: #0eb582;
}
.em-team-content-socials a:hover {
    color: #fff;
    background: var(--primary)
}
.em-team-content-socials a i.fa-facebook-f::before {
    content: "\f39e";
}
.em-team-one:hover .em-content-title span, .em-team-one:hover .em-content-title h5 {
    color: #fff;
}
/* single team page css */
.witr_single_team_s {
    text-align: center;
    background: #0eb582;
    padding: 15px 0;
}
.witr_single_team_s a {
    text-align: center;
    font-size: 20px;
    margin: 0 7px;
    color: #fff;
}
.witr_single_team_s a:hover {
    color: #222631
}
.team_details_right h2 {
    font-size: 40px;
}
.team_details_right h2 {
    margin: 0;
    font-size: 27px;
    margin-bottom: 15px;
}
.single_team_list ul li i, .single_team_list ul li a i {
    font-size: 19px;
    color: #fff;
    background: #0eb582;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    transition: .5s;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.team_single_btn {
    margin-top: 30px;
}
.team_single_btn a {
    font-size: 20px;
    font-weight: 700;
    padding: 12px 30px;
    font-family: "Poppins", sans-serif;
}

/* ==================== 8. Event Area CSS ==================== */
.event_area {
    padding: 120px 0 100px;
    position: relative;
}
.talim-single-event {
    box-shadow: 0px 0px 30px 0px #00000014;
    margin-bottom: 10px;
}
.event_image_area {
    position: relative;
    overflow: hidden;
}
.event_image_area img {
    transition: .5s;
}
.talim-single-event:hover .event_image_area img {
    transform: scale(1.2)
}
.event_title h2 {
    margin: 10px 0 5px;
}
.event_title h2 a {
    color: #333;
    font-weight: 600;
}
.talim-single-event:hover .event_title h2 a {
    color: var(--primary)
}
.talim-event-meta-left_adn span i {
    font-size: 13px;
    margin-right: 10px;
    color: #0eb582d1
}
.event_date_5 span,
.event_date_5 span i,
.talim-event-meta-left_adn a,
.talim-event-meta-left_adn span{
    color: #888888;
    margin-right: 5px;
    font-size: 15px;
	display: inline-block;
	line-height: 1.7;
}
.witr_content_event p {
    margin-top: 10px;
}
.witr_event_btn a {
    color: #fff;
    font-weight: 700;
    padding: 13px 30px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
}
.witr_event_btn a:hover {
    background: #0f1f2f;
    color: #fff;
}
.event_area .witr_shape_item_inner.shape_top {
    top: -330px;
    left: 1260px;
    transform: rotate(180deg);
}
.event_area .witr_shape_item_inner.shape_top img, .event_area .witr_shape_item_inner.shape_bottom img {
    width: auto;
    max-width: inherit;
}
.event_area .witr_shape_item:has(.shape_bottom) {
    position: relative
}
.event_area .witr_shape_item_inner.shape_bottom {
    bottom: -330px;
    left: -80px;
    transform: rotate(0deg);
}
/* single event page css */
.single_event_content {
    padding: 25px 30px 20px;
}
.talim-single-event-details .talim-event-meta-left_adn span, .talim-single-event-details .talim-event-meta-left_adn span i {
    color: #888888;
    margin-right: 5px;
    font-size: 17px;
    display: inline-block;
    line-height: 1.7;
}
.talim-single-event-details {
    background: #fff;
    margin-bottom: 40px;
}
.event-description {
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
    padding: 42px 20px 32px;
    background: #fff;
}
.event-dsc-title > h2 {
    font-size: 25px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.event-dsc-info li {
    margin-bottom: 25px;
    font-size: 17px;
    display: inline;
    margin-right: 30px;
    line-height: 2.7;
}
.event-dsc-info li span.eleft {
    color: #2a374c;
    font-weight: 700;
    font-size: 18px;
}
/* related eventa area */
h2.related-projects-title.text-left {
    padding-bottom: 30px;
}
.talim-single-event_adn {
    overflow: hidden;
    margin-bottom: 30px;
    transition: .5s;
}
.talim-event-thumb_adn {
    overflow: hidden;
    position: relative;
}
.em-event-content-area_adn {
    padding: 25px 19px 30px;
    border: 1px solid #ddd;
    transition: .5s;
}
.event-page-title_adn h2 {
    margin-bottom: 6px;
    font-size: 22px;
}
.talim-event-meta-left_adn {
    position: relative;
    line-height: 1;
    margin-top: 6px;
}
.talim-single-event_adn:hover .event-page-title_adn a {
    color: #0eb582;
}
.event-page-title_adn a {
    color: #333333;
    text-transform: capitalize;
    font-weight: 600;
}
.witr_icon_adn {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 99999;
    opacity: 0;
    transition: .5s;
}
.talim-single-event_adn:hover .witr_icon_adn {
    opacity: 1;
}
.witr_icon_adn a {
    background: #0eb582;
    color: #fff;
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    width: 42px;
}
.event_date {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #0eb582;
    padding: 10px 13px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}
.event_date span {
    display: block;
    line-height: 20px;
}
.talim-event-thumb_adn img {
    transition: .5s;
    display: block;
    width: 100%;
    transform: scale(1);
}
.talim-single-event_adn:hover .talim-event-thumb_adn img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* ==================== 9. Blog Area CSS ==================== */
.blog_area {
    background: #f8fafc;
    padding-top: 130px;
    padding-bottom: 100px;
}
.blog_area .slick-prev, .blog_area .slick-next {
    opacity: 1;
    top: -98px;
}
.blog_area .slick-prev {
    right: 95px
}
.blog_area .slick-next {
    right: 20px
}
.busi_singleBlog{
    background: #fff;
    transition: .5s;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.07);
    margin-bottom: 30px;
}
.busi_singleBlog:hover{
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
}
.witr_sb_thumb {
    overflow: hidden;
	position: relative;
}
.witr_sb_thumb img{
    width: 100%;
	transition:.5s;	
}
.witr_sb_thumb::before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	bottom:0;
	right:0;
	transform: scale(0);
	transition:.5s;
	z-index:1;
    background: #0EB5827D;
}
.busi_singleBlog:hover .witr_sb_thumb img,
.busi_singleBlog:hover .witr_sb_thumb::before{
	transform: scale(1.2);	
}
.witr_blog_con{
	padding: 0px 20px 45px 25px;
    margin-bottom: 0px;
}
.witr_blog_con span {
    font-size: 16px;
    line-height: 50px;	
    font-size: 16px;
    margin-bottom: 15px;
	margin-right: 2px;	
}
.witr_blog_meta_potion14 {
    margin: 5px 0px 17px;
    color: var(--primary)
}
.bs5 span {
    line-height: 26px;
}
.witr_blog_con span i {
    transition: .5s;	
}
.witr_blog_con span i:hover {
    color: #0eb582;
}
.witr_blog_con h2{
    color: #2a374c;
    margin: 15px 0 0;
}
.witr_blog_con h2 a{
    display: inline-block;
}
.witr_blog_con h2 a:hover{
    color: #0eb582;
}
.witr_top_category {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 999;
    transform: scale(0);
    transition: .5s;
}
.busi_singleBlog:hover .witr_top_category {
    transform: scale(1)
}
.witr_top_category ul li a {
    color: #fff;
    background: #0eb582;
    padding: 3px 10px;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    display: inline-block;
}
.learn_more_adn a.learn_btn {
    border-radius: 5px;
    padding: 10px 30px;
    border: 1px solid #C7EEE2;
    margin-top: 20px;
    transition: .5s;
    color: #0EB582;
    background: #C7EEE2;
}
.learn_more_adn a.learn_btn:hover {
    background: #0eb582;
    color: #ffffff
}
/* Blog sidebar area */
.single_side {
    padding: 35px 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.input-field {
    position: relative;
}
.input-field input {
    width: 100%;
    display: block;
    padding: 16px 60px 16px 16px;
    border: none;
    outline: none;
    background: #f7f7f7;
}
.input-field button {
    width: 54px;
    height: 54px;
    line-height: 54px;
    background: var(--primary);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    transition-duration: .5s;
}
.input-field button:hover {
    background: #000;
}
.blog-near-side ul li:before {
    content: "\f105";
    font-family: FontAwesome !important;
    font-size: 18px;
    color: #17161a;
    transition-duration: .5s;
    width: 20px
}
.blog-near-side ul li:hover:before {
    color: var(--primary);
}
.blog-near-side .widget-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 12px;
    display: inline-block;
    line-height: 17px;
    text-transform: uppercase;
    border-bottom: 5px double #0eb582;
}
.blog-near-side .widget-title::before, .blog-near-side .widget-title::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid #0eb582;
    border-radius: 50%;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    margin-top: 17px;
}
.blog-near-side .widget-title::before {
    animation-name: move_title_bg1;
    left: 0;
}
.blog-near-side .widget-title::after {
    animation-name: move_title_bg2;
    right: 0;
}
.blog-near-side ul li {
    display: flex;
    align-items: top;
}
.blog-near-side ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-near-side ul li:last-child {
    border-bottom: none;
}
.blog-near-side ul li a {
    color: #454545;
    transition-duration: .5s;
}
.blog-near-side ul li a:hover {
    color: var(--primary);
}
.recent-post-item {
    margin-bottom: 10px;
    overflow: hidden;
}
.recent-post-image {
    width: 70px;
    float: left;
    margin-right: 15px;
}
.recent-post-image img {
    width: 100%;
}
.recent-post-text {
    overflow: hidden;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
    font-size: 17px;
    font-weight: 600;
}
.recent-post-text h4 a {
    font-size: 17px;
    color: #454545;
    font-weight: 600;
}
.recent-post-text h4 a:hover {
    color: var(--primary);
}
.recent-post-text span {
    font-size: 14px;
    color: #777
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom: 1px solid #dee2e6;
}
.calender_wrap table thead th, .calender_wrap table tr td {
    color: #777;
    font-size: 13px!important;
    text-align: center;
}
.calender_wrap table tr td.today {
    background: var(--primary);
    color: #fff;
}
.calender_wrap td {
    font-size: 14px;
    font-weight: 500;
}
.month-year span {
    display: block;
    padding: 0 0 10px;
    margin-bottom: 12px;
    color: #6c757d;
    font-size: 14px;
    text-transform: uppercase;
}
.month a {
    color: #454545;
}
/* blog css */
.talim-single-blog {
    box-shadow: 0 0 10px 0 rgba(148,146,245,.2);
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background: #fff;
}
.talim-blog-thumb {
    overflow: hidden;
}
.talim-blog-thumb a {
    display: block;
    position: relative;
}
.talim-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
    background: rgba(0,0,0,.7);
}
.talim-blog-thumb img {
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
    width: 100%
}
.talim-single-blog:hover .talim-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.talim-single-blog:hover .talim-blog-thumb a:before {
    opacity: 1;
}
.em-blog-content-area {
    padding: 28px 35px 30px;
    overflow: hidden;
}
.talim-blog-meta-left {
    padding: 0 0 9px;
}
.talim-blog-meta-left a, .talim-blog-meta-left span {
    color: #888;
    font-size: 16px;
    margin-right: 5px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.talim-blog-meta-left a:hover, .talim-blog-meta-left span:hover {
    color: var(--primary)
}
.talim-blog-meta-left i {
    color: var(--primary);
    font-size: 13px;
    margin-right: 5px;
}
.blog-page-title a {
    text-transform: uppercase;
    margin-bottom: 7px;
    display: inline-block
}
.readmore a {
    display: inline-block;
    padding: 7px 25px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    border: 1px solid #ddd;
    color: #444;
}
.readmore a:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary)
}
/* single blog page css */
.talim-single-blog--thumb img {
    width: 100%;
}
.talim-single-blog-title h2 {
    font-size: 30px;
}
blockquote {
    padding: 25px 32px 25px;
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 15px -9px rgba(224, 184, 184, 0.64);
}
.single-blog-content h2 {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}
.block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.block-image figure {
    text-align: center;
    margin-bottom: 0;
}
.block-image img {
    width: 77px;
    height: 77px;
    border-radius: 50%;
}
.block-quote.text_italic p {
    font-size: 26px;
    font-style: italic;
    text-align: center;
}
.block-quote.text_italic cite {
    font-weight: 600;
    font-style: italic;
    font-size: 20px;
}
.talim-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.talim-single-icon-inner {
    display: flex;
    justify-content: center;
}
.talim-blog-meta-left a, .talim-blog-meta-left span {
    color: #666666;
    font-size: 16px;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.talim-blog-meta-left i {
    color: #0eb582;
    margin-right: 5px;
}
.talim-single-icon-inner a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
    width: 40px;
}
.talim-single-icon-inner a:hover {
    background: #0eb582;
    border-color: #0eb582;
    color: #fff;
}
/* single blog page comment area css */
.comment-respond {
    margin-bottom: 30px;
    padding: 25px 30px 30px;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.commment_title h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;
}
.commment_title h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -9px;
    width: 40px;
    height: 2px;
    background: #0eb582;
}
.comment_field {
    overflow: hidden;
}
.comment_field .input-field {
    width: 33.33%;
    float: left;
}
.comment_field .textarea-field label {
    margin-top: 20px;
    margin-bottom: 10px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    height: 42px;
    font-size: 16px;
    background: #fff;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 120px;
    padding: 10px;
    color: #555;
}
.talim_btn {
    border: 1px solid #ddd;
    background: #0eb582;
    color: #fff;
    margin-top: 15px;
    padding: 16px 30px;
    cursor: pointer;
    transition: .5s;
    border-radius: 5px;
    line-height: 1.15;
}
.talim_btn:hover {
    background: #2a374c
}

/* ==================== 9. Carousel Image Area CSS ==================== */
.carousel_image_area {
    padding: 0 0 140px;
    background: #f8fafc;
}
.carousel_image_area .container {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
    transition: 0.3s;
    padding: 90px 30px;
    background: #fff;
    border-radius: 5px;
}
.c_image_inner, .image_inner {
    text-align: center;
}
.c_image_inner img {
    filter: grayscale(1);
    opacity: .5;
    transition: .5s;
    cursor: pointer;
}
.c_image_inner img:hover {
    filter: grayscale(0);
    opacity: 1;
}

/* ==================== 10. Footer Area CSS ==================== */
.witrfm_area {
    background: #253865;
}
.footer-middle {
    padding: 65px 0 70px
}
.footer-middle a, .footer-middle p, .footer-middle i, .footer-middle h2 {
    color: #fff;
}
.widget-title {
    margin: 28px 0 25px;
    font-weight: 700;
}
.talim-description-area a img {
    margin: 26px 0;
}
.talim-description-area p {
    color: #fff;
}
.talim-description-area .social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 0px;
    background: #ffffff52;
    margin: 0 5px 5px 0;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    transition-duration: .5s;
}
.talim-description-area .social-icons a:hover {
    background: #0eb582
}
.menu-our-service-container ul li {
    margin-bottom: 10px;
}
.menu-our-service-container ul li a {
    transition-duration: .5s;
}
.menu-our-service-container ul li a:hover {
    color: #0eb582;
}
.footer_s_inner {
    display: flex;
    justify-content: left;
    margin-top: 10px;
}
.footer-sociala-info p {
    margin-bottom: 0;
}
.footer_s_inner .footer-social-icon {
    margin-right: 12px;
    font-size: 18px;
}
/* footer bottom area */
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff61;
}
.footer-bottom {
    padding: 26px 0px 24px;
    position: relative;
}
.copy-right-text p {
    color: #fff;
    margin-bottom: 0;
}
.footer-menu ul {
    display: flex;
    justify-content: right;
}
.footer-menu ul li a {
    color: #fff;
    padding: 0 10px;
    margin-left: 4px;
    transition-duration: .5s;
}
.footer-menu ul li a:hover {
    color: #0eb582;
}
.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #ffffff8c;
    margin-bottom: 8px;
}
.witr_sub_table span {
    color: #fff;
}

/* ==================== 11. Breadcumb Area CSS ==================== */
.breadcumb-area {
    padding: 150px 0px;
    background-color: #f7f7f7;
    background-image: url(../image/slidr-m-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.breadcumb-area::before, .breadcumb-blog-area::before {
    background-color: rgba(0,0,0,0.62);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.brpt h2 {
    color: #fff;
    font-size: 40px;
    padding-bottom: 5px;
}
.breadcumb-inner ul {
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center;
}
.breadcumb-inner li {
    display: inline-block;
    margin: 0 2px;
    color: #fff;
}
.breadcumb-inner li a{
    color: #fff;
    margin: 0 2px
}
.breadcumb-inner li a:hover {
    color: var(--primary);
}

/* ========== 12. Success Area CSS ========== */
.success_image_area {
    transform: translateX(-80px)
}
.success_title h4 {
    color: #777777;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.success_title {
    padding: 0px 0px 10px 10px;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color: #0EB582;
    margin-bottom: 20px;
}
.witr_bar_main {
    margin: 10px 0;
}
.witr_bar_innerc {
    position: relative;
}
.witr_bar_innerc::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid #0eb582;
    border-radius: 50%;
    background: #1c1b1b;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_title_bg;
    animation-name: move_title_bg1;
}
.witr_bar_innerc::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid #0eb582;
    border-radius: 50%;
    background: #1c1b1b;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_title_bg;
    animation-name: move_title_bg2;
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    background: #0eb582;
    margin: 0;
    position: relative;
    border-radius: 30px;
}
@keyframes move_title_bg1 {
    from {	
		left:0;		
    }
    to {
		left:100%;
    }
}
@keyframes move_title_bg2 {
    from {	
		right:0;		
    }
    to {
		right:100%;
    }
}
.success_slider {
    margin-bottom: 20px
}
.success_area .mr-50 {
    margin-right: 50px;
}
.success_menu ul {
    display: flex;
    flex-wrap: wrap;
}
.success_menu ul li {
    margin: 0 8px;
}
.success_menu i {
    font-size: 12px;
    color: var(--primary);
    margin-right: 3px;
}
.success_menu li span {
    padding-left: 5px;
    color: #6a6a6a;
}
.success_btn_video_area {
    display: flex;
    align-items: center;
}
.success_btn {
    width: 50%;
}
.success_btn_video_area .play-overlay {
    left: 20%;
}

/* ========== 13. Counter Area CSS ========== */
.counter_area {
    background: url(../image/slider-3.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.counter_bg_overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #2A374C;
    opacity: 0.9;
    z-index: 1;
}
.witr_single_counter {
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 37px 0 61px;
    text-align: center;
    transition: all 0.5s ease 0s;
    transition: .5s;
    position: relative;
    z-index: 2;
}
.witr_single_counter:hover {
    border: 2px solid #0eb582;
    background: #0eb582;
}
.witr_custom_icon i {
    font-size: 60px;
    display: inline-block;
    margin-bottom: 10px;
    color: #ffffff;
}
.witr_counter_text h4 {
    font-size: 30px;
    color: #FFFFFF;
    padding: 0px 0px 10px 0px;
}
.witr_counter_text h3 {
    display: inline-block;
    font-size: 40px;
    color: #FFFFFF;
    padding: 0px 0px 10px 0px;
}
.witr_counter_text span {
    font-size: 35px;
    font-weight: 700;
    line-height: 0;
    color: #ffffff;
    display: inline-block
}
/* counter style 2 css */

.counter2_area .witr_counter_single {
    background: #fff;
    padding: 28px 25px 35px;
    box-shadow: 0px 5px 20px 0px #0000000d;
    margin-bottom: 20px;
}
.counter2_area .witr_counter_number_inn {
    display: flex;
}
.counter2_area .wirt_new_iner {
    background: #0eb582;
    padding: 38px 0px 27px;
    border-radius: 5px;
    width: 42%;
    text-align: center;
    transform: skewY(356deg);
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}
.counter2_area .witr_counter_number_inn h3, .counter2_area .witr_counter_number_inn span {
    font-size: 31px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
/* counter style3 css */
.counter3_area .witr_single_counter {
    text-align: left;
    padding: 10px
}
.counter3_area .witr_custom_icon i, .counter3_area .witr_counter_text h3, .counter3_area .witr_counter_text span {
    color: var(--primary)
}
.counter3_area .witr_counter_text h4 {
    color: #2a374c;
    font-size: 22px;
    padding: 0;
}
.counter3_area .witr_counter_text h3 {
    font-size: 40px;
    padding: 0;
    margin: 0
}
.counter3_area .witr_counter_text span {
    font-size: 40px;
}
.counter3_area .witr_single_counter:hover {
    background: transparent;
    border-color: transparent;
}

/* ========== 14. Testimonial Area CSS ========== */
.testimonial_area {
    background: #fff
}
.testi_left_image {
    transform: translateX(-30px)
}
.testimonial_area .witr_section_title_inner h1 {
    color: #0EB582;
    font-size: 20px;
    margin: 0px 0px 20px 0px;
}
.testi_cont_area {
    padding-left: 15px;
}
.test-part{
    display: inline-block;
    margin-bottom: 10px;
}
.execllent_toggol{
	display: flex;
    align-items: center;
}
.em_crating i {
    color:#ddd;
    font-size:18px;
}
.em_crating i.active {
   color:#0eb582;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    text-align: left;   
}
.execllent_star h3 {
    margin-bottom: 0;
    margin-left: 15px
}
.execllent_star{
	margin-left: 15px;
}
.execllent_star h3{
    color: #0eb582;
    font-size: 18px;
    font-weight: 600;
	margin: 0;
	font-style: italic;	
}
.em_testi_text p {
    color: #222222;
    font-size: 18px;
    margin: 0px 0px 30px 0px;
}
.em_test_info {
    display: flex;
    gap: 20px
}
.em_test_thumb img {
    width: 60px;
    height: auto;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #0eb582;
}
.testimonial_area .slick-dots {
    text-align: left;
    padding-left: 10px;
}
/* testimonial style 2 */
.em_single_testi {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    transition: all 0.5s ease 0s;
    padding: 37px 30px 26px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 25px 0 rgba(50,65,141,.12);
}
.em_single_testi p {
    color:  #777;
    font-size: 17px;
}
/* testimonial style 2 area css */
.testi_style2 {
    background: #f9f9f9;
}
.test_q_icon i {
    font-size: 54px;
    color: #0eb582;
}
.testi_style2 .em_test_thumb img {
    width: auto;
}
.em_single_testimonial .em_testi_text p {
    margin-bottom: 16px;
}
.em_single_testimonial .em_testi_title h2 {
    margin-top: 15px
}


/* ========== 15. Why Choose Us Area CSS ========== */
/* progress style 1 css */
.wcu_left {
    margin-right: 20px
}
.wcu_left .witr_section_title_inner p {
    width: 100%;
    margin-bottom: 36px;
    padding-top: 10px;
}
.single_progress:not(:last-child) {
    margin-bottom: 20px;
}
.progress_title {
    margin-bottom: 25px;
    font-size: 18px;
    color: #222631;
}
.witr_single_progress {
    overflow: hidden;
}
.witr_label {
    color: #222631;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 4px;
}
.progress {
    height: 10px;
    background: #fff;
    overflow: visible;
    border: 1px solid var(--primary);
}
.progress-bar {
    background: #222631;
    position: relative;
    height: auto;
    margin: 2px;
    border: none;
    outline: none;
    background: var(--primary);
    border-radius: 5px;
}
.witr_percent {
    position: absolute;
    top: -30px;
    right: 0;
    color: #222631;
    font-size: 16px;
    font-weight: 700;
}
.primary-color .play-overlay i {
    color: #fff;
}
.primary-color .play-overlay a, .primary-color .play-overlay a::before {
    background: var(--primary)
}
.primary-color .play-overlay a {
    font-size: 20px;
    width: 53px;
    height: 53px;
}

/* ========== 16. Solution Area CSS ========== */
.single_solution, .solution_person {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
    overflow: hidden;
}
.single_solution i {
    font-size: 50px;
    color: var(--primary);
}
.solution_person img {
    width: 50px;
    height: auto;
}

/* ========== 17. Video Area CSS ========== */
.video_area {
    background: url(../image/cours6.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}
.video_area::before {
    background-color: #2A374CAB;
    content: "";
    opacity: 0.5;
    transition: 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.video_area .video-overlay {
    padding: 70px 0 50px;
}
.video_area .video-item a {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 28px;
    border-radius: 100%;
    background: #ffffff;
    z-index: 1;
    margin-bottom: 8px;
}
.video_area .video-item h3 {
    font-size: 30px;
    margin-top: 35px;
    color: #ffffff;
}
.video-item a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: -1;
}

/* ========== 18. Faq Area CSS ========== */
.single-faq {
    box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
    margin-bottom: 20px;
    border-left: 1px solid var(--primary)
}
.single-faq.faq2 {
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 5px;
}
.faq-header {
    cursor: pointer;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #777;
    display: block;
}
.faq-header:hover {
    color: #777;
}
.faq-body p {
    padding: 15px 20px 30px;
    margin-bottom:  0;
}
.faq-title {
    display: inline-block;
    padding-left: 8px;
    position: relative
}
.faq-header:before {
    font-family: 'FontAwesome';  
    content: "\f068";
    display: inline-block;
    font-weight: 400;
}
.faq-header.collapsed:before {
    content: "\f067"; 
}
/* faq 2 css */
.faq2_area {
    background: #f9f9f9
}
.faq2 .faq-header:before {
    font-family: 'FontAwesome';  
    content: "\f058";
    display: inline-block;
    font-weight: 400;
    font-size: 20px;
}
.faq2 .faq-header.collapsed:before {
    content: "\f058";
}
.faq2 .faq-header {
    font-size: 17px;
    color: #fff;
    background: var(--primary);
    padding: 7px 15px 11px;
    font-weight: 700;
}
.faq2 .faq-header.collapsed {
    background: #fff;
    color: #17161a;
}
.faq2 .faq-header:hover {
    color: #fff;
    background: var(--primary)
}
/* ========== 19. Admission Area CSS ========== */
.admission_area {
    background: var(--primary);
    padding: 27px 0 30px
}
.admission_area h3 i {
    font-size: 40px;
    color: #fff;
    margin-right: 20px;
}
.admission_area h3 {
    color: #fff;
    font-size: 35px;
}
.admission_area .admission_btn {
    text-align: right;
}
.admission_btn .witr_btn {
    background: #fff;
    color: var(--primary);
    border-radius: 0;
}
.admission_btn .witr_btn:hover {
    background: #15133A;
    color: #fff;
}

/* ========== 20. Project Area CSS ========== */
.single_project {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image{
	overflow: hidden;
	position:relative;	
}
.witr_pslide_image::before{
	position:absolute;
	content:'';
	background:#00000080;
	top:0;
	left:0;
	bottom:0;
	right:0;
	transform: scale(0);
	transition:.5s;
	z-index:1;
}
.project-style2 .witr_pslide_image::before {
    opacity: .5;
}
.witr_single_pslide:hover .witr_pslide_image img,
.witr_single_pslide:hover .witr_pslide_image::before{
	transform: scale(1.2);	
}
.witr_pslide_image img{
    margin-right: auto;
    margin-left: auto;
	transition:.5s;
	width:100%;
}
.witr_content_pslide_text {
    position: absolute;
    bottom: -170px;
    left: 30px;
    right: 30px;
	transition:.5s;
 	opacity: 1;
	z-index: 2;
    background: #fff;
    text-align: center;
    border-radius: 5px;
}
.project-style2 .witr_content_pslide_text {
    text-align: left;
    background: transparent;
}
.witr_single_pslide:hover .witr_content_pslide_text {
    bottom: 30px;
}
.witr_pslide_icon {
    position: relative;
}
.witr_pslide_icon a {
    position: absolute;
    top: -22px;
    background: var(--primary);
    color:  #fff;
    width: 44px;
    height: 44px;
    line-height: 50px;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.witr_pslide_icon a:hover {
    background: #2a374c
}
.witr_content_pslide {
    padding: 40px 10px 15px;
}
.witr_content_pslide h3 {
    margin-bottom: 3px;
    color: #000;
}
.project-style2 .witr_content_pslide h3 a, .project-style2 .witr_content_pslide p {
    color: #fff;
}
.witr_content_pslide p {
    color: #000;
    margin-bottom: 0;
}
.project_area .slick-prev {
    left: -4px;
}
.project_area .slick-next {
    right: -4px;
}

/* ========== 21. Fee Area CSS ========== */
.top_fee {
    margin-bottom: 40px
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 18px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
.witr_amar_table table td,
.witr_amar_table table th {
    padding: 15px 30px;
}
.witr_amar_table table th{
	background:#0eb58230;
}

.witr_amar_table table td {
    border-bottom: 1px solid #ededed;
}

.talim-single-blog-details {
    background: #fff;
    margin-bottom: 40px;
    padding: 30px 30px 10px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
}

/* ========== 22. Instructor Registration Area CSS ========== */
.ir_form_area {
    margin-bottom: 40px;
}
.ir_form_area label {
    display: block;
    margin-bottom: 10px;
}
.ir_form_area input {
    line-height: 43px;
}
.ir_form_area input, .ir_form_area textarea {
    width: 100%;
    display: block;
    border: 1px solid #dcdfe5;
    box-shadow: none;
    margin-bottom: 32px;
    border-radius: 4px;
    background: #ffffff;
    padding: 0;
    text-indent: 15px;
    -webkit-transition: 300ms;
    transition: 300ms;
    font-size: 16px;
}
.apartment_area {
    text-align: center;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 50px 30px 50px 30px;
    background-color: #FFFFFF;
    border-radius: 10px;
}
.apartment_area input {
    padding-left: 30px;
}
.ir_form_area textarea::placeholder {
    color: #888888;
    font-size: 15px;
    font-size: 16px;
}
.ir_form_area textarea {
    height: 150px;
    resize: none;
    padding: 10px 30px 30px;
    line-height: 43px;
}
.tutor-btn {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background: var(--primary);
    text-align: center;
    border: 1px solid transparent;
    padding: 8px 16px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: 200ms ease-in-out;
}
.tutor-btn.full {
    width: 100%;
    justify-content: center;
    padding: 18px 30px;
    font-size: 16px
}
.tutor-btn:hover {
    background: #2a374c;
}

/* ========== 23. Graduate Area CSS ========== */
.departmentList {
    position: relative;
    border-radius: 10px;
    background-size: cover;
    text-align: left;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
    padding: 30px 30px 30px 30px;
}
.departmentList h3 {
    margin-bottom: 22px;
    text-align: center;
    padding: 12px 0px 20px 0px;
    color: #FFFFFF;
    background-color: #2A374C;
    font-size: 34px;
    border-radius: 5px 5px 5px 5px;
}
.departmentList ul li a {
    font-size: 18px;
    display: block;
    color: #FFFFFF;
    background-color: #0EB582;
    font-weight: 500;
    border-radius: 30px 30px 30px 30px;
    margin: 0px 0px 15px 0px;
    padding: 12px 6px 12px 25px;
}
.departmentList ul li a:hover {
    background: #2A374C;
}
.departmentList ul li a span {
    margin-top: 4px;
    background-color: #2A374C;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px 100px 100px 100px;
    margin: -6px 0px 0px 0px;
    float: right;
    display: block;
    transition: .5s;
}
.departmentList ul li a span:hover {
    background: #0eb582
}

/* =============== 24. Call to Action Area CSS =============== */
.call_ta_area {
    margin-bottom: 100px;
    background: url(../image/slider-3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 90px 0;
    position: relative
}
.call_ta_area::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2A374C;
    opacity: .8;
    z-index: 1;
}
.talim_content {
    position: relative;
    z-index: 2;
}
.talim_content h5, .talim_content h2 {
    color: #fff;
}
.talim_content h5 {
    padding-bottom: 7px;
}
.talim_content h2 {
    font-size: 40px;
    padding: 4px 0px;
}
.talim_button {
    margin-top: 45px;
}
.talim_button a.witr_btn:hover {
    color: #fff;
    background: #2A374C;
}

/* =============== 25. Tution Area CSS =============== */
.tution_list {
    position: relative;
    padding: 73px 30px 65px;
    border-radius: 10px;
}
.tution_list h3 {
    font-size: 35px;
    margin-bottom: 22px;
}
.all_list_color ul li a {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #DDDDDD;
}
.all_list_color.has-shadow {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.09);
}
.tution_list ul li a {
    color: #222631;
    font-size: 18px;
    display: block;
    padding: 8px 10px 8px;
    margin-bottom: 1px;
}
.tution_list ul li a span {
    display: block;
    margin-top: 4px;
    float: right;
}

/* =============== 26. Student Management Area CSS =============== */
.student_management_area .witr_section_title_inner h3 {
    font-size: 80px;
    margin-bottom: 20px;
}
.accordion_area .card-2 {
    margin-bottom: 15px;
    border: 1px solid #ddd!important;
}
.card-header.witr_ac_card {
    background: transparent;
    padding: 0;
}
.witr_ac_style {
    font-size: 30px;
    font-weight: 700;
    display: block;
    padding: 7px 15px 11px;
    transition: .5s;
    color: #17161a;
}
.witr_ac_style:before {
    position: absolute;
    content: '\f068';
    right: 30px;
    top: 9px;
    font-family: fontawesome !important;
    font-weight: 400;
}
.witr_ac_style.collapsed::before {
    content: '\f067';
}
.witr_ac_style:hover {
    color: #fff;
    background: var(--primary)
}

/* =============== 27. Apply Area CSS =============== */
.apply_heading h3 {
    font-size: 100px;
    color: #2a374c;
    margin-bottom: 20px;
}
.single_apply {
    padding: 10px 0;
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}
.apply_thumb {
    margin-top: 10px;
}
.apply_thumb i {
    color: var(--primary);
    font-size: 55px;
    transition: .5s;
}
.single_apply:hover .apply_thumb i {
    color: #2a374c
}
.apply_desc h4 {
    font-size: 25px;
}
/* requirement area start */
.requirement_area {
    background: #f9f9f9;
}
.require_inner {
    width: 100%;
    max-width: 1902px;
    margin: auto;
    padding: 80px 200px
}
.single_requirements.first {
    margin-right: 50px;
}
.single_requirements.second {
    margin-left: 50px;
}
.require_title {
    margin-bottom: 20px;
}
.require_desc p {
    color: #222222;
}

/* =============== 28. Portfolio Area CSS =============== */
/* portfolio filter btn css */

.portfolio-btn-menu {
    text-align: center;
    padding-bottom: 40px;
}
.portfolio-btn-menu li {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 5px 10px;
    cursor: pointer;
}
.pgp li {
    border: 1px solid #f3eaea;
    border-radius: 8px;
    transition-duration: .5s
}
.pgp li.current_menu_item {
    background: var(--primary);
    color: #fff!important;
}
.pgp li:hover {
    background: var(--primary);
    color: #fff!important;
}
/* portfolio css */
.portfolio_inner {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}
.prot_thumb img {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.prot_content {
    position: absolute;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #0eb58280;
    z-index: 9;
}
.single_portfolio:hover .prot_content {
    opacity: 1;
}
.prot_content h3 {
    margin: 0;
    text-transform: capitalize;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}
.prot_content h3 a {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
	transition:.5s;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #2a374c;
}
.prot_content p {
    color: #fff;
    line-height: 1.2;
    margin: 5px 0 0;
}
.prot_content p span {
    display: inline-block;
    padding-top: 0px;
}
.single_portfolio:hover .prot_content {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    opacity: 0;
    background: #0eb5826b;
    padding: 20px;
    transition: .5s;
    -webkit-transition: .5s;
}
.single_portfolio:hover .prot_content_inner {
    top: 50%;
    left: 75%;
    opacity: 1;
}
.port_2_inner .prot_content_inner {
    top: 60%;
    left: 50%;
    opacity: 0;
    background: transparent;
    text-align: center;
    transition-delay: .3s;
}
.single_portfolio:hover .port_2_inner .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.single_portfolio:hover .port_2_inner .prot_content_inner {
    left: 50%!important;
    background: transparent;
}
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.picon a {
    font-size: 23px;
    font-weight: 700;
    background: #0eb582;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
}
.picon a:hover {
    border-color: #2a374c;
    background: #2a374c;
    color: #fff;
}
.port_overlay {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #07294e80;
    transition: .5s;
}
.prot_content:has(.port_overlay) {
    background: transparent;
}
.port_overlay .picon a {
    background: transparent;
    border: 0;
}
.port_overlay .picon a:hover {
    border-color: #07294e;
    background: #07294e;
    color: #fff;
}
.port_overlay h3 {
    padding-bottom: 10px;
}
/* signl portfolio page */
.prots-contentg ul {
    margin-left: 0px;
    display: inline-block;
    margin-bottom: 25px;
}
.portfolio-details-box ul li {
    padding-top: 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
    list-style: none;
}
.portfolio-details-box ul li b {
    color: #444;
    font-size: 18px;
    font-weight: 600;
}
.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}
.talim-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.talim-single-icon-inner a {
    border: 1px solid #e6e6e6;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
}
.portfolio-details-box .talim-single-icon-inner {
    display: flex;
    justify-content: left;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}


/* =============== 29. Advance Tab Area CSS =============== */
.nav-tabs {
    border: none;
}
.adv_tab_wrapper .nav-item {
    margin-bottom: 15px;
    text-align: center;
}
.adv_tab_wrapper .nav-tabs .nav-link {
    background: #fff;
    color: #17161a;
    margin-right: 15px;
    border: 0;
    border-radius: 5px;
    font-size: 18px;
    padding: 23px 40px;
    position: relative;
    box-shadow: 0px 0px 25px 2px rgba(196, 206, 213, 0.2);
    transition: .5s;
}
.adv_tab_wrapper .nav-tabs .nav-link.active {
    background: #0eb582;
    color: #fff;
}
.adv_tab_wrapper .nav-tabs .nav-link:hover {
    background: #0eb582;
    color: #fff;
}
.adv_tab_content {
    margin-bottom: 20px;
}
.single_tab {
    display: none;
}
.single_tab.active {
    display: block!important;
}

/* =============== 30. Image Box Page CSS =============== */
/* image box 1 css */
.service-item {
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
    transition: .3s;
}
.service-item:hover {
    box-shadow: 0px 0px 20px 0px rgba(42, 67, 113, 0.15);
}
.service_top_image {
    overflow: hidden;
}
.service_top_image img {
    width: 100%;
    transition: .5s;
}
.service_top_image img {
    width: 100%;
    transition: .5s;
}
.service-item .text_box {
    padding: 10px 32px 31px 32px;
}
.service-item h3 {
    padding-top: 18px;
}
.service-btn a {
    color: #FFFFFF;
    background: #0EB582;
    margin: 12px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    border-radius: 5px;
}
.service-btn a:hover {
    background: #15133A;
    color: #fff;
}
.service-btn a span, .service-btn a i {
    font-size: 20px;
    margin-left: 4px;
    display: inline-block;
    position: relative;
    top: 3px
}
/* image box 2 css */
.image_box2 {
    background: #f9f9f9
}
.image_box2 .service-item:hover .service_top_image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.image_box2 .service-item {
    padding: 30px 20px
}

/* =============== 31. Alert Area CSS =============== */
.alert_area {
    padding-top: 85px;
}
.alert_area .alert_inner {
    border-width: 0 0 0 5px;
    border-style: solid;
    position: relative;
    padding: 15px;
    border-color: transparent;
}

.alert_area .alert_inner span {
    color: #fff;
    font-size: 16px;
}
.alert_area .alert_inner span.alert-title {
    font-size: 30px;
    display: block;
    font-weight: 700;
}
.alert_area .alert_inner button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    font-size: 20px;
    border: none;
    outline: none;
    color: #31708f;
}
.alert1 .alert_inner {
    border-color: #bcdff1;
    background: #D90A2C;
}
.alert2 .alert_inner {
    border-color: #D90A2C;
    background: #d9edf7;
}
.alert3 .alert_inner {
    border-color: #bcdff1;
    background: #0EB582;
}
.alert2 .alert_inner span {
    color: #31708f;
}

/* =============== 32. Pricing Area CSS =============== */
.single_price {
    border-radius: 5px;
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}
.pricing-part {
    position: relative;
    overflow: hidden;
}
.witr_pricing_icon i {
    color: #0eb582;
    font-size: 40px;
    padding-top: 40px;
    display: block;
}
.pricing-part sub {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -65px;
    top: 20px;
    background: #0eb582;
    line-height: 43px;
    width: 217px;
    height: 45px;
    text-align: center;
    -webkit-transform: rotate(35deg);
    transform: rotate(45deg);
}
.pricing-part h4 {
    font-size: 24px;
    padding: 26px 0 12px;
    display: block;
    margin: 0
}
.pricing-part h5 {
    font-size: 35px;
    padding-bottom: 30px;
    margin: 0;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing-part ul {
    display: inline-block;
    text-align: center;
    padding: 0;
}
.pricing-part ul li {
    color: #555555;
    line-height: 40px;
    list-style: none;
    margin: 0;
}
.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.pricing-part a.btn {
    background: #0eb582;
    line-height: 41px;
    padding: 7px 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #0eb582;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
}
.pricing-part a.btn:hover {
    background: #fff;
    color: var(--primary)
}

/* =============== 33. Case Stydy Details Page CSS =============== */
.csd-top-box {
    box-shadow: 0px 0px 20px 0px rgba(42, 67, 113, 0.15);
    margin-bottom: 5px;
}
.csd h3 {
    font-size: 30px
}
.case_study_details_area .departmentList h3 {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    font-size: 22px;
}
.case_study_details_area .departmentList {
    margin-bottom: 5px;
}
.carousel_silgle_slide img {
    filter: grayscale(1);
    opacity: .5;
    transition: .5s;
}
.carousel_silgle_slide img:hover {
    filter: grayscale(0);
    opacity: 1
}
.csd_form_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    margin-top: 20px
}
.csd_form_text h1 {
    color: #0eb582;
    font-size: 17px;
    margin-bottom: 5px;
}
.csd_form_text h2 {
    font-size: 29px;
    margin: 0 0 21px;
}
.csd_form input, .csd_form textarea {
    width: 100%;
    line-height: 43px;
    background: #fff;
    border: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #a2a2a9;
    padding-left: 0px;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 46px;
}
.csd_form textarea {
    height: 150px;
    resize: none;
    border-radius: 5px;
    padding: 10px 30px 30px 0px;
    margin-bottom: 70px;
}
.csd_form input::placeholder, .csd_form textarea::placeholder {
    color: #a2a2a9;
    font-size: 16px;
}
.csd_form button {
    width: 100%;
    margin-bottom: 40px
}
/* video area */
.csd_video_area.video_area .video-item a {
    width: 75px;
    height: 75px;
    line-height: 75px;
    background: var(--primary);
    color: #fff;
}
.csd_video_area.video_area .video-item a::before {
    background: var(--primary)
}
.csd_video_area.video_area .video-part {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* =============== 34. Case Study Area CSS =============== */
.witr_case {
    position: relative;
    overflow: hidden;
    padding-bottom: 45px;
    margin-bottom: 20px;
}
.witr_case_image {
    overflow: hidden;
    position: relative;
}
.witr_case_image::before {
    background: #0eb582a6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    content: "";
    transition: .5s;
}
.witr_case:hover .witr_case_image::before {
    height: 100%
}
.witr_case_image img {
    width: 100%;
}
.witr_content_casem {
    padding: 21px 15px 26px;
    position: absolute;
    background-color: #fff;
    bottom: -80px;
    left: 15px;
    margin: auto;
    transition: .5s;
    right: 15px;
}
.witr_case:hover .witr_content_casem {
    bottom: -4px;
}
.witr_content_casei p {
    font-size: 15px;
    color: #0eb582;
    font-weight: 700;
    margin-bottom: 4px;
}
.witr_content_casei h3 {
    font-size: 21px;
}
.witr_case_btnb {
    margin-top: 20px;
}
.witr_case_btnb a {
    font-size: 16px;
    font-weight: 600;
    color: #0eb582;
    background: #0eb582;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    background: #fff;
    transition: .5s;
    border: 1px solid #ececec;
}
.witr_case_btnb a:hover {
    border: 1px solid #0eb582;
    color: #fff;
    background: #0eb582;
}
.witr_case_btnb a i {
    margin-left: 5px;
    transition: 1s;
}
.witr_case_btnb a:hover i {
    margin-left: 15px;
}

/* =============== 35. Counter Down Area CSS =============== */
.counter_down {
    position: relative;
    overflow: hidden;
}
.counter_down.has-bg {
    background: url(../image/slider-3.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.counter_down.has-bg .background-overlay {
    background: #2A374C;
    opacity: .87;
}
.counterdowns {
    position: relative;
    z-index: 2;
}
.counterdowns p.cdowns {
    width: 200px;
    height: 200px;
    padding: 59px 0px 0px 0px;
    background: transparent;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    line-height: 1;
    border: 1px solid #0EB582;
}
.counterdowns span {
    color: #0eb582;
    font-size: 16px;
    font-weight: 600;
    display: block;
}
span.time-counts {
    font-size: 50px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 10px;
}
.countdown2 p.cdowns, .countdown3 p.cdowns {
    border-color: #ffffff;
}
.countdown2 .counterdowns span {
    color: #fff;
}
/* counter style 3 */
.countdown3 .counterdowns p.cdowns:not(:last-child)::before, .countdown3 .counterdowns p.cdowns:not(:last-child)::after {
    content: "";
    position: absolute;
    background: #0eb582;
    right: -19px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
.counterdowns p.cdowns:not(:last-child)::before {
    top: 64px;
} 
.counterdowns p.cdowns:not(:last-child)::after {
    top: 90px;
}
.youtube_video_inner iframe {
    border: 0;
    width: 100%;
    height: 500px
}

/* =============== 36. Contact Area CSS =============== */
.contact_area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.contact_form {
    padding: 0 50px 50px 50px;
    position: relative;
    border-radius: 10px;
}
.contact_form2 {
    padding: 60px 35px 60px;
}
.contact_form .witr_form_controls {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 30px 35px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    z-index: 4;
}
.contact_form .witr_form_controls5 {
    background: #0EB582CF;
}
.witr_form_controls2 p {
    overflow: hidden;
}
.witr_form_controls input, .witr_form_controls textarea {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 0;
    display: block;
    height: 45px;
    border-radius: 5px;
}
.witr_form_controls2 input, .witr_form_controls2 textarea {
    border: 0;
    border-bottom: 2px solid var(--primary);
    border-radius: 0;
}
.witr_form_controls5 input, .witr_form_controls5 textarea {
    background: transparent;
}
.witr_form_controls5 input:focus, .witr_form_controls5 textarea:focus {
    background: transparent;
}
.witr_form_controls5 input::placeholder, .witr_form_controls5 textarea::placeholder {
    color: #ffffff;
}
.witr_form_controls input:focus, .witr_form_controls textarea:focus {
    border-color: #ddd;
}
.witr_form_controls2 input:focus, .witr_form_controls2 textarea:focus {
    border-bottom: 2px solid var(--primary);
    outline: none;
}
.witr_form_controls textarea {
    height: 150px;
    resize: none;
    padding: 10px 30px 30px;
}
/* contact address area css */
.contact_address_area {
    padding: 250px 0 100px;
    background: url(../image/slider-3.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 100px;
    margin-top: -278px;
}
.contact_address_area.address2 {
    padding: 100px 0;
    margin-top: 0;
    background: #fff;
}
.single_c_address {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 20px;
    padding: 20px 0px 5px 15px;
    border-radius: 5px;
    background-color: #fff;
}
.address2 .single_c_address {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
}
.single_c_address i {
    font-size: 40px;
    color: var(--primary);
    margin-top: 10px;
}
.contact-heading h3 {
    font-size: 38px;
    margin-bottom: 21px;
}
.address_has_bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.address_has_bg .background-overlay {
    background-color: #0EB582;
    opacity: .75;
}
.address_light {
    display: block;
    text-align: center;
    padding: 0;
    background: transparent
}
.address_light .address_cont h3 {
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 0;
}
.address_light .address_cont h3 a {
    font-size: 80px;
    color: #fff;
}
.address_light .address_cont h4 {
    color: #fff;
    text-align: center;
    margin: 0;
}
/* address style 2 */
.single_c_address.address_style2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border: 1px solid #0EB582;
}
.single_c_address.address_style2 i {
    font-size: 30px;
    color: #0eb582;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    background: #F3F3F3;
    display: inline-block;
    transition: .5s;
}
.single_c_address.address_style5 i:hover {
    color: #fff; 
    background: var(--primary)
}

/* =============== 37. Progress Bar Area CSS =============== */
.porgress_bar_area.has_bg {
    background: #f9f9f9;
}
/* protress style 1 */
.progress_style1 .progress {
    height: 6px;
    background: #e9ecef;
    border: 0;
}
.progress_style1 .progress .progress-bar {
    margin: 0;
    border-radius: 0;
}
.progress_style1 .witr_label {
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
}
.progress_style1 .witr_label.label-sm {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}
.progress_style1 .progress.bg-transparent .witr_percent {
    background: #222631;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    font-weight: 500;
    right: -10px;
}
.progress_style1 .progress.bg-transparent .witr_percent::after {
    border: 5px solid transparent;
    border-top-color: #222631;
    content: '';
    position: absolute;
    top: 20px;
    left: 54%;
    transform: translateX(-50%);
}
/* progress style 2 */
.progress_style2.progress_left .progress {
    height: 40px;
    background: #fff;
    border: 0;
}
.progress_style2.progress_left .progress {
    border-radius: 30px;
    margin-top: 30px;
}
.progress_style2.progress_left .progress .progress-bar {
    margin: 7px;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 15px 0 20px;
    align-items: center;
}
.progress_style2.progress_left .witr_label {
    margin-bottom: 0px;
    font-size: 13px;
    color: #fff;
}
.progress_style2.progress_left .witr_percent {
    position: relative;
    top: 0;
    font-weight: 500;
    font-size: 13px;
}
.progress_style2.progress_right .witr_label {
    margin-top: 5px;
}
.progress_style2.progress_right .progress {
    background: #e9ecef!important;
    height: 24px;
    border-radius: 0;
    border: 0;
    margin-top: 5px;
}
.progress_style2.progress_right .progress-bar {
    margin: 0;
    border-radius: 0;
}
.progress_style2.progress_right .witr_percent {
    top: -35px;
    right: 0;
    background: #222631;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 3px 5px;
}
.progress_style2.progress_right .witr_percent::before {
    border: 5px solid transparent;
    border-top-color: #222631;
    content: '';
    position: absolute;
    top: 9px;
    left: -29%;
    transform: rotate(90deg);
}