/*
Template Name:c2quran 

*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. About Area CSS
5. Time Area CSS
6. Service Area CSS
7. Pillar Image Area CSS
8. circle Area CSS
9. Team Area CSS
10. Event Area CSS
11. Testimonial Area CSS
12. Blog Area CSS
13. Footer Area CSS
14. Breadcumb Area CSS
15. Feature Area CSS
16. Portfolio Area CSS
17. Cases Area CSS
18. Donation Area CSS
19. Faq Area CSS
20. Counter Area CSS
21. Sound Area CSS
22. Contact Area CSS

*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Roboto+Slab:wght@200;300;400;500;600;700;800;900&display=swap');


/*theme css*/
a {
    color:#17161a;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #004AAD;
}
body {
    font-family: 'Roboto Slab',serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color:#555;
}
 p {
     font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: 'Cinzel Decorative',cursive;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 20px;
    margin-bottom: 5px;
    color:#333;
}
 .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;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 48px;
    margin: auto;
    font-weight: 700;
    line-height: 1.4;
}
.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    color: #004AAD;
}
.witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span, .witr_section_title_inner p span, .witr_section_title_inner p span a {
    color: #004AAD;
}
.witr_section_title_inner h3 {
    margin: -40px 0 0 0;
}
.witr_image_title {
    margin: -100px 0 0 0;
}




.witr_bar_main {
    margin: 10px 0;
}
.witr_bar_inner {
    height: 3px;
    width: 90px;
    background: #004AAD;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;
}
.witr_bar_innerc:before {
    left: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
    right: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg2;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    border: 5px solid #004AAD;
}
@keyframes move_title_bg1{from{left:0}to{left:100%}}
@keyframes move_title_bg2{from{right:0}to{right:100%}}




.divider {
    text-align: left;
    padding-top: 0;
    padding-bottom: 30px;
}
.divider_text {
    color: #004AAD;
    font-family: "Cinzel Decorative", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    position:relative;
    display:inline-block;
}
.divider_text::after {
    width: 45px;
    content: "";
    position: absolute;
    top: 50%;
    right: -55px;
    height: 0.4px;
    transform: translateY(-50%);
    background: #004AAD;
}
.dividerbefore{
    position:relative;
}
.dividerbefore::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -55px;
    background: #004AAD;
    height: 0.4px;
    width: 45px;
}
.witr_section_title {
    margin-bottom: 45px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 24px 0 0 0;
    margin-top: 10px;
}
.witr_section_title_inner.text-center p {
    width: 71%;
    margin-right: auto;
    margin-left: auto;
}
.witr_all_pd0{
    padding:0;
}

@media (min-width: 1140px){
    .container {
        max-width: 1140px;
    }   
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.c2quran-header-top {
    padding: 10px 0;
    background: #004AAD;
}
 .top-address p {
     margin-bottom: 0;
}
 .top-address p span, .top-address p a {
     margin-right: 20px;
}
.top-address p span i, .top-address p a i {
    font-size: 13px;
    color: #fff;
    margin-right: 5px;
}
.top-address p a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
}
.top-address {
    display: inline-block;
}
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
    font-size: 13px;
    margin-right: 5px;
}
/* TOP socia CSS */
 .top-right-menu ul.social-icons {
     margin: 0;
     padding: 0;
}
.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 11px;
    position: relative;
}
.top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
}
.top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
    color: #fff;
    font-size: 15px;
    font-weight:500;
}
 .top-welcome p a:hover{
     color:#17161a;
}
 .top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {
     color: #17161a;
}
 .top-both-p0 .top-address p a, .top-both-p0 .top-address p span {
     margin-right: 0px;
     margin-left: 12px;
}
.top-address li p{
    margin-right: 20px;
    color:#fff;
}
.top-right-menu {
    text-align: right;
}
.top-address li span {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-right: 25px;
}
.top-address li span i{
    font-size: 13px;
    margin-right: 5px;
    color:#fff;
}
/* ===== 2. Menu Area CSS ===== */
.gogrin_nav_area.postfix {
    transition: .3s;
}
.c2quran_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
    background: rgba(0,0,0,.7); //bg in header menu
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}
.c2quran_nav_area, .trp_nav_area, .transprent-menu .c2quran_nav_area {
    padding-right: 150px;
    padding-left: 150px;
}
/* LOGO CSS */
 .logo a {
     display: inline-block;
}

/* logo sticky */
 .c2quran-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .c2quran-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .c2quran-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .c2quran-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 

/* MENU text CSS */
 .c2quran_menu ul {
     text-align: right;
     list-style: none;
}
 .c2quran_menu > ul > li {
     display: inline-block;
     position: relative;
}
.c2quran_menu > ul > li > a {
    display: block;
    margin: 20px 4px;
    transition: .5s;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Slab',serif;
    
}
.c2quran_menu ul .sub-menu li a:hover, .c2quran_menu ul .sub-menu li.current-menu-item a, .c2quran_menu>ul>li.current-menu-item>a, .c2quran_menu>ul>li>a:hover, .c2quran_nav_area.prefix .c2quran_menu>ul>li.current-menu-item>a, .c2quran_nav_area.prefix .c2quran_menu>ul>li>a:hover, .hbg2 .c2quran_menu>ul>li.current-menu-item>a, .hbg2 .c2quran_menu>ul>li>a:hover, .heading_style_2 .c2quran_menu>ul>li.current-menu-item>a, .heading_style_2 .c2quran_menu>ul>li>a:hover, .heading_style_3 .c2quran_menu>ul>li.current-menu-item>a, .heading_style_3 .c2quran_menu>ul>li>a:hover, .heading_style_4 .c2quran_menu>ul>li.current-menu-item>a, .heading_style_4 .c2quran_menu>ul>li>a:hover {
    color: #004AAD;
}
 .gogrin_menu > ul > li > a:before, .gogrin_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;
}
 .c2quran_menu ul li:last-child a {
     margin-right: 15px !important;
}
.gogrin_menu > ul > li.current > a, .gogrin_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #004AAD;
    background-color: transparent;
    color: #004AAD;
}
 .c2quran_menu > ul > li:hover > a:before, .c2quran_menu > ul > li.current > a:before {
     opacity: 1;
}
 .transprent-menu .c2quran_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .c2quran_nav_area.postfix {
     transition: .3s;
}
.c2quran_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,.7);
}
 .c2quran_nav_area.prefix .c2quran_menu > ul > li > a {
     color:#fff;
}
.c2quran_nav_area.prefix .c2quran_menu > ul > li.current > a {
    color: #004AAD;
}
.witr_h_h2 .c2quran_menu {
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.landing_page .c2quran_menu {
    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 */
.c2quran_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    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;
}
 .c2quran_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .c2quran_menu ul .sub-menu li {
     position: relative;
     transition:.5s;
}
.c2quran_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 400;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: 'Roboto Slab',serif;
    text-transform: uppercase;
}
 .c2quran_menu ul .sub-menu li:hover > a, .c2quran_menu ul .sub-menu .sub-menu li:hover > a, .c2quran_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .c2quran_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #004AAD;
}
.c2quran_menu ul .sub-menu li:before {
    left: -18px;
}
.c2quran_menu ul .sub-menu li:hover:before{
    opacity:1;
}
.c2quran_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .c2quran_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .c2quran_menu ul .sub-menu .sub-menu li:hover>a, .c2quran_menu ul .sub-menu li:hover:before, .c2quran_menu ul .sub-menu li:hover>a {
    color: #004AAD;
}
.c2quran_menu ul .sub-menu li:hover {
    margin-left: 8px;
}
/* sub menu 2 */
.c2quran_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .c2quran_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .c2quran_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .c2quran_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .c2quran_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .c2quran_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .c2quran_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}

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

/* quearys area css */
.c2quran_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.c2quran_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: #272727;
    padding: 0;
    border-radius: 5px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
}
.c2quran_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
}
.mrt10{
    margin-top:10px;
}
.em-quearys-menu i {
    background: #004AAD;
    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: #004AAD;
    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: #004AAD;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}
.gogrin-main-menu .menu-item-has-children>a:after {
    margin-left: 5px;
    content: "\eac8";
    font-family: IcoFont!important;
    opacity: 1;
    font-size: 13px;
    font-weight: 600;
    width: 13px;
    height: 13px;
}
/*=======================
#2 c2quran mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
@media (max-width: 991px){
    .search_popup_button, .tx_mmenu_together{
        display: none;
    }

}
 .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: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}
.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;
}
.mobile_p {}
.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;
}
.mean-container .mean-nav ul li li a {}
.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 {
    border: none;
    display: block;
    font-size: 16px;
    margin-left: 5px;
    font-weight: 500;
    border-radius: 5px;
    padding: 11px 25px;
    color: #fff;
    background: #004AAD;
}
a.dtbtn:hover {
    background: #fad3b6;
}
/* ===== 3. Slider Area CSS ===== */
 .witr_swiper_area{
     overflow:hidden;
     position:relative;
}
.witr_swiper_height {
    position: relative;
    background-position: center center;
    height: 950px;
    background-size: cover;
}
.witr_swiper_height:before, .wittr_gallery_swiper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.witr_sw_text_area {
    margin: auto;
    width: 60%;
    height: 100%;
}
.witr_swiper_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.witr_swiper_content h1 {
    font-size: 20px;
    display: inline;
    font-weight: 600;
    color: #333;
    font-family: "Dosis", sans-serif;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4, .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3, .text-right .witr_swipers_title h4 {
    width:72%;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4 {
    margin: 19px auto 1px 0;
}
.witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: #004AAD;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 72px;
    line-height: 1;
    font-weight: 900;
    color: #fff;
}
.witr_swiper_content h2 {
    padding: 10px 0 2px 0;
}
.witr_swiper_content p {
    width: 65%;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.witr_swiper_content p {
    padding: 25px 0 0 0;
}
.text-left .witr_swiper_content p {
    margin: 11px auto 0 0;
}
.slider_btn {
    margin-top: 54px;
}
.witr_btn {
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    padding: 18px 40px;
    color: #fff;
    background: #004AAD;
    display: inline-block;
}
.witr_btn:hover {
    background: #fad3b6;
    color: #fff;
}
.witr_swiper_content .witr_btn.active {
    color: #004AAD;
    background-color: #fff;
    border-style: solid;
    border-width: 0;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.09);
}
.witr_swiper_content .witr_btn.active:hover {
    background-color: #004AAD;
    color: #fff;
}
.witr_swiper_area .text-left .slider_vd_icon {
    right: 16%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.witr_swiper_area .swiper-slide a {
    display: inline-block;
}
.witr_icon_section {
    margin: 50px 0 0 0;
}
.display_flex {
    display: flex;
    align-items: center;
}
.witr_flow_text {
    margin-right: 20px;
}
.witr_flow_text h5 {
    font-size: 18px;
}
.c2quran_slider_icon {
    display: inline-block;
}
.c2quran_slider_icon ul li {
    list-style: none;
    display: inline-block;
}
.witr_swiper_area .swiper-slide a {
    display: inline-block;
}
.witr_swiper_content_icon a i {
    color: #004AAD;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-style: none;
    text-align: center;
    border-radius: 5px;
    display:inline-block;
    transition:.5s;
}
.witr_swiper_content_icon a i:hover {
    color: #FFFFFF; 
    background: #000000;
}
.text-left .witr_slider_thumb {
    position: absolute;
    right: 180px;
    top: 55%;
    transform: translateY(-50%);
}
.witr_shape_item_inner {
    top: 0px;
    left: -7px;
}
.witr_shape_item_inner {
    position: absolute;
    z-index: -1;
    content: "";
    transition: .5s;
}
.witr_shape_item img {
    width: 200%;
    max-width: 185%;
}
@keyframes witr_movelr_box45 {
  0%{
      transform: translateX(0px);
    }
  100%{
      transform: translateX(45px);
    }
}
.slider_witr_shap .witr_shape_item_inner {
    top: 0;
    right: 30px;
    left:auto;
}
.slider_witr_shap .witr_shape_image{
    animation: witr_movelr_box45  5s  linear  1s  infinite  alternate  running;
}
/* slick button css */
.witr_ds_content_area:hover .slick-next, .witr_ds_content_area:hover .slick-prev {
    opacity: 1;
}
.witr_ds_content_area .slick-prev {
    left: 15px;
}
.witr_ds_content_area .slick-next {
    right: 15px;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background: no-repeat 50%;
    color: #fff;
    transition: .5s;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    padding: 30px;
    background: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color: #004AAD;
    border-radius: 5px;
}
/* ===== Slider Area CSS ===== */
.h2_slider .witr_swiper_content h2, .h2_slider .witr_swiper_content h3{
    font-size: 60px;
}
.h2_slider .witr_swiper_content h3 {
    padding: 8px 0px 15px 0px;
}
.h2_slider .witr_swiper_content p {
    width: 66%;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.h2_slider .witr_swiper_content h2 {
    padding: 5px 0 2px 0;
}
/* ===== 4. About Area CSS ===== */
.ms_ab_area {
    position: relative;
    padding: 100px 0px 50px 0px;
}
.ab_img_inner img {
    margin-left: -111px;
    max-width: 150%;
    transition: 0.5s;
    margin-bottom: 20px;
}
.ab_cont_inner .witr_section_title_inner h3 {
    margin: -10px 0 0 0;
}
.ab_cont_inner .divider {
    text-align: left;
}
.ab_cont_inner {
    margin: 0 50px 0 0;
}
.ab_cont_inner .witr_image_title {
    margin: -200px 0 0 0;
}
.ab_cont_inner .witr_btn {
    margin-right: 0;
}
.heading-title {
    color: #004AAD;
    font-family: "Roboto Slab", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    line-height: 1;
    padding: 20px 0px 0px 0px;
}
.video-item a {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 15px;
    border-radius: 100%;
    background: #004AAD;
}
.tx_svd_icon {
    line-height: 75px;
    text-align: center;
    animation: witr-shadow 1s linear infinite;
    color:#fff;
}
.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: #004AAD;
}
.video-item i {
    position: absolute;
    left: 50%;
    top: 50%;
    color:#fff;
    transform: translateX(-50%) translateY(-50%);
}
.video-item h3 {
    font-size: 30px;
    margin-top: 35px;
    color:#fff;
}
@keyframes witr_squares{
    0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
    20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
    100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}
/* ===== About Area CSS ===== */
/* home 2 global css */
.h2_title .witr_image_title {
    margin: 10px 0px 20px 0px;
}
.h2_title .witr_section_title_inner h2 {
    font-size: 18px;
    display: inline-block;
    padding: 0px 0px 10px 0px;
}
.h2_title .witr_section_title_inner p {
    width: 100%;
    padding: 0 0 0 0;
    margin-top: 10px;
}
.h2_title  .witr_shape_item img {
    width: 100%;
    max-width: 100%;
}
.h2_title .witr_shape_image{
    animation: witr_movelr_box45  5s  linear  1s  infinite  alternate  running;
}
.h2_title .witr_section_title_inner h3 {
    margin: 0 !important;
}
.shapc .witr_shape_item_inner {
    z-index: 1;
    top: -28px;
    left: 500px;
}
/* end home 2 global css */
.ms_ab_area.h2_ab_area {
    padding: 120px 0px 0px 0px;
}
.h2_ab_area .h2_title .witr_shape_item_inner {
    top: 30px;
    left: 0;
}
.h2_ab_area .ab_cont_inner {
    margin: 70px 0px 0px 0px;
}
.h2_ab_area .ab_img_inner img {
    margin-left: 0;
    max-width: 100%;
    transition: 0.5s;
    margin-bottom: 0;
}

.ms_ab_area.h2_ab_area.h3_ab_area {
    padding: 70px 0 0 0;
    z-index: 2;
}
.h3_shapl .witr_shape_item_inner {
    top: 65px !important;
    left: -20px !important;
}
.h3_ab_area .ab_cont_inner {
    margin: 0px 0px 20px 0px;
}
.h2_ab_area .ab_cont_inner {
    margin: 22px 0px 20px 0px;
}
.h3shapc .witr_shape_item_inner {
    z-index: 1;
    top:0;
    left: 500px;
}
.h3_ab_middle {
    display: flex;
    justify-content: space-between;
    margin-right: 60px;
}
.witr_s_flex {
    display: flex;
}
.h3_ab_middle .em-service-icon i {
    color: #004AAD;
    font-size: 30px;
    height: auto;
    width: auto;
    line-height: normal;
    background: 0 0;
    border: none;
    display: inline-block;
    text-align: center;
    transition: .5s;
}
.h3_ab_middle .all_icon_color i,  .h3_ab_middle .em-service2.sleft .em-service-icon {
    margin: 0 5px 0 0;
}
.h3_ab_middle .em-service2 {
    padding: 0;
    margin-bottom: 5px;
}
.h3_ab_bcont {
    margin-top: 16px;
}
.ab_page_ab {
    padding: 120px 0 0 0;
}
/* ===== 5. Time Area CSS ===== */
.time_inner {
    /*background-color: #ffffff;*/
    /*background-image: url(assets/images/time-bg.png);*/
    background-position: center center;
    background-size: cover;
    border-radius: 20px 20px 20px 20px;
    padding: 40px 47px 30px 45px;
    z-index: 999;
    position: relative;
}
.time_left .witr_image_title {
    margin: -80px 0 0 0;
}
.time_left .witr_section_title_inner h3 {
    margin: -55px 0 0 0;
}
.time_left .witr_section_title_inner p {
    padding: 8px 0 5px;
    margin: 0;
}
.time_left .witr_section_title_inner h2 {
    text-decoration: underline;
}
.time_left .witr_section_title {
    margin-bottom: 0;
}
.time_left .divider {
    padding-bottom: 29px;
}
.time_witr_img .single_image{
    text-align: right;
}
/* ===== Time Area CSS ===== */
.h2_time_area .time_inner {
    background-image: url(assets/images/H2-time-bg.png);
    padding: 85px 30px 85px 50px;
}
.h2_time_area .time_left .witr_section_title_inner h3 {
    margin: 0;
}
.h2_time_area .time_left .witr_image_title {
    margin: 0;
}
.h2_time_area .time_left .witr_section_title_inner p {
    padding: 8px 0 37px;
    margin: 0;
} 
.h2_time_area .time_left .witr_section_title_inner h2 {
    text-decoration: inherit;
    padding: 0px 0px 10px 0px;
}
/* ===== 6. Service Area CSS ===== */
 
.ms_ser_area {
    background-image: url(assets/images/service-bg2.png);
    background-position: top center;
    background-size: cover;
    margin-top: -300px;
    margin-bottom: 0px;
    padding: 315px 0px 200px 0px;
}


.new_ms_ser_area {
    background-image: url("assets/images/service-bg.png");
    background-position: top center;
    background-size: cover;
    /*padding: 0px 0px 100px 0px;*/ /* Adjusted padding */
}

.ms_event_area {
    background-image: url("assets/images/service-bg.png");
    background-position: top center;
    background-size: cover;
    padding: 0px 0px 100px 0px; /* Adjusted padding */
    margin-top: 55px;
}

.pillar_ms_ser_area {
    background-image: url("assets/images/service-pillar-bg.png");
    background-position: top center;
    background-size: cover;
    padding: 0px 0px 100px 0px; /* Adjusted padding */
    margin-top: -50px;
}



.ms_ser_area .witr_section_title {
    margin-bottom: 50px;
}
.ms_ser_area .witr_section_title_inner h3 {
    margin: -40px 0 0 0;
}
.ms_ser_area .divider {
    text-align: center;
}
.service-item h3 {
    padding: 20px 0px 10px 0px;
}
.service-item{
    margin-bottom: 30px;
}
.service-item p {
    padding-top: 0;
    transition:.5s;
}
.service-btn {
    position: relative;
    transition:.5s;
}
.service-btn>a {
    display: inline-block;
    transition: .5s;
    padding: 9px 30px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: #004AAD;
}
.service-btn a:hover{
    color: #692727;
}
/* ===== Service Area CSS ===== */
.h2_ser_area {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 114px 0px 300px 0px;
}
.h2_ser_area .all_color_service {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    padding: 30px 10px 20px 10px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    transition:.5s;
}
.h2_ser_area .all_color_service:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #004AAD;
}
.h2_ser_area .service-btn a{
    color: #692727;
}
.service-btn a:hover {
    color: #004AAD;
}
/* ===== Service Area CSS ===== */
.h3_ser_area {
    background-image: url("assets/images/H3-service-bg.png");
    background-position: center center;
    background-size: cover;
    margin-top: -150px;
    margin-bottom: 0px;
    padding: 225px 0px 65px 0px;
}
.h3_ser_area .witr_section_title {
    margin-bottom: 100px;
}
.h3_ser_area .service-btn>a {
    color: #692727;
}
.h3_ser_area .service-btn>a:hover{
    color:#004AAD;
}
.ab_page_ser {
    background-image: url(assets/images/testi-bg.png);
    padding: 114px 0px 90px 0px;
}
/* ===== 7. Pillar Image Area CSS ===== */
.ms_pilar_area {
    margin-top: -130px;
    margin-bottom: 0px;
}
.pilar_img_inner{
    background-image:url();
}
.ms_pilar_area .divider{
    text-align:center;
    padding-bottom: 38px;
}
.ms_pilar_area .witr_section_title {
    margin-bottom: 41px;
}
/* ===== Pillar Image Area CSS ===== */
.h2_pilar_area {
    margin-top: -260px;
    margin-bottom: 0px;
    padding: 43px 0px 82px 0px;
    z-index: 11;
    position: relative;
}
.h2_pilar_area .all_icon_color i {
    color: #004AAD;
    font-size: 60px;
    width: 135px;
    height: 135px;
    line-height: 115px;
    text-align: center;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: #E6C69E;
    border-radius: 50%;
    display: inline-block;
    transition:.5s;
}
.h2_pilar_area .service-item:hover i {
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: #E6C69E;
    background: #004AAD;
    color:#fff;
}
/* ===== Pillar Image Area CSS ===== */
.h3_pilar_area {
    margin-top: 0;
    padding: 0;
}
.h3_pilar_area .all_color_service {
    padding: 30px 20px 10px 20px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 5px;
    margin:10px 10px 20px
}
.h3_pilar_area .all_icon_color i {
    color: #004AAD;
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #004AAD;
    border-radius: 50px 50px 0px 0px;
    text-align: center;
    display: inline-block;
    transition:.5s;
}
.h3_pilar_area .all_icon_color i:hover{
    background:#004AAD;
    color:#fff;
    border-width: 3px 3px 3px 3px;
    border-color:#004AAD;
}
.h3_pilar_area .service-item h3 {
    padding: 20px 0px 0px 0px;
}

.h3_pilar_area .service-item p {
    color: #004AAD;
}
/* ===== 8. circle Area CSS ===== */
.ms_cir_area {
    background-image: url("assets/images/help-img.jpg");
    background-position: center center;
    background-size: cover;
   /* margin-top: -280px;*/
    margin-bottom: 0px;
    padding: 50px 0px 50px 0px;
    z-index: 999;
    position: relative;
    /*margin-top:-95px;*/
}

.ms_event_area {
    /* margin-top: -280px; */
    margin-top: 65px;
    /* padding: 50px 0px 50px 0px; */
    
}
.cir_left_con .witr_section_title_inner h3 {
    color: #fff;
    margin: -10px 0 0 0;
}
.cir_left_con .witr_section_title_inner p {
    color: #fff;
    padding: 22px 0px 0px 0px;
}
.cir_left_con .witr_btn {
    font-size: 18px;
    padding: 18px 40px;
    font-weight: 400;
}
.cir_left_con .witr_image_title {
    margin: -200px 0 0 0;
}
.cir_left_con .divider {
    padding-bottom: 25px;
}
.cir_witr_inner {
    padding: 90px 0 0 0;
}
.witr_circle_area {
    text-align: center;
}
.witr_cp_class {
    position: relative;
}
span.witr_cir_text {
    color: #004AAD;
    top: -20px;
}
span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    font-size: 20px;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 700;
}
.witr_circle_title {
    margin-top: 10px;
}
.witr_circle_title h3 {
    color: #fff;
    margin: -100px 0 0 0;
}
.witr_circle_area{
    margin-bottom:30px;
}
/* ===== 9. Team Area CSS ===== */
.ms_team_area {
    background-image: url("assets/images/team-shap.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 112px 0px 90px 0px;
}
.ms_team_area .witr_section_title {
    margin-bottom: 40px;
}
.ms_team_area .divider {
    text-align: center;
}
.witr_team_s12 {
    border: none;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    transition: .5s;
    position: relative;
    text-align: center;
    overflow: hidden;
    background: #fff;
    margin-bottom: 30px;
}
.witr_team_s12 .front_view {
    padding: 0;
    border: none;
    padding-top: 30px;
    transition: .5s;
}
.front_view_box {
    padding: 23px 25px 30px;
}
.all_color_team h5 {
    padding: 5px 0px 10px 0px;
}
.back_view h5, .front_view h5 {
    margin-bottom: 0;
}
.back_view p, .front_view p {
    margin-top: 3px;
}
.team_list_op, .witr_content_3d p, .witr_team_s12 .con_TMS {
    margin-top: 10px;
}
.front_view .con_TMS a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    margin: 0 3px;
    background: #004AAD;
    color: #fff;
    border: 1px solid #ddd;
}
.front_view .con_TMS a:hover{
    background:#515151;
}
/* ===== Team Area CSS ===== */
.h2_team_area {
    padding: 115px 0 70px 0;
}
/* ===== 10. Event Area CSS ===== */
.ms_event_area .divider {
    text-align: center;
}
.ms_event_area .witr_section_title {
    margin-bottom: 25px;
}
.gogrin-single-event_adn {
    overflow: hidden;
    margin-bottom: 30px;
    transition: .5s;
    background: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.gogrin-event-thumb_adn {
    overflow: hidden;
    position: relative;
}
.gogrin-event-thumb_adn img {
    transition: .5s;
    display: block;
    width: 100%;
    transform: scale(1);
}
.witr_icon_adn {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 99999;
    opacity: 0;
    transition: .5s;
}
.witr_icon_adn a {
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    width: 42px;
    background: #004AAD;
    color: #fff;
}
.event_date {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 18px;
    text-align: center;
    border-radius: 0;
    background: #004AAD;
    color: #fff;
}
.event_countdown .event_date span, .style7_day span {
    display: inline-block;
}
.event_date span {
    line-height: 20px;
}
.event_countdown.witr_countdown {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    background: #004AADe0;
}
.counterdowns {
    text-align: center;
}
.event_countdown .autob {
    display: flex;
    justify-content: center;
}
.event_countdown span.cdowns {
    width: auto;
    height: auto;
    margin: 0;
    background: 0 0;
    border: none;
    padding: 7px 42px
}
.event_countdown span.cdowns::before {
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    border-radius: 0;
    background: #fff
}
.event_countdown span.cdowns:after {
    display: none!important
}
.col-lg-4 .event_countdown span.cdowns {
    padding: 7px 20px
}
.event_countdown span.time-counts {
    font-size: 25px;
    display: inline-block;
    font-weight: 400;
    color: #fff
}
.counterdowns.event_countdown p {
    color: #fff;
    margin-bottom: 5px
}
.event_countdown .counterdowns p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px
}
.em-event-content-area_adn {
    padding: 25px 30px 35px 40px;
    transition: .5s;
}
.witr_3e .event-page-title_adn h2 {
    margin: 10px 0 5px;
    display: inline-block;
    font-size: 22px;
}
.event-page-title_adn a {
    text-transform: capitalize;
}
.gogrin-event-meta-left_adn {
    position: relative;
    line-height: 1;
    margin-top: 6px;
}
.event_date_5 span, .gogrin-event-meta-left_adn a, .gogrin-event-meta-left_adn span {
    margin-right: 5px;
    font-size: 17px;
    display: inline-block;
    line-height: 1.7;
    color:#888;
}
.event_all_color span i {
    font-size: 13px;
    margin-right: 10px;
}
.witr_content_event p {
    margin-top: 10px;
}
.event-page-title_adn p {
    margin: 0;
}
.witr_event_btn {
    margin-top: 25px;
    position: relative;
}
.witr_event_btn a {
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    transition: 1s;
    background: #02010100;
    color: #004AAD;
}
.btn_all_color a:hover {
    color: #515151;
}
.gogrin-single-event_adn:hover .gogrin-event-thumb_adn a:before, .gogrin-single-event_adn:hover .witr_icon_adn {
    opacity: 1;
}
.gogrin-event-thumb_adn:hover img, .gogrin-single-event_adn:hover .gogrin-event-thumb_adn img {
    transform: scale(1.1);
}
/* ===== Event Area CSS ===== */
.h2_event_area {
    background-image: url("assets/images/service-bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -180px;
    margin-bottom: 0px;
    padding: 204px 0px 90px 0px;
}
.ab_page_event {
    padding: 15px 0 90px;
}
.event_page_event {
    padding: 115px 0 90px;
}
/* ===== Event Area CSS ===== */
.h3_countdown_area {
    background-image: url("assets/images/H3-event-bg.png");
    background-position: center center;
    background-size: cover;
    padding: 120px 0px 117px 0px;
}
.h3_cou_witr{
    margin: 40px 0 0 0;
}
.h3_cou_witr .witr_shape_item_inner {
    top: 40px;
}
.h3_countdown_area .witr_section_title {
    margin-bottom: 38px;
}
.h3_countdown_area .counterdowns {
    text-align: center;
}
.h3_countdown_area span.cdowns {
    width: 112px;
    height: 150px;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    line-height: 1;
    padding-top: 40px;
    border-radius: 20px 20px 20px 0;
    background:#004AAD;
}
.h3_countdown_area .counterdowns {
    text-align: center
}
.h3_countdown_area span.time-counts {
    font-size: 35px;
    display: inline-block;
    font-weight: 700
}
.h3_countdown_area .counterdowns p {
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0 16px;
    color: #fff;
}
.h3_countdown_area span.time-counts {
    font-size: 52px;
    color: #fff;
}
.h3_cou_witr .witr_btn {
    margin-top: 40px;
}
/* ===== 11. Testimonial Area CSS ===== */
 .ms_test_area {
    background-image: url("assets/images/service-bg.png");
    background-position: top center;
    background-size: cover;
    padding: 0px 0px 100px 0px; /* Adjusted padding */
    margin-top: -60px;
}
.ms_test_area .witr_section_title {
    margin-bottom: 42px;
}
.ms_test_area .divider{
    text-align:center;
}
.witr_item_column {
    padding: 60px 15px 0;
}
.testomonial .test-part {
    box-shadow: 0 5px 10px 0 rgb(240 241 243);
    padding: 30px 17px 10px 30px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #004AAD;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
}
.test-part, .test-part h6, .test-part ul li {
    display: inline-block;
}
.test-part h6 {
    font-size: 20px;
    line-height: 26px;
    padding-top: 30px;
    padding-bottom: 7px;
    color: #004AAD;
}
.test-part span {
    font-weight: 400;
    font-size: 16px;
}
.testomonial .test-part img {
    position: absolute;
    top: -50px;
    left: 218px;
    z-index: 22;
    width: 100px;
    height: 100px;
}
/* ===== Testimonial Area CSS ===== */
.h2_test_area {
    background-image: url("assets/images/H2-clients-bg.jpg");
    background-position: center center;
    background-size: cover;
    padding: 95px 0px 90px 0px;
    margin-top: 0;
}
.h2_test_inner {
    padding: 0px 150px 0px 150px;
}
.h2_test_area .witr_section_title_inner h3 {
    color: #fff;
}
.h2_test_area .testomonial .test-part {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    padding: 30px 17px 10px 30px;
    position: relative;
    text-align: center;
    background: #FFFFFF00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #004AAD;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    display:inline-block;
}
.h2_test_area .test-part span {
    color: #fff;
}
.h2_test_area .all_color_testimonial p {
    color: #fff;
    font-size: 18px;
}
.h2_test_area .test-part img {
    left: 353px;
}
.h2_test_area .witr_item_column {
    padding: 50px 10px 0;
}
/* ===== Testimonial Area CSS ===== */
.h3_test_area {
    background-image: url("assets/images/H3-testimonial-bg.jpg");
    background-position: center center;
    background-size: cover;
    margin-bottom: 0px;
    padding: 195px 0px 92px 0px;
    margin-top: -115px;
}
.witr_testi_itemt {
    padding: 0 10px;
}
.h3_test_area .em_single_testimonial {
    margin-bottom: 30px;
    transition: .5s;
    padding: 0;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.testimonial_post_13 {
    display: flex!important;
    justify-content: space-around;
    align-items: center;
}
.h3_test_area .witr_screenshot_thumb {
    width: 45%;
}
.test_text_all {
    padding: 25px 30px 26px;
    width: 100%;
}
.h3_test_area .testAuthor h6, .testimonial_post_13 .test-part {
    margin-bottom: 0;
}
.h3_test_area .test-part ul li {
    padding-top: 0;
}
.h3_test_area .execllent_toggol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.h3_test_area .em_crating i{
    color: #004AAD;
    font-size: 18px;
}
.h3_test_area .em_testi_content {
    position: relative;
    text-align: center;
}
.h3_test_area .em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: none;
    text-align: left;
}
.h3_test_area .all_color_testimonial p {
    color: #FFFFFF;
    font-size: 18px;
    font-style: normal;
}
.h3_test_area .all_color_testimonial h6, .h3_test_area .all_color_testimonial h2 {
    color: #004AAD;
}
.h3_test_area .em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color:#fff;
}
.h3_test_area .execllent_star h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-style: italic;
    color: #fff;
}
.h3_test_area .em_test_thumb {
    float: left;
    margin-right: 20px;
}
.h3_test_area .em_test_thumb img {
    display: initial!important;
    border-radius: 50%;
    width: 59px;
}
/* ===== 12. Blog Area CSS ===== */
.ms_blog_area {
    position: relative;
    padding: 55px 0 100px;
}
.blog_page_blog {
    padding: 112px 0 100px;
}
.ms_blog_area .witr_shape_item img {
    width: 100%;
    max-width: 100%;
}
.blog_shap1 .witr_shape_item_inner {
    top: 100px;
    left: -6px;
}
.blog_shap2 .witr_shape_item_inner {
    top: 100px;
    right: -8px;
    left: auto;
}
.blog_shap2 .witr_shape_item img {
    width:inherit;
    max-width: inherit;
}
.ms_blog_area .witr_section_title {
    margin-bottom: 35px;
}
.ms_blog_area .divider{
    text-align:center;
}
.witr_blog_con {
    padding: 20px 29px 25px;
    padding-top: 15px;
    margin-bottom: 0;
}
.all_blog_color {
    text-align: left;
}
.busi_singleBlog {
    transition: .5s;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
    width: 100%;
    transition: .5s;
}
.witr_top_category {
    transform: scale(0);
    transition: .5s;
}
.busi_singleBlog:hover .witr_top_category {
    transform: scale(1);
}
.witr_top_category {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 999;
}
.witr_top_category ul li {
    display: inline-block;
}
.witr_top_category ul li a {
    background: #004AAD;
    padding: 3px 10px;
}
.witr_top_category ul li a {
    border-radius: 5px;
    margin: 0 10px 10px 0;
    display: inline-block;
}
.witr_top_category ul li a {
    color:#fff;
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
    transform: scale(1.2);
}
.witr_blog_con h2 {
    margin: 15px 0 0;
    color: #222429;
}
.witr_blog_con h2 a {
    display: inline-block;
}
.em-blog-content-area_adn {
    padding: 0 10px 22px 20px;
}
.learn_btn {
    padding: 3px 5px;
    border-radius: 5px;
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    color: #004AAD;
    text-align: center;
    display: inline-block;
}
.learn_btn:hover{
    color:#333333;
}
.em-blog-content-area_adn {
    padding: 0 10px 20px 20px;
}
.witr_blog_border {
    margin-bottom: 10px;
}
.witr_blog_border {
    border: 1px solid #f2f2f2;
}
.witr_blog_con span {
    font-size: 16px;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
}
.c2quran-blog-meta-left_adn a, .c2quran-blog-meta-left_adn span, .c2quran-event-meta-left_adn a, .c2quran-event-meta-left_adn span, .event_date_5 span, .witr_blog_con span, .witr_blog_con span a, .witr_blog_metan span, .witr_blog_metan span a, .witr_circal_r h6 {
    color: #888;
}
.witr_blog_meta_potion14 {
    margin: 5px 0 17px;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    transition: .5s;
    color: #004AAD;
}
.witr_blog_meta_potion {
    margin-top: -55px;
    margin-bottom: 25px;
    z-index: 9;
    position: relative;
    padding: 15px 10px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.04);
    background: #fff;
}
.wbutton_right_icon {
    position: absolute;
    bottom: 0;
    right: 24px;
}
.wbutton_right_icon a {
    font-size: 20px;
    position: relative;
    z-index: 1;
    color: #004AAD;
}
.wbutton_right_icon a::before {
    content: '';
    position: absolute;
    height: 110px;
    width: 110px;
    border: 2px solid #f7f7f7;
    bottom: -78px;
    z-index: -1;
    transform: rotate(-35deg);
    right: -38px;
    border-radius: 0 20px;
    transition: .5s;
}
.busi_singleBlog:hover .wbutton_right_icon a {
    color: #fff;
}
.busi_singleBlog:hover .wbutton_right_icon a::before {
    background: #004AAD;
}
.c2quran_blog_area .slick-prev, .c2quran_blog_area .slick-next{
    opacity:1;
    top:-60px;
}
.c2quran_blog_area .slick-next {
    right:20px;
}
.c2quran_blog_area .slick-prev {
    left: 970px;
}


.h2_blog_area {
    padding: 95px 0 100px;
    margin-top: -100px;
}
.h2_blog_area .blog_shap1 .witr_shape_item_inner {
    top: 170px;
}
.h2_blog_area .blog_shap2 .witr_shape_item_inner {
    top: 170px;
}
.cont_page_blog {
    padding: 94px 0 100px;
}
.cont_page_blog .blog_shap1 .witr_shape_item_inner {
    top: 230px;
}
.cont_page_blog .blog_shap2 .witr_shape_item_inner {
    top: 230px;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    text-transform: capitalize;
}
.blog-left-side .widget h2::before {
    background: #004AAD;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    width: 26%;
    top: 30px;
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}
.footer-middle .widget h5 {
    text-transform: capitalize;
}
.blog-left-side .widget ul {
    list-style: none;
}
.blog-left-side .widget ul li {
    margin: 0 0 5px;
    padding-left: 20px;
    position: relative;
}
.blog-left-side .widget>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.blog-left-side .widget ul li span {
    font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-left-side .widget ul li a:hover, .blog-left-side .widget ul li:hover::before {
    color: #004AAD;
}
.blog-left-side .widget ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
}
.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.c2quran-blog-meta-left i {
    color: #004AAD;
}
.c2quran-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.c2quran-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #004AAD;
}
.recent-post-item {
    padding-bottom:0;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}
.c2quran-blog-meta-left a, .c2quran-blog-meta-left span {
    color: #888;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select {
    width: 100%;
}
#wp-calendar {
    width: 100%;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #DB2D2E;
}
.tagcloud a:hover {
    background: #DB2D2E;
    color: #fff;
}
#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
#wp-calendar {
    font-size: 13px;
}
#wp-calendar {
    border: 0 solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
table#wp-calendar td {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
    padding: 8px;
}
table#wp-calendar th {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
table#wp-calendar td#today {
    color: #fff;
    background-color: #004AAD;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.c2quran-blog-thumb img {
    width: 100%;
    transition:.5s;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
.witr-blog-side-area.blog_sidebar .c2quran-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.c2quran-single-blog {
    overflow: hidden;
    text-align: left;
    transition: all .3s ease-in-out 0s;
}
.c2quran-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.c2quran-blog-thumb a {
    display: block;
    position: relative;
}
.c2quran-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.c2quran-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.c2quran-blog-thumb img {
    width: 100%;
}
.c2quran_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.c2quran-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.c2quran-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.c2quran-blog-meta-left a, .c2quran-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.c2quran-blog-meta-left i {
    color: #004AAD;
    margin-right: 5px;
    font-size: 13px;
}
.c2quran-blog-meta-left a, .c2quran-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #004AAD;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 400;
    margin-bottom: 20px;
}
.c2quran-single-blog:hover .c2quran-blog-thumb a:before {
    opacity: 1;
}
.c2quran-single-blog:hover .c2quran-blog-thumb img {
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.c2quran-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.video-open-inline iframe {
    width: 100%;
    height: 400px;
    border: none;
}
.witr-blog-side-area.blog_sidebar .markit-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid  #004AAD;
    padding: 1em 1em;
    margin-top: 15px;
}
blockquote {
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
    color: #454545;
}
.blog-left-side>div {
    margin-bottom: 30px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.recent-post-text h4 a {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
.recent-post-text .rcomment {
    font-size: 14px;
}
.widget_recent_data .recent-post-image img {
    margin-bottom: 10px;
    margin-top: 0;
}
.widget_recent_data .recent-post-item {
    margin-bottom: 0;
}
.blog-left-side .single-widget-item h2 {
    color: #030925;
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
    padding: 100px 0 70px;
}
.c2quran-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.block .wp-block-quote.is-large p, .block .wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
    color: #5c727d;
}
.wp-block-group__inner-container {
    text-align: center;
}
.c2quran-single-icon-inner {
    text-align: center;
}
.c2quran-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;
}
.c2quran-single-icon-inner a:hover {
    background: #004AAD;
    border-color: #004AAD;
    color: #fff;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
.comment_field .input-field {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 6px 20px;
    height: 54px;
    font-size: 17px;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.c2quran_btn {
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    border-radius: 5px;
    transition: .5s;
    color: #444;
}
.c2quran_btn:hover {
    background: #004AAD;
    border-color:#004AAD;
    color:#fff;
}
/* end sidebar css */
/* ===== 13. Footer Area CSS ===== */
.ms_ft_top {
    background-image: url("assets/images/footer-bg.jpg");
    background-position: top center;
    background-size: cover;
    padding: 108px 0px 30px 0px;
}
.newsle_inner{
    padding:0 200px 0 200px;
}
.newsle_inner .witr_section_title {
    margin-bottom: 25px;
}
.footer-middle .mc4wp-form-fields p, .mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
    margin-bottom: 22px;
}
.mc4wp-form-fields input {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 30px;
    border: none;
    outline: 0;
    padding: 15px 35px;
    height: 60px;
    color: #b0afaf;
    background: #fff;
}
.mc4wp-form-fields button {
    width: 30%;
    border-radius: 30px;
    border: none;
    outline: 0;
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    padding: 10px 15px;
    transition: .5s;
    background: #004AAD;
    color: #fff;
}
.mc4wp-form-fields button:hover {
    background: #18406b;
}

.witrfm_area {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url('assets/images/footer-bg.jpg');
    background-size: cover;
    position: relative;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width:61%;
    left: 0;
    right: 0;
    margin: auto;
    border-top:1px solid #fff;
}
.footer-middle {
    padding: 38px 0 70px;
}
.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .gogrin-description-area p, .gogrin-description-area .phone a, .gogrin-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .gogrin-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
.footer-middle .widget h2 {
    margin-bottom: 26px;
    margin-top: 28px;
    position: relative;
}
.single-widget-item h2 {
    margin-bottom: 33px;
    margin-top: 28px;
}
.gogrin-description-area a img {
    margin: 26px 0;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    margin: 0;
    float: left;
}
.gallery-icon img {
    margin: 0 auto;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 900;
    font-size: 13px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 3.7;
    margin-right: 14px;
    
}
.recent-post-image {
    float: left;
    margin-right: 15px;
}
.recent-post-image img {
    border-radius: 0;
    width: 70px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.footer-sociala-info {
    overflow: hidden;
}
.recent-portfolio-area {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
.recent-portfolio {
    margin-bottom: 10px;
    margin-right: 10px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #004AAD;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 13px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-widget.address p {
    margin-bottom: 10px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #004AAD;
}
.gogrin-desc2quraniption-area a img {
    margin: 26px 0;
}
.gogrin-description-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 0;
    background: #004AAD;
    color: #fff;
}
.gogrin-description-area .social-icons a:hover {
    background:#fad3b6;
    color: #fff;
}
.twr_footer_contact input {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    height: 60px;
    width: 100%;
    padding-left: 30px;
    color: #fff;
    border-radius: 4px;
}
.twr_footer_contact input::placeholder{
    color:#fff;
}
.twr_footer_contact button {
    padding: 15px 30px;
    margin-top: 10px;
    outline: 0;
    border: none;
    background: #004AAD;
    color: #fff;
}
.footer-middle .mc4wp-form-fields {
    margin-top: 20px;
}
.footer-middle .mc4wp-form-fields p:nth-child(1) {
    margin-bottom: 22px;
}
.footer-middle .mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.footer-middle .mc4wp-form-fields input {
    border: 1px solid #e7e7e7;
}
.footer-middle .mc4wp-form-fields input {
    height: 50px;
    position: relative;
    background: 0 0;
    width: 100%;
    line-height: 43px;
    border-radius: 0;
    padding-left: 10px;
}
.mc4wp-form-fields input {
    color: #2b2b31;
}
.mc4wp-form-fields input::placeholder{
    color: #b0afaf;
}
.mc4wp-form-fields input {
    font-size: 16px;
    outline: 0;
    padding: 15px 30px;
}
.footer-middle .mc4wp-form-fields button {
    background: #004AAD;
}
.footer-middle .mc4wp-form-fields button {
    color: #fff;
    background: #2b2b31;
}
.footer-middle .mc4wp-form-fields button {
    position: absolute;
    right: 0;
    top: 0;
    width: 37%;
    height: 50px;
    border-radius: 0;
    cursor: pointer;
    padding: 10px 10px;
    line-height: 0;
    transition: .5s;
    font-size: 18px;
}
.mc4wp-form-fields button {
    border: none;
    outline: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    z-index: 2;
}
.witr_sub_table {
    border-bottom: 1px solid #ffffff8c;
}
.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.witr_sub_table span {
    color:#fff;
}
/* footer bottom area css */
.footer-bottom {
    padding: 23px 0 22px;
    position: relative;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff61;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #ffffff;
    text-align: center;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
    color: #004AAD;
}
/* sc2quranoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: #004AAD;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    border: 0 solid #F0F0F0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    transition: .5s;
    outline: 0;
    background: #004AAD5c;
}
 .slick-dots li.slick-active button {
    background-color:#004AAD;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    z-index: 9;
    opacity: 0;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 55px;
    height: 55px;
    line-height: 55px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 0px solid #17161a;
    background: #004AAD;
}
.slick-prev {
    left: -65px;
}
 .slick-next {
     right: -65px;
}
.slick-next:before, .slick-prev:before {
    color: #fff;
    font-size: 40px;
    transition: all .3s ease 0s;
    content: "\ea93";
    font-family: IcoFont!important;
    line-height: inherit;
    opacity: 1;
}
.slick-next:before {
    content: "\ea94";
    font-family: IcoFont!important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: #fad3b6;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #fff;
}
button:focus {
    outline: 0;
}
.bk_test_area:hover .slick-prev, .bk_test_area:hover .slick-next {
    opacity:1;
}
.h3_test_area:hover .slick-prev, .h3_test_area:hover .slick-next{
    opacity:1;
}
.h2_test_area:hover .slick-prev, .h2_test_area:hover .slick-next{
    opacity:1;
}
/*===== 14. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
    font-size: 36px;
}
.breadcumb-area {
    padding-top: 147px;
    padding-bottom: 93px;
    background-size: cover;
    background-image: url(assets/images/breckum.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color:#fff;
}
.breadcumb-inner li {
    display: inline-block;
    margin: 0;
    color:#fff;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color:#fff;
}
.breadcumb-inner li a {
    color:#fff;
}
.breadcumb-inner li a:hover {
    color: #004AAD;
}
.brpt h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
.ccase {
     text-transform: capitalize;
}
/* ===== 15. Feature Area CSS ===== */
.h3_fea_area {
    position: relative;
}
.h3_fea_area .witr_shape_item_inner {
    top: -255px;
    left: -385px;
}
.h3_fea_area .witr_shape_item img {
    width: 184%;
    max-width: 250%;
}
.h3_fea_area .all_color_service {
    padding: 40px 20px 20px 20px;
    transition:.5s;
}
.h3_fea_area .service-item h3 {
    padding: 15px 0px 0px 0px;
}
.h3_fea_area .service-item h3 a{
    font-size:18px;
}
.h3_fea_area .all_color_service p {
    color: #004AAD;
    transition: 0.5s;
}
.h3_fea_area .all_color_service:hover {
    background: #F7F7EE;
}
.s_active{
    background: #F7F7EE;
    transition:.5s;
}
.s_active:hover {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    background: #fff !important;
}
/* ===== 16. Portfolio Area CSS ===== */
.hg_proj_area {
    padding: 100px 0 175px;
}
.hg_proj_area .slick-dots {
    bottom: -63px;
}
.hg_proj_area .witr_section_title {
    margin-bottom: 35px;
}
.hg_proj_area .divider-separator {
    width: 11%;
}
.hg_proj_area .divider {
    margin-bottom: 0;
}
.witr_pslide3 .witr_single_pslide {
    margin-bottom: 100px;
    overflow: inherit;
}
.witr_pslide_image, .witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image::before {
    position: absolute;
    content: '';
    background: #222429;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    opacity: 0.5;
}
.witr_pslide .witr_pslide_custom a span:hover {
    background: #ff6900;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    transition: .5s;
    width: 100%;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    transform: scale(1.2);
}
.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 30px;
    right: auto;
    left: 30px;
    transform: scaleX(0);
    position:absolute;
    z-index:9;
    transition:.5s;
}
.witr_pslide .witr_pslide_custom a span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    color: #004AAD;
    background: #fff;
    display: inline-block;
    transition: .5s;
    text-align: center;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    transition: .5s;
    opacity: 1;
    z-index: 2;
    text-align: left;
    border-radius: 5px;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text h3 a {
    display: inline-block;
    color: #fff;
    margin-bottom: 3px;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
    color: #fff;
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    transform: scaleX(1);
}
.ps1 .witr_content_pslide_text a:hover{
    color:#004AAD
}
.witr_pslide_custom {
    position: absolute;
    bottom: -17px;
    right: 50%;
    z-index: 9;
    transition: .5s;
    transform: translateX(50%);
}
.witr_single_pslide:hover .witr_pslide_custom {
    bottom: -20px; 
}
.witr_content_pslide_text a {
    display: inline-block;
}
.witr_pslide3 .witr_pslide_custom a span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    box-shadow: 0 0 65px 0 #00000014;
    background: #fff;
    text-align: center;
    color: #004AAD;
    display: inline-block;
    transition: .5s;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
    color: #fff;
    background: #004AAD;
}

.hg_port_area .witr_section_title {
    margin-bottom: 50px;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #004AAD;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}

.port_2colmn {
    padding: 95px 0 82px;
}
.port_2colmn .witr_section_title {
    margin-bottom: 20px;
}
.portfolio_nav {
    padding: 0 0 30px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom:28px;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}
.prot_content {
    position: absolute;
    text-align: center;    
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
}
.prot_content h3 {
    margin: 0;
    text-transform: capitalize;
    font-size: 23px;
    margin-bottom: 0;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #004AAD;
}
.prot_content p {
    line-height: 1.2;
    margin: 5px 0 0;
}
.prot_content p span {
    display: inline-block;
    color: #fff;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
    position: relative;
    margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}
.nospace.col-xs-12 {
    padding: 0px;
}
.nospace .single_protfolio {
    margin-bottom: 0px;
}
/* load button css */
.gallery_load_button {} .gallery_load_button a {
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
.prots-contentg p {} 
/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {      
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;      
    transition: .3s;
    border: 1px solid transparent;
}
.pstyle_1 .picon a {
    background:0 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
.prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {
    color: #454545;
}
.porttitle_inner4 p {
    margin-bottom: 0;   
}
.porttitle_inner4 p span {
    display: inline-block;
    color: #454545;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #004AAD;
    background: #004AAD;
    color: #fff;
}
.prot_content {
    background: #004AAD80;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
    text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #004AAD;
     background: #004AAD;
     color: #fff;
}
ul.page-numbers a.page-numbers {
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current, a.page-numbers {
    border-radius: 5px;
    margin-right: 10px;
    padding: 15px 24px;
    font-size: 19px;
    line-height: 1;
    transition: .5s;
}
.page-numbers span.current, .paginations a {
    display: inline-block;
    font-weight: 500;
    margin: auto 5px;
}
 .paginations a {
    color: #888;
}
.page-numbers li {
    display: inline-block;
}
.paginations {
    text-align: center;
    margin-top: 14px;
}
.portfolio_4column_gutter .single_protfolio {
    margin-bottom: 0px;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    opacity: 0;
    transition: all .3s ease-in-out .3s;
}
.single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: #004AAD;
}
.picon a:hover {
    border-color: #fad3b6;
    background: #fad3b6;
}
/* style 1 */
.em_port_content {
    height: 100%;
    width: 100%;     
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
    transition: .5s;
    margin-bottom:30px;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    transition: .3s;
    border: 1px solid transparent;
}
.portfolio_grid_area .portfolio_nav {
    padding: 0px 0 30px;
}
.port_2colmn .h2_title .witr_section_title_inner h2 {
    padding: 0;
}
.h3colmn .h2_title .witr_section_title_inner p {
    width: 40%;
}
.h3colmn .witr_section_title {
    margin-bottom: 35px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    padding: 15px 0 20px 20px;
    transition: .5s;
}
.pstyle2.pstyle3 .prot_content_inner {
    text-align: left;
}
.pstyle2.pstyle3 .prot_content_inner {
    background: #004AAD;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
    left: 75%;
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
/* portfolio grid area css */
.port_style02 .pstyle2 .prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.port_style02 .prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0px;
    display: inline-block;
}
.port_style02 .picon a:hover {
    border-color: #0a0a0a;
    background: #0a0a0a;
}
.port_style02 .single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.port_style02 .prot_content h3 a:hover {
    color: #004AAD;
}
.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}
.portfolio_style2 .prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.portfolio_style2 .prot_content h3 a {
    margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1,1);
}
.portfolio_style2 .prot_content h3 a:hover {
    color: #004AAD;
}
.p3clmn .prot_content {
    background: #00000085;
}
.p3clmn .prot_content_inner {
    top: 60%;
    transition: all .3s ease-in-out .3s;
}
.p3clmn .prot_content h3 a {
    margin-bottom: 2px;
}
.p3clmn .witr_section_title_inner.text-center p {
    width: 40%;
}
.p3clmn {
    padding: 110px 0 105px;
}
.sing_proj_area {
    padding: 110px 0 0;
}
.sing_proj_area .prot_content_inner {
    top: 60%;
    transition: all .3s ease-in-out .3s;
}
.sing_proj_area .witr_section_title {
    margin-bottom: 37px;
}
/* recent project css */
.c2quran-blog-area.c2quran-blog-single.single-blog-details {
    padding: 100px 0 80px;
}
.portfolio-details-box h2 {
    font-size: 25px;
}
.prots-contentg ul {
    display: inline-block;
    margin-bottom: 20px;
}
.portfolio-details-box ul li, .right_popupmenu_area .witr_sub_table {
    border-bottom: 1px solid #ddd;
}
.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    list-style: none;
}
.portfolio-details-box ul li b {
    font-size: 18px;
    font-weight: 600;
}
.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}
.c2quran-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.c2quran-single-icon a {
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
    color: #004AAD;
}
.c2quran-single-icon a:hover {
    background: #004AAD;
    color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* ===== 17. Cases Area CSS ===== */
.h2_cases_area {
    background-image: url("assets/images/team-shap.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 115px 0 0 0;
}
.h2_cases_area .witr_section_title {
    margin-bottom: 40px;
}
.witr_couses {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 30px;
}
.witr_couses_image {
    overflow: hidden;
    position: relative;
}
.witr_couses_image img {
    width: 100%;
}
.witr_content_area_c {
    padding: 22px 20px 30px;
    margin: auto;
    transition: .5s;
    text-align: left;
    overflow: hidden;
}
.witr_content_couses h3 {
    font-size: 21px;
    margin-bottom: 10px;
}
.witr_content_couses h3 a {
    transition: .5s;
}
.witr_dis_btngr {
    display: inherit;
    align-items: center;
}
.witr_title_bar span {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    display: inline-block;
    color: #272727;
}
.couses_single_progress{
    overflow: hidden;
}
.couses_bar_percent.progress {
    overflow: visible;
    height: 6px;
    margin: 0;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.couses_bar_percent .progress-bar {
    position: relative;
    line-height: 4px;
    background:#004AAD;
}
.couses_bar_percent span {
    position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 16px;
    top: -15px;
    color: #272727;
}
.witr_couses_2 .witr_circal_r {
    display: block;
    margin-left: 0;
    margin-bottom: 12px;
}
.witr_circal_r {
    padding: 20px 0 0 0;
}
.h2_cases_area .all_couses_color h6 {
    color: #004AAD;
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-right: 20px;
}
.h2_cases_area .witr_btn{
    margin-top:10px
}
/* ===== Cases Area CSS ===== */
.h3_cases_area {
    padding: 0;
    background-image: url(assets/images/H3-cause-shap.png);
}
/* ===== 18. Donation Area CSS ===== */
.donation_area {
    padding: 100px 0 100px;
}
.donation_inner {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 85px 50px 86px 50px;
    border-radius: 30px 30px 30px 30px;
}
.donation_inner h2 {
    color: #254151;
    margin: 0 0 15px;
    padding: 0;
}
.give_error, .give_success, .give_warning {
    background: #f9f9f9;
    border-left: 4px solid #ffba00;
    box-shadow: 0 1px 1px rgba(0,0,0,.125);
    clear: both;
    margin: 15px 0;
    padding: 1em 1.5em 1em 2em;
    position: relative;
}
.give_error:before, .give_success:before, .give_warning:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 100%;
    color: #fff;
    font-family: give-icomoon;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 30px;
    left: -17px;
    line-height: 1;
    line-height: 30px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px rgba(0,0,0,.5);
    text-transform: none;
    top: 50%;
    width: 30px;
}
.give_warning:before {
    background-color: #ffba00;
    content: "\f02d";
}
.give_error>p, .give_success>p, .give_warning>p {
    color: #333;
    margin: 0!important;
}
.set-price.give-donation-amount.form-row-wide {
    border: 1px solid #ccc;
    width: 150px;
}
span.give-currency-symbol.give-currency-position-before {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    background: #f2f2f2;
    padding-left: 10px;
}
.give-btn {
    cursor: pointer;
    font-size: 1em;
    line-height: 1.2em;
    padding: 8px 10px;
    color: #fff;
    background: #004AAD;
    border: 1px solid #004AAD;
    margin-top: 15px;
}
/* ===== 19. Faq Area CSS ===== */
.ms_faq_area {
    padding: 120px 0 100px;
}
.faq_content .witr_section_title_inner p {
    padding: 0 0 0 0;
}
.faq_content .witr_section_title {
    margin-bottom: 37px;
}
.faq_img {
    margin: 0 16px 20px 0;
}
.accordion_area .card-2 {
    margin-bottom: 15px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid rgb(221, 221, 221);
}
.witr_ac_style {
    align-items: center;
    transition: .5s;
    display: block;
    padding: 11px 15px;
    color: #222429;
}
.witr_ac_style, .witr_ac_style::before {
    font-size: 17px;
    font-weight: 600;
}
.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 400;
}
.active .witr_ac_style:before {
    content: '\eaa1';
}
.witr_ac_card i {
    font-size: 20px;
    display: inline-block;
}
.accordion_area .card-2 p {
    padding: 0 0 0 27px;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_card i {
    margin-right: 10px;
    font-size: 20px;
}
.witr_ac_style:hover {
    color: #302EA2;
}
.active .witr_ac_style, .witr_ac_style:hover {
    background: rgba(2, 1, 1, 0);
    /*color: rgb(210, 156, 70);*/
    color: #004AAD;
}
.faq_img_inner {
    padding: 20px 0 0 0;
}
.faq_img_inner .single_image_area {
    text-align: right;
}
/* ===== Faq Area CSS ===== */
.hg_faq_area2 {
    padding: 120px 0 103px;
    background: #F9F9F9;
}
.hg_faq_area2 .single_image.single_line_option img {
    margin-bottom: 30px;
}
.single_ser {
    padding: 110px 0 100px;
}
.writ_ac_style_02 {
    align-items: center;
    transition: .5s;
    display: block;
    padding: 10px 20px 10px 0px;
}
.faq2_content .witr_ac_style, .faq2_content .witr_ac_style::before {
    font-size: 20px;
    font-weight: 600;
}
.faq2_content .accordion_area .card-2 p {
    padding: 15px 20px 20px;
}
.writ_ac_style_02:focus, .writ_ac_style_02:hover {
    color: #232323;
    background: none;
}
.active .writ_ac_style_02 {
    background: none;
    color: #232323;
}
.border_bottom_0{
    border-bottom:none;
}
.writ_ac_style_02 {
    margin-left: 40px;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 20px;
    top: 10px;
    margin-right: 5px;
    font-family: fontawesome !important;
    font-weight: 200;
}
.active .writ_ac_style_02:before {
    content: '\f068';
}
.card-header.witr_ac_card.border_bottom_0 {
    background: #fff;
    padding: 0px 5px;
}
.faq_area1 .content_style p, .faq_area1 .conent_style p {
    padding: 15px 25px 15px;
}
.card.card-2.accordion_02_shadow {
    border: 0 !important;
    margin-bottom: 20px;
    box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
    background: transparent;
    border-radius: 0;
}
.faq_area2 .accordion_area .card-2 p {
    padding: 15px 23px 15px;
}
.writ_ac_style_02:before {
    font-weight: 400;
    font-size: 15px !important;
    margin-top:5px;
}
.faq2_content .card-2 p {
    padding: 15px 20px 15px;
}
/* ===== 20. Counter Area CSS ===== */
.h3_coun_area {
    background-image: url("assets/images/H3-counter-bg.png");
    background-position: center center;
    background-size: cover;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 25px 25px 25px 25px;
    border-color: #FCE8CB;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 120px 200px 120px 200px;
    padding: 55px 0 36px;
}
.witr_counter_single {
    text-align: center;
    margin-bottom: 30px;
}
.witr_counter_number_inn {
    overflow: hidden;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 60px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
}
.witr_counter_number_inn span {
    line-height: 0;
}
.all_counter_color h4, .all_counter_color h1 {
    font-family: "Roboto Slab", Sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 10px 0 0 0;
}
.ab_page_coun {
    margin: 97px 200px 0px 200px;
}
/* ===== Video Area CSS ===== */
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_page_area .witr_swiper_height {
    z-index: -1;
}
.bvideo_page_area{
    position:relative;
}
.video_page_area .witr_swiper_content h1, .video_page_area .witr_swiper_content h2, .video_page_area .witr_swiper_content h3, .video_page_area .witr_swiper_content p, .video_page_area .witr_flow_text h5{
    color:#fff;
}
.video_page_area .witr_swiper_content_icon a i {
    color: #fff;
    background: #C0131300;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F5F5F563;
}
.video_page_area .witr_swiper_content_icon a i:hover {
    color: #fff;
    background: #004AAD;
}
/* ===== 21. Sound Area CSS ===== */
.h3_sound_area {
    margin-top: -140px;
    margin-bottom: 0px;
    padding: 0px 0px 110px 0px;
    z-index: 111;
    position: relative;
}
.s_img_inner img {
    width: 100%;
}
.s_witr_inner {
    background: #F7F7EE;
    padding: 50px 50px 50px 50px;
}
.witr_section_title_inner {
    position: relative;
    z-index: 1;
}
.s_witr_inner .witr_section_title_inner h2 {
    color: #FFFFFF;
    font-family: "Roboto Slab", Sans-serif;
    font-size: 11px;
    font-weight: 500;
    background-color: #004AAD;
    margin: 0px 0px 20px 0px;
    padding: 5px 15px 5px 15px;
    display:inline-block;
}
.s_witr_inner .witr_section_title_inner h3 {
    font-size: 24px;
}
.s_witr_inner .witr_section_title_inner p {
    margin-top: 0px;
    margin-bottom: 0px;
}
.plyr--audio {
    display: block;
}
.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center;
    background: #ffffff;
    color: #4a5464;
    padding: 10px;
}
.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}
.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}
.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: var(--plyr-control-radius,3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing,10px)*.7);
    position: relative;
    transition: all .3s ease;
}
.plyr__control svg {
    fill: currentColor;
    height: var(--plyr-control-icon-size,18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size,18px);
}
.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    border: 0!important;
    height: 1px!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
}
.plyr__control:not(.plyr__control--pressed) .label--pressed{
    display:none;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing,10px)/4);
}
.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing,10px)/4);
}
.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0;
}
.plyr__progress {
    left: calc(var(--plyr-range-thumb-height,13px)*.5);
    margin-right: var(--plyr-range-thumb-height,13px);
    position: relative;
}
.plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height,13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height,13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height,13px));
}
.plyr--full-ui input[type=range] {
    appearance: none;
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height,13px)*2);
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
}
.plyr__progress__buffer {
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc((var(--plyr-range-track-height,5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%;
    margin-left: calc(var(--plyr-range-thumb-height,13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height,13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height,13px));
}
/* ===== 22. Contact Area CSS ===== */
.ms_contact_area {
    padding: 100px 0 70px;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.apartment_area {
    position: relative;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    margin-bottom: 30px;
    padding: 60px 35px 60px;
    border-radius: 10px;
}
.witr_apartment_form input, .witr_apartment_form form select, textarea {
    padding: 0 0 0 30px;
}
.witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: 0;
    background: #fff;
    font-size: 16px;
    color: #888;
    border: 1px solid #f1f1f1;
    margin-bottom: 23px;
}
.twr_form_box  textarea {
    height: 150px;
    width: 100%;
    padding-left: 30px;
    color: #888;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 5px;
    padding-top: 10px;
    font-size: 16px;
    border: 1px solid #f1f1f1;
}
.form-control:focus {
    border-color: #f1f1f1;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    font-size: 16px;
    border-radius:5px;
    color: #fff;
    margin-top: 0;
    transition: .5s;
    background: #004AAD;
}
.witr_apartment_form .btn:hover {
    background: #02101e;
    border-color: #02101e;
}
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;
}
/* map area css */
.map_inner_area iframe {
    border: none;
    width: 100%;
    height: 658px;
}
.availability_map .map_inner_area iframe {
    height: 605px;
    margin-bottom: -8px;
}




.tx_golobal_color{
     background: #004AAD;
}
 .tx_btn_global_color:hover{
     background:#000;
}
.paddingzero{
    padding: 0px;
}

.langText {
    color: red !important;
    font-weight: bolder !important;
}
.single_image.single_line_option {
    text-align: center;
    width: auto;
    height: auto;
}

.pillarimage {
    width: 750px;
    height: 700px;
}

.supportText h2 {
    font-size: 24px; /* Set to your desired size */
    line-height: 1.2; /* Adjust as needed */
    color: inherit; /* Inherit color or set a specific color */
    margin: 0; /* Reset margin if needed */
    padding: 0; /* Reset padding if needed */
}
/*.program{
    display: flex;
    justify-content: center;
}*/

.program-h{
    margin-top: 1px !important;
}
.d-flex {
    display: flex;
    flex-wrap: nowrap; /* Prevents wrapping to the next line */
    align-items: center; /* Ensures vertical alignment */
    gap: 10px; /* Adjusts the space between title and button */
}

.video-title {
    flex-grow: 0; /* Reduces the space taken by the title */
}

.video-part {
    margin-left: 10px; /* Adjusts the space between the title and button */
}
 
 /*program*/

/* Container for the boxes */
.program {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to the next line */
    justify-content: space-between; /* Space between the boxes */
    margin: -5px; /* Adjust to reduce the outer gap */
}

/* Box styling */
.pro {
    flex: 1 1 calc(20% - 10px); /* Adjust the width and gap */
    max-width: calc(20% - 10px); /* Ensures max width is consistent */
    margin: 5px; /* Reduced margin to minimize the gap between boxes */
    box-sizing: border-box; /* Includes padding and border in width/height */
}
.ourProgram {
    text-align: center;
    border: 1px solid #ddd; /* Border around each item */
    border-radius: 10px; /* Rounded corners */
    padding: 10px; /* Padding inside the box */
    height: auto; /* Adjust height to fit content */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures content is distributed vertically */
     
}

.ourProgram img {
    margin-top: 5px; /* Space above the image */
    max-height: 100px; /* Maximum height for images */
    object-fit: contain; /* Maintain aspect ratio */
}

.golden-background, .golden-text::after, .golden-text::before, .golden-background-a a, .golden-background-a a:before{
    background: #d29c46 !important;
}

.golden-text, .golden-text span{
    color: #d29c46 !important;
}

.golden-noramal-text:hover {
    color: #515151 !important;
}

.golden-noramal-text{
    color: #d29c46 !important;
}

.golden-text:hover {
    color: #515151 !important;
}

.white-golden-text{
    color: #ffffff !important;
}

.white-golden-text:hover {
    color: #d29c46 !important;
}

.grey-golden-text{
    color: #515151 !important;
}

.grey-golden-text:hover {
    color: #d29c46 !important;
}
 

.golden-pink-background, .golden-pink-background-a a, .golden-pink-background-a a:before{
    background: #d29c46 !important;
}

.golden-pink-background:hover {
    background: #fad3b6 !important;
}

.golden-blue-background{
    background: #d29c46 !important;
}

.golden-blue-background:hover {
    background: #18406b !important;
}

.golden-grey-background{
    background: #d29c46 !important;
}

.golden-grey-background:hover {
    background: #515151 !important;
}
 
.golden-black-background{
    background: #d29c46 !important;
}

.golden-black-background:hover {
    background: #02101e !important;
}

.footerlogo{
    height: 100px;
    margin: revert-layer;
}
 
@media (max-width: 767px) {
    .witr_button_area, .video-part {
        margin-top: 10px !important; /* Optional spacing */
    }
}

 .ms_test_area_page {
    background-image: url(assets/images/service-bg.png);
    background-position: center center;
    background-size: cover;
    margin-top: -80px;
    margin-bottom: 0px;
    padding: 163px 0px 110px 0px;
}
.ms_test_area_page .witr_section_title {
    margin-bottom: 42px;
}
.ms_test_area_page .divider{
    text-align:center;
}