/*
Template Name:homeplan
Author Name: WPEXPERT

*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Service Area CSS
7. Team Area CSS
8. Work Area CSS
9. Brand Area CSS
10. Portfolio Area CSS
11. Testimonial Area CSS
12. Blog Area CSS
13. Footer Area CSS
14. Breadcumb Area CSS
15. Case Stuty Details Area CSS
16. Faq Area CSS
17. Alerty Area CSS
18. Call Area CSS
19. Pricing Area CSS
20. Solution Area CSS
21. Countdown Area CSS
22. Privacy Area CSS
23. Image Box Area CSS
24. Video Area CSS
25. Counter Area CSS
26. Contact Area CSS

23. Image Box Area CSS
24. Progress Area CSS
25. Video Area CSS
26. Counter Area CSS
27. Contact Area CSS
28. Brand Area CSS


*/

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

/*theme css*/
a {
    color: #454545;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #ffcc00;
}
body {
    color: #999999;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.6;
}
 p {
     font-style: normal;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Rajdhani', sans-serif;
    font-style: normal;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    font-size: 23px;
    color: #181b1d;
    margin: 0 0 10px;
    transition: .5s;
}
 .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: 37px;
    margin: auto;
}
.witr_section_title_inner p span a, .witr_section_title_inner p span, .witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span {
    color: #ffcc00;
}
.witr_section_title_inner h2 {
    font-size: 18px;
    display: inline-block;
    color: #ffcc00;
    margin-bottom: 13px;
}
.title_in_area {
    display: flex;
    align-items: center;
}
.witr_section_title_inner {
    position: relative;
    z-index: 1;
    margin-bottom: 42px;
}
.title_in {
    position: relative;
    width: 100%;
    z-index: 1;
}
.title_in:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #ffcc00;
    content: "";
}
.title_tx h3, .title_tx h2 {
    margin: 0;
}
.witr_back_title {
    position: absolute;
    top: -46px;
    right: 0;
    left: 0;
	z-index:-1;
}
.witr_back_title h4 {
    text-align: left;
    -webkit-text-fill-color: #EDEDED;
    -webkit-text-stroke-width: 0px;
    opacity: 1;
}
.witr_back_title h4 {
    font-size: 80px;
    line-height: 1;
}
.title_in:after {
    position: absolute;
    right: -5px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #ffcc00;
    content: "";
}
.title_p {
    text-align: left;
    width: 100%;
    padding-left: 30px;
    position: relative;
    z-index: 1;
}


.witr_bar_main {
    margin: 20px 0 30px 0;
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    position: relative;
    border-radius: 30px;
    background: #ffcc00;
}
.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: 6px solid #ffcc00;
}
@keyframes move_title_bg1{from{left:0}to{left:100%}}
@keyframes move_title_bg2{from{right:0}to{right:100%}}
.witr_section_title {
    margin-bottom: 30px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 0;
    margin-top: 15px;
}
.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto;
}
.witr_all_pd0{
	padding:0;
}
@media (min-width: 1200px){
	.homeplan-header-top .container, .homeplan_nav_area .container, .witrfm_area .container{
		max-width: 1200px;
	}	
}
@media (min-width: 1140px){
	.container{
		max-width: 1140px;
	}	
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.homeplan-header-top {
    padding: 13px 0;
    background: #fff;
    border-bottom: 1px solid #dddddd;
    padding-right: 150px;
    padding-left: 150px;
}
 .top-address p {
     margin-bottom: 0;
}
 .top-address p span, .top-address p a {
     margin-right: 20px;
}
.top-address p a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
}
/* TOP socia CSS */
.tx_topmenu_together2 {
    display: flex;
    justify-content: flex-end;
}
 .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: #999999;
    font-size: 15px;
    font-weight: 500;
}
.top-address p span i, .top-address p a i {
    font-size: 13px;
    color: #222222;
    margin-right: 8px;
}
 .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;
}
/* ===== 2. Menu Area CSS ===== */
.homeplan_nav_area.postfix {
    transition: .3s;
}
.homeplan_nav_area, .trp_nav_area, .transprent-menu .homeplan_nav_area {
    padding-right: 150px;
    padding-left: 150px;
}
.homeplan_nav_area {
    background: #fff;
}
.homeplan_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7);
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}

/* LOGO CSS */
 .logo a {
     display: inline-block;
}

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

/* MENU text CSS */
 .homeplan_menu ul {
     text-align: right;
     list-style: none;
}
 .homeplan_menu > ul > li {
     display: inline-block;
     position: relative;
}
.homeplan_menu > ul > li > a {
    display: block;
    margin: 38px 9px;
    transition: .5s;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #181b1d;
    display: inline-block;
}
.homeplan_menu ul .sub-menu li a:hover, .homeplan_menu ul .sub-menu li.current-menu-item a, .homeplan_menu>ul>li.current-menu-item>a, .homeplan_menu>ul>li>a:hover, .homeplan_nav_area.prefix .homeplan_menu>ul>li.current-menu-item>a, .homeplan_nav_area.prefix .homeplan_menu>ul>li>a:hover, .hbg2 .homeplan_menu>ul>li.current-menu-item>a, .hbg2 .homeplan_menu>ul>li>a:hover, .heading_style_2 .homeplan_menu>ul>li.current-menu-item>a, .heading_style_2 .homeplan_menu>ul>li>a:hover, .heading_style_3 .homeplan_menu>ul>li.current-menu-item>a, .heading_style_3 .homeplan_menu>ul>li>a:hover, .heading_style_4 .homeplan_menu>ul>li.current-menu-item>a, .heading_style_4 .homeplan_menu>ul>li>a:hover {
    color: #ffcc00;
}
 .homeplan_menu > ul > li > a:before, .homeplan_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;
}
.homeplan_menu > ul > li.current > a, .homeplan_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #ffcc00;
    background-color: transparent;
	color: #ffcc00;
}
 .homeplan_menu > ul > li:hover > a:before, .homeplan_menu > ul > li.current > a:before {
     opacity: 1;
}

 .transprent-menu .homeplan_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .homeplan_nav_area.postfix {
     transition: .3s;
}
.homeplan_nav_area.prefix, .hbg2 {
    background: #041855;
}
 .homeplan_nav_area.prefix .homeplan_menu > ul > li > a {
     color:#fff;
}
.homeplan_nav_area.prefix .homeplan_menu > ul > li.current > a {
    color: #ffcc00;
}
 .search_popup_button, .tx_mmenu_together{
     align-items: center;
     display: flex;
     justify-content: flex-end;
}
 .tx_mmenu_together .donate-btn-header {
     padding: 0;
}
 .prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
     color: #fff;
}
/* sub menu style */
.homeplan_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #ffcc00;
    margin: 0;
    padding: 15px 0;
    z-index: 9999;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
 .homeplan_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .homeplan_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.homeplan_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 400;
    transition: .5s;
    color: #fff;
    visibility: inherit !important;
    padding: 12px 18px;
}
 .homeplan_menu ul .sub-menu li:hover > a, .homeplan_menu ul .sub-menu .sub-menu li:hover > a, .homeplan_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .homeplan_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #ffcc00;
}
.homeplan_menu ul .sub-menu li:before {
    left: -18px;
}
.homeplan_menu ul .sub-menu li:hover:before{
	opacity:1;
}
.homeplan_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .homeplan_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .homeplan_menu ul .sub-menu .sub-menu li:hover>a, .homeplan_menu ul .sub-menu li:hover:before, .homeplan_menu ul .sub-menu li:hover>a {
    color: #ffcc00;
    background: rgb(255, 255, 255);
}
/* sub menu 2 */
.homeplan_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .homeplan_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .homeplan_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .homeplan_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .homeplan_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .homeplan_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .homeplan_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}

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

/* quearys area css */
.homeplan_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.homeplan_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: 0;
    color: #181b1d;
}
.homeplan_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: #ffcc00;
    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: #ffcc00;
	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: #ffcc00;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/*=======================
#2 homeplan 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;
    font-size: 17px;
    margin-left: 12px;
    font-weight: 500;
    padding: 10px 30px;
    color: #fff;
    background: #ffcc00;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
}
a.dtbtn:hover {
    background: #041855;
}
/* ===== 3. Slider Area CSS ===== */
 .witr_swiper_area{
     overflow:hidden;
     position:relative;
}
.witr_swiper_height {
    position: relative;
    background-position: center center;
    height: 800px;
    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: 63%;
    height: 100%;
}
.witr_swiper_content {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    z-index: 1;
}
.witr_swiper_content h1 {
    font-size: 20px;
    display: inline;
    color: #fff;
    position: relative;
    margin-bottom: 15px;
}
.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: 70%;
}
.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:0 auto 3px 0;
}
.witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: #ffcc00;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 67px;
    color: #ffd842;
}
.witr_swiper_content h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
}
.witr_swiper_content p {
    width: 49%;
    margin: 28px auto 15px 0;
    font-size: 17px;
    font-weight: 400;
    color: #201e1e;
}
.slider_btn {
    margin-top: 50px;
}
.text-left .witr_btn_sinner {
    text-align: left;
}
.slider_btn .witr_btn {
    border: none;
    outline: 0;
}
.witr_btn {
    font-size: 17px;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    padding: 18px 30px;
    color: #fff;
    display: inline-block;
    background: #ffcc00;
    font-family: 'Poppins', sans-serif;
}
.witr_btn:hover {
    background: #041855;
    color: #fff;
}
.slider_btn .witr_btn i {
    font-size: 15px;
    margin-right: 10px;
    margin-left: 6px;
}
.witr_swiper_content .witr_btn.active {
    color: #ffcc00;
    background: #fff;
}
.slider_btn .witr_btn.active:hover, .homeplan_slider_icon ul li a i, .tx_svd_icon, .witr_video_btn i, .witr_video_btn i:after {
    background: #041855;
    color: #fff;
}
.h2_swiper .swiper-container-cube .swiper-slide{
    height: 800px;
}
.wittr_gallery.witr_swiper_height{
    height: 100px !important;
    margin-top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 20px;
}
/* slider thumb css */
.em_slider_s2_image {
    top: 46%;
    right: -30px;
}
.text-left .witr_slider_thumb {
    position: absolute;
    transform: translateY(-50%);
	z-index:1;
}
.em_slider_s2_image img {
    width: 90%;
}
.witr_slider_thumb_inner img {
    border-radius: 10px;
}
/* swiper button css */
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0; 
    left: 0;
    top: 0;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background: no-repeat 50%;
    color: #fff;
    transition: .5s;
    border-radius:5px;
}
.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: #ffcc00;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    background: transparent;
}
/* ===== 4. Feature Area CSS ===== */
.hp_fea_area {
    padding: 125px 0 80px;
}
.em-service {
    text-align: left;
    transition: .5s;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
    padding: 50px 18px 30px 18px;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #041855;
    margin-bottom: 30px;
}
.em-service-icon i {
    display: inline-block;
    transition: .5s;
    font-size: 50px;
    margin-bottom: 15px;
    color: #FFCC00;
}
.em-service-title {
    overflow: hidden;
}
.em-service-title h3 {
    padding: 0;
    transition: .5s;
}
.em-service-desc p {
    transition: .5s;
}
.em-service:hover{
    background-image: url("assets/images/service-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.fea_hbg2:hover{
	background-image: url("assets/images/service-4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.fea_hbg3:hover{
	background-image: url("assets/images/service-3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.fea_hbg4:hover{
	background-image: url("assets/images/service-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.em-service:hover i {
    color: #fff;
}
.em-service:hover .em-service-icon, .em-service:hover .em-service-title h3, .em-service:hover .em-service-title h3 a, .em-service:hover .em-service-desc {
    color: #fff;
    z-index: 1;
}
.em-service:hover {
    position: relative;
    backface-visibility: hidden;
    z-index: 3;
}
.em-service:hover:before {
    background: #041855CC;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: .5s;
}
/* ===== Feature Area CSS ===== */
.hp_fea_area2 {
    padding: 100px 0 70px;
}
.hp_fea_area2 .sub-item {
    position: relative;
}
.hp_fea_area2 .sub-item span {
    position: absolute;
    font-size: 50px;
    color: #eeeeee;
    transform: translateX(-50%);
    font-weight: 700;
    line-height: 1;
    top: 1px;
    left: 227px;
    z-index: 999;
    transition: .5s;
    width: inherit;
    height: inherit;
}
.hp_fea_area2 .sub-item i {
    font-size: 30px;
    color: #fff;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    background: #ffcc00;
    display: inline-block;
    transition: .5s;
}
.hp_fea_area2 .sub-item h3 {
    margin-top: 19px;
}
.hp_fea_area2 .sub-border-2 .sub-item p {
    padding: 0;
}
.hp_fea_area2 .sub-border-2 {
    padding: 53px 30px 34px 25px;
    transition: .5s;
    margin-bottom: 30px;
}
.hp_fea_area2 .sub-border-2:hover{
    box-shadow: 0px 0px 30px -24px rgba(0, 0, 0, 0.8);
}
.hp_fea_area2 .sub-border-2:hover .sub-item span {
    color: #041855;
	background:0 0;
}
.fea_active_bg{
	box-shadow: 0px 0px 30px -24px rgba(0, 0, 0, 0.8);
}
/* ===== 5. About Area CSS ===== */
.hp_ab_area {
    padding: 100px 0 100px;
}
.hp_ab_area{
    background-image: url("assets/images/about-bg-1.jpg");
    background-position: center center;
    background-size: cover;
    padding: 130px 0 100px 0;
}
.ab_witr_inner {
    padding: 0 30px 0 10px;
}
.ab_img_inner img {
    margin: 10px 0 20px;
}
.ab_witr_inner .witr_back_title {
    left: 20px;
}
.hp_ab_area .witr_back_title {
    z-index: inherit;
}
.hp_ab_area .all_color_service:hover i {
    color: #041855;
}
.hp_ab_area .all_icon_color i {
    color: #FFCC00;
    font-size: 58px;
    text-align: left;
    transform: rotate(0deg);
}
.hp_ab_area .em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.hp_ab_area .all_color_service:hover i {
    color: #041855;
}
.hp_ab_area .em-service2 {
    margin-bottom: 18px;
}
.ab_midd_cont{
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #FFCC00;
    padding: 20px 0 0 0;
    margin: -15px 0 0 0;
}
.ab_witr_inner .witr_btn {
    font-size: 17px;
    font-weight: 600;
    border-radius: 0;
    padding: 13px 30px 13px 30px;
    color: #fff;
    background: #041855;
    margin-top: 25px;
}
.ab_witr_inner .witr_btn:hover{
	background:#FFCC00;
}
.pluse_btn_icon {
    display: inline-block;
}
.pluse_btn_icon span {
    color: #041855;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0px 0px 0px 10px;
}
/* ===== About Area CSS ===== */
.ab1_ab_area {
    background-image: none;
}
.hp_ab_area.choose_page_ab {
    background-image: none;
    padding: 40px 0 100px 0;
}
.hp_ab_area.ab1_ab_area {
    padding: 130px 0 0px 0;
}
.hp_ab_area.ab1_ab_area.cons_consult_area {
    padding: 130px 0 100px 0;
}
/* ===== About Area CSS ===== */
.ab3_page_ab_area {
    padding: 100px 0 103px;
}
.ab3_page_ab_area .witr_section_title_inner p {
    margin-top: 12px;
}
.ab3_page_ab_area .witr_counter_number_inn h3, .ab3_page_ab_area .witr_counter_number_inn span {
    font-size: 40px;
    color: #ffcc00;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
.ab3_page_ab_area .witr_counter_number_inn h4 {
    font-size: 22px;
    color: #232323;
}
.ab3_page_ab_area .witr_counter_single {
    text-align: center;
}
.ab3_page_ab_area .witr_counter_number_inn span {
    line-height: 0;
}
.ab3_left_inner {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 10px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #F0F0F0;
    margin-bottom: 24px;
}
.ab3_img_inner img {
    margin-bottom: 20px;
}
.ab3_witr_inner {
    margin: 5px 0px 0px 8px;
}
.ab3_witr_inner .witr_btn {
    font-size: 17px;
    border-radius: 3px;
    padding: 18px 30px;
    margin-top: 24px;
}
.wirt_s2_s8 {
    margin: 0px 0px 30px 0px;
    padding: 2px 30px 20px 30px;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color: #FFCC00;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    position: relative;
    background: #fff;
    transition: .5s;
}
.medi_singleService:before {
    position: absolute;
    width: 0;
    height: 2px;
    background: #ffcc00;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: '';
    z-index: 3;
    transition: all 0.4s ease-out;
}
.medi_singleService.wirt_s2_s6 h3 {
    margin: 0;
    margin-bottom: 10px;
    margin-top: 15px;
}
.medi_singleService h3 {
    line-height: 28px;
    display: inline-block;
    font-size:17px;
}
.medi_singleService.wirt_s2_s8 h2 {
    display: inline-block;
    font-size: 17px;
    margin-left: 10px;
    font-weight: 400;
}
.medi_singleService p {
    margin: 0;
}
.medi_singleService:after {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: '';
    z-index: 2;
    transition: all 0.4s ease-out;
}
.medi_singleService:hover:before {
    width: 100%;
}
/* ===== 6. Service Area CSS ===== */
.hp_ser_area {
    padding: 120px 0 160px;
}
.hp_ser_area .witr_section_title_inner {
    margin-bottom: 25px;
}
.wcr_feature_11 {
    padding-bottom: 43px;
}
.witr_sub_item_area, .feature_positions_thumb {
    position: relative;
}
.feature_video_post {
    position: absolute;
    top: 20px;
    right: 20px;
}
.feature_video_post a {
    color: #fff;
    border: 3px solid #fff;
    width: 50px;
    height: 50px;
    line-height: 44px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
}
.feature_topicon_post {
    position: absolute;
    top: 20px;
    left: 20px;
}
.feature_topicon_post i {
    font-size: 30px;
    color: #FFCC00;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    transition: .5s;
}
.witr_sub_item {
    position: relative;
    padding: 20px 20px 60px;
    box-shadow: 0 0px 30px -5px rgb(0 0 0 / 10%);
    background: #fff;
    z-index: 1;
}
.feature_big_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: .5s;
    z-index: -1;
}
.feature_big_icon span {
    color: #f0f0f0;
    font-size: 100px;
}
.feature_big_icon span {
    color: #f0f0f0;
    font-size: 100px;
}
.car_feature_btn_icon {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}
.car_feature_btn_icon a i {
    font-size: 26px;
    color: #ffcc00;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    transition: .5s;
    box-shadow: 0 0px 30px 0px rgb(0 0 0 / 10%);
}
.wcr_feature_11:hover .car_feature_btn_icon a i {
    color: #fff;
    background: #041855;
}
.feature_big_icon span {
    color: #f0f0f0;
    font-size: 100px;
}
.wcr_feature_11:hover .feature_big_icon {
    opacity: 1;
}
.feature_big_icon span {
    color: #f0f0f0;
    font-size: 100px;
}
/* ===== Service Area CSS ===== */
.ser_left_inner {
    padding: 0px 0px 0px 0px;
    box-shadow: 0px 0px 20px 0px rgba(42, 67, 113, 0.15);
    margin-bottom: 30px;
	transition:.5s;
}
.ser_left_inner:hover{
	box-shadow:8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}
.ser_left_inner .text_box {
    padding: 10px 32px 31px 32px;
}
.ser_left_inner .service-item h3 {
    padding-top: 18px;
	font-size:30px;
}
.ser_left_inner .service-item h3 a{
	font-size:30px;
}
.ser_left_inner .service-item p {
    padding-top: 0px;
}
.service-btn {
    position: relative;
}
.ser_left_inner .service-btn a{
    color: #fff;
    background-color: #FFCC00;
    margin: 12px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    border-radius: 3px;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    transition: .5s;
}
.ser_left_inner .service-btn a:hover{
	background:#041855;
}
.ser_left_inner .service-btn a span {
    font-size: 20px;
    transition: .5s;
    display: inline-block;
    position: relative;
    top: 3px;
}
/* ===== 7. Team Area CSS ===== */
.hp_team_area{
	padding:120px 0 70px;
}
.witr_team_s14.cons_singleTeam {
    overflow: inherit;
    margin-bottom: 30px;
}
.all_color_team{
    transition: .5s;
}
.witr_team_s12 {
    border: none;
    box-shadow: 0px 5px 20px 0px #00000014;
    transition: .5s;
    background: #fff;
}
.cons_singleTeam {
    position: relative;
    text-align: center;
}
.witr_team_s14 .front_view {
    padding: 20px 25px 30px;
}
.team_s14_image {
    position: relative;
}
.team_s14_image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    border-left: 15px solid #ffcc00;
    border-top: 15px solid #ffcc00;
    animation: team_before 5s infinite linear;
    opacity: 0;
}
.witr_team_s14 .front_view img {
    width: 100%;
}
.front_view img {
    margin-bottom: 22px;
}
.team_s14_image::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 50%;
    border-right: 15px solid #ffcc00;
    background: #ffcc00;
    animation: team_after 5s infinite linear;
    opacity: 0;
}
.front_view h5, .back_view h5 {
    line-height: 28px;
    margin-bottom: 0px;
}
.witr_team_s12 .con_TMS {
    margin-top: 10px;
}
.front_view .con_TMS a, .back_view .con_TMS a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #dddddd;
    color: #fff;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    background: #ffcc00;
}
.front_view .con_TMS a:hover {
    background: #041855;
    color: #ffffff;
    border-color: #041855;
}
.witr_team_s14:hover .team_s14_image::before, .witr_team_s14:hover .team_s14_image::after {
    opacity: 1;
}
@keyframes team_before{
    0% {
        height: 50%;
    }
    50% {
       height: 0%;
    }

}
@keyframes team_after {
    0% {
        height: 50%;
    }
    50% {
       height: 0%;
    }
}
/* ===== Team Area CSS ===== */
.hp_team_area2 {
    padding: 90px 0 120px;
}
.hp_team_area2 .slick-dots {
    bottom: -20px;
}
.hp_team_area2 .witr_section_title_inner {
    margin-bottom: 15px;
}
.hp_team_area2 .witr_section_title {
    margin-bottom: 0px;
}
.hp_team_area2 .witr_section_title_inner h2 {
    font-size: 16px;
}
.post_team11_area .team-part{
    overflow: inherit;
    padding-bottom: 40px;
    box-shadow:none;
    border-radius: 5px;
    margin-bottom: 30px;
}
.post_team10_area .witr_team_section {
    position: relative;
    text-align: center;
}
.witr_team_section img {
    width: auto;
}
.post_team11_area .team_o_icons {
    top: auto;
    bottom: -30px;
    left: 0;
    right: 0;
    transform: inherit;
    transition: .5s;
}
.post_team10_area .team_o_icons {
    margin-top: 0;
    padding: 0;
    position: absolute;
}
.post_team11_area  .team_o_icons ul li {
    display: inline-block;
}
.post_team10_area .team_o_icons ul li a {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: none;
    background: #181b1d;
    border-radius: 0;
    color: #fff;
    margin: 0px;
    font-size: 20px;
	display: block;
    text-align: center;
    transition: .5s;
}
.post_team_p11 {
    position: absolute;
    bottom: -45px;
    left: 15px;
    right: 15px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    padding: 23px 5px 23px;
    background: #fff;
}
.witr_team_content h5 {
    margin: 0;
}
.witr_team_content span {
    font-size: 18px;
    color: #ffcc00;
}
.post_team11_area .team-part:hover .team_o_icons {
    bottom: 65px;
}
.post_team10_area .team-part:hover .team_o_icons {
    left: 0;
}
.post_team10_area .team_o_icons ul li a:hover {
    background: #ffcc00;
}
/* ===== Team Area CSS ===== */
.hp_team_area3 {
    padding: 102px 0 80px;
}
.hp_team_area3 .witr_section_title_inner h2 {
    font-size: 16px;
}
.hp_team_area3 .witr_section_title {
    margin-bottom: 0;
}
.hp_team_area3 .witr_section_title_inner {
    margin-bottom: 18px;
}
.hp_team_area3 .team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
.hp_team_area3 .witr_team_section {
    position: relative;
    text-align: center;
}
.hp_team_area3 .witr_team_content {
    padding: 23px 5px 23px;
	background:#fff;
}
.hp_team_area3 .witr_team_content h5 {
    margin: 0;
}
.hp_team_area3 .witr_team_content span {
    font-size: 18px;
    color: #ffcc00;
}
.hp_team_area3 .team_o_icons {
    margin-top: 15px;
    padding-top: 17px;
    padding-bottom: 10px;
    position: relative;
}
.hp_team_area3 .team_o_icons::before {
    position: absolute;
    content: "";
    background: #ddd;
    top: 0px;
    height: 1px;
    width: 25%;
    margin: auto;
    left: 0;
    right: 0;
    transition: .5s;
}
.hp_team_area3 .team_o_icons ul li {
    list-style: none;
    display: inline-block;
}
.hp_team_area3 .team_o_icons ul li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #ffcc001c;
    background: #ffcc0033;
    border-radius: 5px;
    text-align: center;
    transition: .5s;
    color: #ffcc00;
    margin: 0px 2px;
    font-size: 15px;
}
.hp_team_area3 .all_color_team:hover .team_o_icons::before {
    background: #ffcc00;
    width: 100%;
}
.hp_team_area3 .team_o_icons ul li a:hover {
    color: #fff;
    background: #ffcc00;
    border-color: #ffcc00;
}
.ge_page_area {
    padding: 0 0 120px;
}
.team_page_team2 {
    background: #FAFAFA;
}
/* ===== Case Stuty Area CSS ===== */
.case_study_details_area {
    padding: 100px 0 0;
}
.case_study_details_area .text_box {
    padding: 10px 32px 31px 32px;
    box-shadow: 0px 0px 20px 0px rgb(42 67 113 / 15%);
    margin-bottom: 20px;
    transition: .5s;
}
.case_study_details_area .text_box:hover{
	box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
}
.case_study_details_left {
    margin-bottom: 20px;
}
.case_study_details_area .service-item h3, .case_study_details_area .service-item h3 a {
    font-size: 30px;
	padding: 15px 0 10px;
}
.case_study_details_area .service-btn a, .case_study_details_area .witr_service_btn_3d a {
    color: #FFFFFF;
    background: #FFCC00;
    margin: 12px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.case_study_details_area .service-btn a:hover, .case_study_details_area .witr_service_btn_3d a:hover {
    background-color: #041855;
}
.case_study_details_left .sub-item h3 {
    margin: 15px 0 11px 0px;
}
.departmentList {
    position: relative;
    padding: 73px 30px 65px;
    border-radius: 10px;
    background-size: cover;
    text-align: left;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}
.all_list_color h3 a, .all_list_color h3 {
    color: #FFFFFF;
    background-color: #15133A;
    border-radius: 5px 5px 5px 5px;
}
.departmentList h3 {
    margin-bottom: 22px;
	text-align: center;
    padding: 12px 0px 20px 0px;
}
.departmentList ul li a, .departmentList ul li span {
    font-size: 18px;
    display: block;
    color: #FFFFFF;
    background-color: #ff5f63;
    font-weight: 500;
    border-radius: 30px 30px 30px 30px;
    margin: 0px 0px 15px 0px;
    padding: 12px 6px 12px 25px;
}
.departmentList ul li a i, .departmentList ul li span i {
    display: inline-block;
    float: right;
    background: #ABCD52;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px 100px 100px 100px;
    margin: -6px 0px 0px 0px;
}
.departmentList ul li span i:hover{
	background:#E85248;
}
.case_details_video_area {
    padding: 80px 0 90px;
}
.case_details_video_area .video-open-inline iframe {
    width: 100%;
    height: 630px;
    border: none;
}
.team_detail_video_area {
    padding: 0;
}
.academics_area {
    padding: 100px 0 95px;
}
.academics_area .departmentList {
    padding: 30px 30px 30px 30px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
    margin-bottom: 30px;
}
.carousel_imagess_area {
    margin-left: -15px;
    margin-right: -15px;
}
.carousel_imagess_area .slick-slide {
    padding-top: 0;
}
.case_study_details_area .witr_apartment_form textarea {
    height: 150px;
}
.case_study_details_area .apartment_area {
    margin: 20px 0px 0px 0px;
    padding: 50px 30px 50px 30px;
}
.case_study_details_area .apartment_text h2 {
    margin-bottom: 40px;
    font-size: 29px;
}
.case_study_details_area .witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 500;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    margin-top: 0;
    transition: .5s;
    background: #ff5f63;
    font-family: 'Fredoka One', cursive;
}
.case_study_details_area .witr_apartment_form .btn:hover {
    background: #02101e;
}
.team_details_area {
    padding: 100px 0 20px;
}
/* ===== Team Area CSS ===== */
.em-team {
    text-align: center;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 20px;
}
.em-team-one {
    position: relative;
    overflow: hidden;
    padding-bottom: 55px;
}
.em-team-content-image img {
    width: 100%;
}
.em-team-content-waraper {
    bottom: -67px;
    left: 0;
    margin: 0 10px;
    padding: 30px 0;
    position: absolute;
    right: 0;
    box-shadow: 0 0 65px 0 rgb(0,0,0,.08);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.em-team-content-socials a, .em-team-content-waraper, .team-part .witr_team_sec_3 .team-social {
    background: #fff;
}
.em-content-title h5 {
    font-size: 23px;
    margin-bottom: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.em-content-subtitle {
    font-size: 16px;
    margin: 5px 0 0;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
}
.em-team-content-socials {
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.em-team-content-socials a {
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 14px 3px 0;
    text-align: center;
    width: 35px;
}
.em-team-content-socials a, .em-team-content-waraper, .team-part .witr_team_sec_3 .team-social {
    background: #fff;
}
.em-team-content-socials a {
    color: #ffcc00;
}
.em-team:hover .em-team-content-waraper {
    background: #ffcc00e6;
}
.em-team:hover .em-team-content-waraper {
    bottom: 0;
}
.em-team-content-socials a:hover, .em-team:hover .em-content-subtitle, .em-team:hover .em-content-title h5, .em-team:hover .em-content-title h5 a, .team-style-2 .em-content-desc-inner, .team-style-2 .em-content-socials a, .team-style-2 .em-content-subtitle, .team-style-2 .em-content-title h5 {
    color: #fff;
}
.em-team-content-socials a:hover {
    background: #ffcc00e6;
}
/* ===== 8. Work Area CSS ===== */
.hp_work_area {
    background-image: url("assets/images/work-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 125px 0px 60px 0px;
}
.hp_work_area .witr_section_title_inner {
    margin-bottom: 45px;
}
.witr_feature_13.sub-border-2{
    margin-bottom: 30px;
}
.sub-item {
    position: relative;
}
.witr_feature_13 .sub-item::before {
    position: absolute;
    content: "";
    top: 50px;
    left: 0;
    width: 100%;
    height: 2px;
    transition: .5s;
    z-index: 2;
}
.witr_feature_13.sub-border-2 .sub-item span {
    top: 10px;
    left: 170px;
    width: 80px;
    height: 80px;
    color: #fff;
    line-height: 62px;
    background: #ffcc00;
    font-size: 30px;
    border-radius: 50px;
    transform: translateX(-50%);
    border: 8px solid #fce68e;
}
.sub-item span {
    position: absolute;
    font-weight: 700;
    z-index: 999;
    transition: .5s;
}
.sub-item h3 {
    margin-top: 19px;
}
.hp_work_area .all_feature_color h3, .hp_work_area .all_feature_color h2 {
    padding: 100px 0 0 0;
}
.sub-border-2 .sub-item p {
    padding: 0 10px;
}
.witr_feature_13 .sub-item::after {
    position: absolute;
    content: "";
    top: 50px;
    left: 0;
    background: #ffcc00;
    width: 100%;
    height: 2px;
    z-index: 1;
}
.witr_feature_13.sub-border-2:hover .sub-item span {
    border-color: #667297;
}
.all_feature_color .sub-item:hover span, .witr_feature_13 .sub-item:hover::before {
    background: #041855;
}
/* ===== 9. Brand Area CSS ===== */
.hp_bran_area {
    padding: 100px 0 100px;
    background: #FAFAFA;
}
.hp_bran_area .slide_items {
    text-align: center;
}
.hp_bran_area .slide_items {
    filter: grayscale(1);
    opacity: 0.5;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.hp_bran_area .slide_items:hover {
    filter: grayscale(0);
    opacity: 1;
}
/* ===== 10. Portfolio Area CSS ===== */
.hp_port_area {
    background-image: url("assets/images/projects-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px 70px 0px;
    position: relative;
}
.hp_port_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #0B1D56;
    opacity: 0.95;
}
.hp_port_area .witr_section_title_inner h3 {
    color: #fff;
}
.hp_port_area .witr_back_title h4 {
    -webkit-text-fill-color: #FFFFFF12;
}
.hp_port_area .witr_section_title_inner p {
    color: #fff;
}
.hp_port_area .witr_section_title_inner {
    margin-bottom: 20px;
}
.hp_process_area {
    padding: 85px 0 130px;
}
.case_page_process {
    padding: 0px 0 130px;
}
.hp_process_area .slick-dots {
    bottom: -30px;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.witr_pslide_image::before {
    position: absolute;
    content: '';
    background: #00000080;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    opacity: 0.5;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    transition: .5s;
    width: 100%;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -170px;
    left: 0;
    right: 0;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    padding: 40px 10px 15px;
    box-shadow: 0px 0px 65px 0px #00000017;
    background: #fff;
    text-align: center;
}
.ps1 .witr_content_pslide_text h3 {
    color: #fff;
    margin-bottom: 0;
}
.witr_content_pslide_text a {
    display: inline-block;
    color: #000;
    margin-bottom: 5px;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
    color: #000;
}
.witr_pslide4.witr_pslide3 .witr_pslide_custom {
    bottom: auto;
    top: -22px;
    z-index: -1;
    right: 42%;
    position: absolute;
    transition: .5s;
}
.witr_pslide3 .witr_pslide_custom a span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    background:#ffcc00;
    color: #fff;
    box-shadow: 0px 0px 65px 0px #00000014;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    transition: .5s;
}
.witr_pslide4.witr_pslide3 .witr_pslide_custom a span:hover {
    background: #041855;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image::before {
    transform: scale(1.2);
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 0;
}
.ps1 .witr_content_pslide_text a:hover {
    color: #ffcc00;
}
.secure_page_process {
    padding: 0 0 15px;
}
.sf_port_area {
    background: #F7F9FE;
    padding: 105px 0 85px;
}
.sf_port_area .witr_bar_main {
    margin: 10px 0 10px 0;
}
.sf_port_area .witr_section_title {
    margin-bottom: 58px;
}
.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: #ffcc00;
}
.portfolio_nav {
    padding: 0 0 40px;
}
.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: 6px 20px 6px 20px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
    color: #fff;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
}
.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: 18px;
    margin-bottom: 5px;
}
.prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    transition: all 0.5s ease-in-out 0.5s;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 400;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #ffcc00;
}
.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;
}
/* single portfolio */
.pimgs img {
    height: 465px;
    width: 100%;
}
.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: #FFCC00;
    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;
}
.pstyle4 .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;
    text-transform: capitalize;
    color: #454545;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.porttitle_inner4 h3 a {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.porttitle_inner4 p {
    margin-bottom: 0;
    color: #454545;
    padding: 5px 0 0;
}
.porttitle_inner4 p span {
    display: inline-block;
    color: #fff;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #ffcc00;
	background: #ffcc00;
	color: #fff;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
}
.portfolio_nav {
    text-align: right;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #ffcc00;
	 background: #ffcc00;
	 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: 20px;
}
.portfolio_4column_gutter .single_protfolio {
    margin-bottom: 0px;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.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: #ffcc00;
}
.picon a:hover {
    border-color: #041855;
    background: #041855;
}
/* 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;
    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;
}
.homeplan_portfolio_area .witr_button_area {
    margin: 30px auto 0;
}
.homeplan_portfolio_area .witr_btn {
    padding: 18px 51px;
}
.hp_proj_area2 .witr_section_title_inner {
    margin-bottom: 0;
}
.hp_proj_area2 .ps3.ps1 .witr_content_pslide_text {
    bottom: -60px;
    opacity: 1;
    box-shadow: 0px 0px 65px 0px #00000017;
    background: #fff;
    text-align: center;
    padding: 20px 10px 45px;
    border-radius: 5px;
	position:absolute;
	z-index:2;
	left:30px;
	right:30px;
}
.hp_proj_area2 {
    padding: 0 0 80px;
}
.hp_proj_area2 .slick-dots {
    display:none;
}
.hp_proj_area2 .slick-dots li {
    display: none;
}
.hp_proj_area2 .witr_pslide3 .witr_single_pslide {
    margin-bottom: 100px;
    overflow: inherit;
}
.hp_proj_area2 .witr_pslide3 .witr_pslide_custom {
    bottom: -17px;
    right: 42%;
	z-index: 9;
    transition: .5s;
	position: absolute;
}
.hp_proj_area2 .witr_content_pslide_text h3 a {
    margin-bottom: 3px;
}
.hp_proj_area2 .witr_pslide3 .witr_pslide_custom a span {
    background: #fff;
    color: #ffcc00;
}
.hp_proj_area2 .witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
    background: #ffcc00;
    color: #fff;
}
.hp_proj_area2 .witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom {
    bottom: -20px;
}
/* ===== 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: #ffcc00;
}
.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: #ffcc00;
}
.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%);
	transition:none;
}
.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: #ffcc00;
}
.p2colmn_area{
    padding: 115px 0 100px;
}
.p2colmn_area .prot_content, .p3colmn_area .prot_content{
    background: #ffcc0080;
}
.p2colmn_area .pstyle2 .prot_content {
    background: #ffcc0080;
}
.p2colmn_area .prot_content_inner {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    background: #ffcc006b;
    padding: 20px;
    transition: .5s;
    left: 3000px;
    top: 50%;
	opacity:0;
	text-align:left;
}
.p2colmn_area .single_protfolio:hover .prot_content_inner {
    left: 75%;
	opacity:1;
}
.p2colmn_area .prot_content h3 a {
    font-weight: 700;
}
.p2colmn_area .prot_content h3 a:hover {
    color: #6540d4;
}
.p2colmn_area .portfolio_nav {
    padding: 0 0 40px;
}
.p2colmn_area .witr_section_title {
    margin-bottom: 30px;
}
.pstyle_1.p2clmn_area.p3clmn_area {
    padding: 90px 0 80px;
}
.p2clmn_area .portfolio_nav {
    text-align: center;
}
.p2clmn_area .portfolio_nav ul li{
    padding: 10px 20px;
    color: #999;
}
.p2clmn_area .portfolio_nav ul li:hover, .p2clmn_area .portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #ffcc00 none repeat scroll 0% 0;
    border-color: #ffcc00;
}
.p2clmn_area .prot_content h3 a:hover {
    color: #041855;
}
.p2clmn_area .pstyle_1 .picon a {
    font-size: 20px;
}
.p3clmn_area .prot_content {
    transition: .5s;
    opacity: 0;
    background: #ffcc0080;
}
.p3clmn_area .prot_content_inner {
    top: 60%;
	transition:all 0.3s ease-in-out 0.3s;
}
.p3clmn_area .prot_content h3 a {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
}
.p3clmn_area .picon a {
    font-size: 20px;
}
/* recent project css */
.homeplan-blog-area.homeplan-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;
    color: #444;
}
.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}
.homeplan-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.homeplan-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: #ffcc00;
}
.homeplan-single-icon a:hover{
	background:#ffcc00;
	color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.ab_page_project {
    padding: 115px 0 66px;
}
/* ===== 11. Testimonial Area CSS ===== */
.hp_test_area {
    padding: 100px 0 100px;
}
.hp_test_area  .witr_section_title_inner {
    margin-bottom: 32px;
}
.hp_test_area{
    background-image: url("assets/images/test-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 115px 0px 0px 0px;
}
.hp_test_area .witr_back_title h4 {
    font-size: 65px;
}
.hp_test_area .witr_back_title {
    top: -33px;
}
.hp_test_area .witr_section_title_inner h3 {
    padding: 0 30px 0 0;
}
.witr_item_column {
    padding: 0 15px;
    padding-top: 50px;
}
.testomonial .test-part {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    padding: 30px 17px 10px 30px;
    position: relative;
    text-align: left;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.test-part h6 {
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    padding-top: 30px;
    padding-bottom: 7px;
}
.test-part span {
    font-weight: 400;
    font-size: 17px;
}
.testomonial .test-part ul li, .testomonial.testomonial-2 .test-part ul li, .testomonial.testomonial-5 .test-part ul li {
    padding-top: 0px;
    padding-bottom: 10px;
}
.test-part ul li {
    display: inline-block;
}
.execllent_toggol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.em_crating i {
    color: #ffcc00;
    font-size: 18px;
}
.execllent_star {
    margin-left: 15px;
}
.execllent_star h3 {
    color: #ffcc00;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-style: italic;
}
.testomonial .test-part img {
    position: absolute;
    top: -43px;
    left: 30px;
    z-index: 22;
    width: 100px;
    height: 100px;
}
.all_color_testimonial p {
    font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-style: italic;
}
/* ===== Testimonial Area CSS ===== */
.hp_test_area3 {
    padding: 90px 0 90px;
}
.hp_test_area3 .witr_item_column {
    padding: 0 15px;
    padding-top: 60px;
}
.hp_test_area3 .witr_section_title {
    margin-bottom: 45px;
}
.hp_test_area3 .test-part {
    box-shadow: 0px 0px 12px 0px #dddddd7a;
    padding: 30px 17px 20px 30px;
    position: relative;
    text-align: left;
	 display: inline-block;
    margin-bottom: 10px;
}
.witr_testi_s_11 {
    border-bottom: 1px solid transparent;
}
.witr_testi_s_11 ul {
    padding: 17px 0 0px;
    margin: 0;
}
.hp_test_area3 .test-part ul li {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 10px;
}
.hp_test_area3 .execllent_toggol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.witr_testi_s_11 .em_crating i {
    font-size: 16px;
    color: #ffcc00;
}
.hp_test_area3 .execllent_star {
    margin-left: 15px;
}
.hp_test_area3 .execllent_star h3 {
    color: #ffcc00;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-style: italic;
}
.hp_test_area3 .test-part h6 {
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    padding-top: 0;
    padding-bottom: 7px;
}
.hp_test_area3 .test-part span {
    font-weight: 400;
    font-size: 17px;
}
.hp_test_area3 .testomonial .test-part img {
    position: absolute;
    top: -43px;
    left: 50%;
    z-index: 22;
    width: 78px;
    height: 78px;
    transform: translateX(-50%);
}
.hp_test_area3 .all_color_testimonial p {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-style: inherit;
}
.witr_testi_s_11:hover {
    border-color: #ffcc00;
}
/* ===== Testimonial Area CSS ===== */
.test_area4 {
    background: #FAFAFA;
    padding: 80px 0 120px;
}
.test_area4 .witr_testi_itemt{
    padding: 0 10px;
}
.test_area4 .em_single_testimonial {
    background: #fff none repeat scroll 0% 0;
    margin-bottom: 30px;
    transition: all 0.5s ease 0s;
    padding: 37px 30px 26px;
    margin-top: 20px;
    box-shadow: 0 10px 25px 0 rgba(50,65,141,.12);
    overflow: hidden;
    position: relative;
    text-align: left;
}
.test_area4 .test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.test_area4 .test-part ul li {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 10px;
}
.test_area4 .execllent_toggol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.test_area4 .em_crating i {
    font-size: 18px;
}
.test_area4 .em_testi_text {
    overflow: hidden;
    padding-top: 5px;
    text-align: left;
}
.test_area4 .all_color_testimonial p {
    font-size: 16px;
    font-style: inherit;
}
.test_area4 .em_test_thumb {
    float: left;
    margin-right: 20px;
}
.test_area4 .em_test_thumb img {
    width: 59px;
}
.test_area4 .em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #ffcc00;
}
.test_area4 .em_single_testimonial:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
}
.test_area4 .slick-dots {
    bottom: -20px;
}
/* ===== 12. Blog Area CSS ===== */
.homeplan_blog_area {
    padding: 108px 0 70px;
}
.homeplan_blog_area .witr_section_title_inner {
    margin-bottom: 25px;
}
.homeplan_blog_area .witr_back_title h4 {
    font-size: 65px;
}
.homeplan_blog_area .witr_section_title_inner h3 {
    padding: 0 30px 0 0;
}
.homeplan_blog_area .witr_back_title {
    top: -30px;
}
.witr_section_title_inner {
    margin-bottom: 25px;
}
.busi_singleBlog {
    background: #fff;
    transition: .5s;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.07);
}
.witr_blog_area11 .witr_blog_con {
    padding: 20px 11px 5px 22px;
}
.all_blog_color {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255);
    margin-bottom: 30px;
}
.blog_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.witr_sb_thumb::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    inset: 0px;
    transform: scale(0);
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.witr_sb_thumb img {
    width: 100%;
    transition: all 0.5s ease 0s;
}
.witr_blog_area15 .witr_blog_con {
    padding: 0px 0px 0px 15px;
    width: 100%;
	margin-bottom:0;
}
.witr_blog_con span {
    line-height: 26px;
    margin-bottom: 15px;
    margin-right: 2px;
    color: #0368CF;
    font-weight: 600;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    transition: all 0.5s ease 0s;
    color: #6540D4;
    margin: 15px 0px 0px 0px;
    display: none;
}
.witr_blog_con h2 {
    margin: 10px 0px 10px 0px;
}
.witr_blog_con h2 a {
    display: inline-block;
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb::before {
    transform: scale(1.2);
}
.witr_top_category {
    transform: scale(1);
    transition: .5s;
}
.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: #ffcc00;
    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;
}
.witr_top_category ul li a:hover {
    background: #133C5C;
}
.witr_blog_imags {
    overflow: hidden;
}
.blog-img {
    position: relative;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.blog-img::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    inset: 0px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.5s ease 0s;
}
.blog-img img {
    width: 100%;
}
.wblog-content.blog-content-5 {
    padding: 15px 20px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.09);
    transition: all 0.5s ease 0s;
}
.wblog-content span {
    font-size: 15px;
    color: #6540D4;
    line-height: 28px;
    padding-bottom: 15px;
    margin-right: 10px;
}
.wblog-content span a {
    font-size: 15px;
    color: rgb(255, 95, 99);
}
.wblog-content span i {
    padding-right: 5px;
    padding-left: 5px;
    color: #6540D4;
    transition: all 0.5s ease 0s;
}
.wblog-content.blog-content-5 h5 {
    padding-bottom: 0px;
}
.wblog-content h5 {
    margin: 10px 0px 15px;
}
.wblog-content h5 > a {
    font-weight: 700;
}
.blog_part_inner:hover .blog-img, .blog_part_inner:hover .blog-img::before {
    transform: scale(1.2);
}
/* ===== 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: #ffcc00;
    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: #ffcc00;
}
.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;
}
.homeplan-blog-meta-left i {
    color: #ffcc00;
}
.homeplan-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.homeplan-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #ffcc00;
}
.recent-post-item {
    padding-bottom:0;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}
.homeplan-blog-meta-left a, .homeplan-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: #ffcc00;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.homeplan-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 .homeplan-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.homeplan-single-blog {
    overflow: hidden;
    text-align: left;
    transition: all .3s ease-in-out 0s;
}
.homeplan-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.homeplan-blog-thumb a {
    display: block;
    position: relative;
}
.homeplan-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;
}
.homeplan-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.homeplan-blog-thumb img {
    width: 100%;
}
.homeplan_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.homeplan-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.homeplan-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.homeplan-blog-meta-left a, .homeplan-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.homeplan-blog-meta-left i {
    color: #ffcc00;
    margin-right: 5px;
    font-size: 13px;
}
.homeplan-blog-meta-left a, .homeplan-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #ffcc00;
    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;
}
.homeplan-single-blog:hover .homeplan-blog-thumb a:before {
    opacity: 1;
}
.homeplan-single-blog:hover .homeplan-blog-thumb img {
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.homeplan-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  #ffcc00;
    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;
    line-height: 1;
}
.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: 16px;
    font-weight: 600;
}
.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;
}
.homeplan-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;
}
.homeplan-single-icon-inner {
    text-align: center;
}
.homeplan-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;
}
.homeplan-single-icon-inner a:hover {
    background: #ffcc00;
    border-color: #ffcc00;
    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;
}
.homeplan_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;
}
.homeplan_btn:hover {
    background: #ffcc00;
    border-color:#ffcc00;
    color:#fff;
}
/* end sidebar css */
/* ===== 13. Footer Area CSS ===== */
.witrfm_area {
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url('assets/images/futtor.jpg');
    background-size: cover;
	position:relative;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(16,35,92,0.95);
}
.footer-middle {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 70px 0 35px;
}
.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, .homeplan-description-area p, .homeplan-description-area .phone a, .homeplan-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .homeplan-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
    position: relative;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.footer-middle .widget h2 {
    margin-bottom: 25px;
    margin-top: 28px;
    position: relative;
}
.single-widget-item h2 {
    color: #ffffff;
    margin-bottom: 33px;
    margin-top: 28px;
}
.homeplan-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: 400;
    font-size: 15px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    margin-top: 10px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
.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-middle .recent-post-text>h4 a:hover {
    color: #ffcc00;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 16px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-widget.address p {
    margin-bottom: 15px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #ffcc00;
}
.homeplan-deshomeplaniption-area a img {
    margin: 26px 0;
}
.homeplan-description-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: none;
}
.homeplan-description-area .social-icons a:hover {
    background: #ffcc00;
}
.homeplan-description-area .social-icons a {
    background: #041855;
    margin-top: 8px;
}
.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-middle .mc4wp-form-fields p:nth-child(1) {
    margin-bottom: 22px;
}
.footer-middle .mc4wp-form-fields input {
    height: 50px;
    position: relative;
    background: #fff;
    width: 100%;
    line-height: 43px;
    border: 1px solid #ffffff66;
    border-radius: 0px;
    padding-left: 10px;
    font-size: 16px;
    padding: 15px 30px;
}
.footer-middle .mc4wp-form-fields button {
    position: absolute;
    right: 0;
    top: 0;
    width: 37%;
    height: 50px;
    border-radius: 0px;
    color: #fff;
    background: #ffcc00;
    cursor: pointer;
    padding: 10px 10px;
    transition: .5s;
    font-size: 18px;
    border: none;
    outline: none;
}
.footer-middle .mc4wp-form-fields button:hover {
    background: #041855;
    color: #fff;
}
/* footer bottom area css */
.footer-bottom {
    padding: 23px 0 22px;
    position: relative;
}
.footer-bottom:before {
    background: #ffffff61;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #ffffff;
    text-align: left;
}
.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: #ffcc00;
}
/* shomeplanoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
	background: #ffcc00;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 20px;
    border: 0 solid #F0F0F0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 0;
    padding: 0;
    transition: .5s;
    outline: 0;
    background: #ffcc005c;
}
 .slick-dots li.slick-active button {
    background-color:#ffcc00;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
    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: 50px;
    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: #ffcc00;
}
.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: #041855;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #fff;
}
button:focus {
    outline: 0;
}
.nars_serv_area:hover .slick-prev, .nars_serv_area:hover .slick-next {
	opacity:1;
}
.witr_ds_content_area .slick-prev, .witr_ds_content_area .slick-next {
	top: 48%;
	opacity:1;
}
.witr_ds_content_area:hover .slick-prev, .witr_ds_content_area:hover .slick-next {
	opacity:1;
}
.homeplan_blog_area:hover .slick-prev, .homeplan_blog_area:hover .slick-next{
	opacity:1;
}
.sf_test_area2:hover .slick-prev, .sf_test_area2:hover .slick-next {
    opacity: 1;
}
.homeplan_testimonial_area:hover .slick-prev, .homeplan_testimonial_area:hover .slick-next{
	opacity:1;
}
.testimonial_area2:hover .slick-prev, .testimonial_area2:hover .slick-next{
	opacity:1;
}
.homeplan_team_area:hover .slick-prev, .homeplan_team_area:hover .slick-next{
	opacity:1;
}
/*===== 14. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
     font-size: 36px;
}
.breadcumb-area {
    padding-top: 154px;
    padding-bottom: 153px;
    background-size: cover;
    background-position: center center;
    background-image: url(assets/images/breadcumb.jpg);
    position: relative;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(4,24,85,0.9);
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color: #ffffff;
}
.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: #ffcc00;
}
.brpt h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 15px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
 .ccase {
     text-transform: capitalize;
}
/* ===== 15. Case Stuty Details Area CSS ===== */
.departmentList {
    position: relative;
    padding: 73px 30px 65px;
    border-radius: 10px;
    background-size: cover;
    text-align: left;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}
.all_list_color h3 a, .all_list_color h3 {
    color: #fff;
    background-color: #041855;
    border-radius: 5px 5px 5px 5px;
}
.departmentList h3 {
    margin-bottom: 22px;
	text-align: center;
    padding: 12px 0px 20px 0px;
}
.departmentList ul li a, .departmentList ul li span {
    font-size: 18px;
    display: block;
    color: #fff;
    background-color: #ffcc00;
    font-weight: 500;
    border-radius: 30px 30px 30px 30px;
    margin: 0px 0px 15px 0px;
    padding: 12px 6px 12px 25px;
}
.all_list_color ul li a:hover {
    background: #041855;
}
.departmentList ul li a i, .departmentList ul li span i {
    display: inline-block;
    float: right;
    background: #ABCD52;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px 100px 100px 100px;
    margin: -6px 0px 0px 0px;
}
.departmentList ul li span i:hover{
	background:#E85248;
}
.case_details_video_area {
    padding: 80px 0 90px;
}
.case_details_video_area .video-open-inline iframe {
    width: 100%;
    height: 630px;
    border: none;
}
.team_detail_video_area {
    padding: 0;
}
.academics_area {
    padding: 100px 0 95px;
}
.academics_area .departmentList {
    padding: 30px 30px 30px 30px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
    margin-bottom: 30px;
}
.carousel_imagess_area {
    margin-left: -15px;
    margin-right: -15px;
}
.carousel_imagess_area .slick-slide {
    padding-top: 0;
}
.case_study_details_area .witr_apartment_form textarea {
    height: 150px;
}
.case_study_details_area .apartment_area {
    margin: 20px 0px 0px 0px;
    padding: 50px 30px 50px 30px;
}
.case_study_details_area .apartment_text h2 {
    margin-bottom: 40px;
    font-size: 29px;
}
.case_study_details_area .witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 500;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    margin-top: 0;
    transition: .5s;
    background: #ffcc00;
    font-family: 'Fredoka One', cursive;
}
.case_study_details_area .witr_apartment_form .btn:hover {
    background: #02101e;
}
.team_details_area {
    padding: 100px 0 20px;
}
.hp_ser_details_area {
    padding: 100px 0 70px;
}
.witr_car_overlay {
    position: relative;
}
.team_details_area .witr_car_overlay .slide_items {
    filter: grayscale(1);
    opacity: 0.5;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.witr_car_overlay .slide_items img {
    margin: auto;
}
.witr_car_overlay .slide_items:hover {
    filter: grayscale(0);
    opacity: 1;
}
/* ===== Case Study Area CSS ===== */
.hp_case_study {
    padding: 90px 0 60px;
}
.witr_case {
    position: relative;
    overflow: hidden;
    padding-bottom: 45px;
    margin-bottom: 40px;
}
.witr_case_image {
    overflow: hidden;
    position: relative;
}
.witr_case_image:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    content: "";
    transition: .5s;
}
.witr_case_image:before {
    background: #ffcc00a6;
}
.witr_case_image img {
    width: 100%;
}
.witr_content_casem {
    padding: 21px 15px 26px;
    position: absolute;
    bottom: -80px;
    left: 15px;
    margin: auto;
    transition: .5s;
    right: 15px;
    text-align: left;
}
.witr_case_btnb a, .witr_content_casem {
    background: #fff;
}
.witr_content_casei p {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}
.witr_case_btnb a, .witr_content_casei p {
    color: #ffcc00;
}
.witr_content_casei h3 {
    font-size: 21px;
}
.witr_case_btnb {
    margin-top: 20px;
}
.witr_case_btnb a {
    font-size: 16px;
    font-weight: 600;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: .5s;
}
.witr_case_btnb a {
    border: 1px solid #ececec;
}
.witr_case_btnb a, .witr_content_casem {
    background: #fff;
}
.witr_case_btnb a, .witr_content_casei p {
    color: #ffcc00;
}
.witr_case_btnb a i {
    margin-left: 5px;
    transition: 1s;
}
.witr_case:hover .witr_case_image:before {
    height: 100%;
}
.witr_case:hover .witr_content_casem {
    bottom: -4px;
}
.witr_case_btnb a:hover {
    background: #ffcc00;
	border: 1px solid #ffcc00;
	color: #fff;
}
.witr_case_btnb a:hover i {
    margin-left: 15px;
}
/* ===== 16. Faq Area CSS ===== */
.hp_faq_area {
    background: #F9F9F9;
    padding: 100px 0 82px;
}
.faq_left_img img {
    width: 100%;
    margin-bottom: 20px;
}
.accordion_area .card-2 {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    background: #fff;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
	border-radius:5px;
}
.witr_ac_style {
    padding: 7px 15px 11px;
    display: block;
}
.witr_ac_style, .witr_ac_style::before {
    font-size: 17px;
    font-weight: 700;
}
.witr_ac_style:before {
    position: absolute;
    content: '\f067';
    right: 30px;
    top: 9px;
    font-family: fontawesome !important;
    font-weight: 400;
}
.active .witr_ac_style:before {
    position: absolute;
    content: '\f068';
    font-family: fontawesome !important;
}
.accordion_area .card-2 p {
    padding: 20px 20px 7px;
}
.active .witr_ac_style, .witr_ac_style:focus, .witr_ac_style:hover {
    background: #ffcc00;
    color: #fff;
}
.witr_ac_card i {
    margin-right: 10px;
    font-size: 20px;
    position: relative;
    top: 4px;
}
/* ===== Faq Area CSS ===== */
.sf_faq_area2 {
    padding: 0 0 90px;
}
.sf_faq_area2 .accordion_area .card-2 p {
    padding: 15px 20px 15px;
}
.writ_ac_style_02:focus, .writ_ac_style_02:hover {
    color: #0F1F2F;
    background: none;
}
.active .writ_ac_style_02 {
    background: none;
    color: #0F1F2F;
}
.border_bottom_0{
	border-bottom:none;
}
.writ_ac_style_02 {
    margin-left: 30px;
    font-size: 17px;
    font-weight: 600;
    display: block;
    color: #0F1F2F;
    padding: 10px 20px 10px 10px;
    font-family: inherit;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 20px;
	margin-right:10px;
    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;
}
.content_style p,
.conent_style p {
    padding-left: 18px;
}
.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: 0 0;
    border-left: 2px solid #ffcc00 !important;
    border-radius: 0;
}
.faq_area2 .witr_ac_style {
    padding-left: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    padding: 9px 20px 9px 20px;
}
.writ_ac_style_02:before {
    font-weight: 400;
    font-size: 16px;
    color: #0F1F2F;
    margin-top: 4px;
}
.faq_area.single_service_faq1 {
    background: #FFFFFF;
}
.faq_page_faq2 {
    padding: 100px 0 100px;
}
/* ===== 17. Alerty Area CSS ===== */
.alert_area {
    padding: 100px 0 90px;
}
.alert_inner {
    background-color: #D90A2C;
    color: #31708f;
    padding: 15px;
    border-left: 5px solid #bcdff1;
    position: relative;
    text-align: left;
}
.alert-title {
    display: block;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 30px;
}
.alert-description {
    color: #FFFFFF;
    font-size: 16px;
}
 .alert-dismiss {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px;
    font-size: 20px;
    line-height: 1;
    background: transparent;
    color: inherit;
    border: none;
    cursor: pointer;
}
/* ===== Alert Area CSS ===== */
.alert_area2 {
    padding: 0px 0 70px;
}
.alert_area2 .alert_inner {
    background-color: #d9edf7;
    border-left: 5px solid #D90A2C;
}
.alert_area2 .alert-title {
    color: #31708f;
}
.alert_area2 .alert-description {
    color: #31708f;
    font-size: 16px;
}
/* ===== Alert Area CSS ===== */
.alert_area3 {
    padding: 20px 0 100px;
}
.alert_area3 .alert_inner {
    background-color: #0EB582;
}
/* ===== 18. Call Area CSS ===== */
.hp_call_area {
    background-image: url("assets/images/futtor.jpg");
    background-position: center center;
    background-size: cover;
    margin-top: -20px;
    margin-bottom: 0px;
    padding: 73px 0px 60px 0px;
    position: relative;
}
.hp_call_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #041855;
    opacity: 0.94;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.hp_call_area .all_cal_color h2 {
    color: #fff;
    font-size: 28px;
}
.cal_to_toggole {
    display: flex;
    align-items: center;
}
.homeplan_content.col_content_width_100 {
    width: 100%;
}
.homeplan_button.no_margin {
    margin-top: 0px;
    width: 60%;
}
.homeplan_button a {
    background: #fff;
    padding: 18px 35px;
    color: #041855;
    display: inline-block;
    font-size: 17px;
    transition: 1s;
    margin-right: 15px;
    font-weight: 600;
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
}
.homeplan_button a i{
    margin-left: 10px;
}
.homeplan_button a:hover {
    background: #041855;
    color: #fff;
}
/* ===== 19. Pricing Area CSS ===== */
.hp_pric_area {
    padding: 95px 0 70px;
}
.hp_pric_area .witr_section_title_inner h2 {
    font-size: 16px;
    text-transform: uppercase;
}
.pricing_area {
    border-radius: 5px;
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
    margin-bottom: 30px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
	text-align:center;
}
.witr_pricing_icon i {
    color: #ffcc00;
    font-size: 40px;
    padding-top: 40px;
    display: block;
}
.pricing-part h4 {
    font-size: 24px;
    padding: 26px 0 12px;
    display: block;
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h5, .all_pricing_color h4 {
    margin: 0px;
}
.pricing-part h5 {
    font-size: 35px;
    padding-bottom: 30px;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing-part ul {
    display: inline-block;
    text-align: center;
    padding: 0;
}
.pricing-part ul li {
    color: #555555;
    line-height: 40px;
    list-style: none;
}
.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.pricing-part a.btn {
    background: #ffcc00;
    line-height: 41px;
    padding: 7px 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #ffcc00;
    display: inline-block;
    font-weight: 600;
}
.pricing-part a.btn:hover {
    background: transparent;
    color: #ffcc00;
}
.pricing-part sub{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -65px;
    top: 20px;
    background: #ffcc00;
    line-height: 43px;
    width: 217px;
    height: 45px;
    text-align: center;
    transform: rotate(45deg);
}
/* ===== Pricing Area CSS ===== */
.price_area2 {
    background: #FAFAFA;
    padding: 95px 0px 70px 0px;
}
.price_area2 .pricing_area {
    border-radius: 5px;
    box-shadow: 0px 5px 12px 0px rgba(216, 216, 216, 0.3803921568627451);
    margin-bottom: 30px;
}
.price_area2 .witr_section_title {
    margin-bottom: 30px;
}
.price_area2 .prt_content {
    padding: 20px 18px 10px 0;
    font-size: 20px;
}
.price_area2 .all_pricing_color p {
    color: #FFCC00;
}
.price_area2 .pricing-part ul li {
    color: #555555;
    line-height: 40px;
    list-style: none;
}
.price_area2 .pricing-part a.btn {
    background: transparent;
    color: #041855;
    font-size: 16px;
    font-weight: 600;
}
.price_area2 .witr_btnp_color a.btn:hover {
    color: #fff;
    background: #FFCC00;
    border-color: #FFCC00;
}
.price_area2 .witr_bar_inner {
    margin: 0 auto;
}
.price_area2 .witr_bar_main {
    margin: 10px 0 10px 0;
}
/* ===== Pricing Area CSS ===== */
.hp_pric_area {
    padding: 105px 0 80px;
}
.hp_pric_area .witr_section_title {
    margin-bottom: 30px;
}
.hp_pric_area .pricing_area {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #041855;
}
.choose_page_pric {
    padding: 95px 0 0 0;
}
/* ===== 20. Solution Area CSS ===== */
.sf_solu_area {
    padding: 100px 205px 85px 385px;
}
.solu_left_inner .em-service2.sleft {
    text-align: left;
    margin-bottom: 20px;
}
.solu_left_inner .witr_section_title_inner p {
    padding: 10px 0 0;
}
.service_top_image {
    position: relative;
}
.solu_left_inner .em-service2.sleft .em-service-icon {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}
.solu_left_inner .em-service-icon i {
    font-size: 50px;
    color: #FFCC00;
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: none;
    border: none;
    display: inline-block;
    text-align: center;
    transition: all 0.5s ease 0s;
    margin-bottom: 15px;
}
.em-service2 .em-service-inner {
    overflow: hidden;
}
.solu_left_inner .em-service-title h3 {
    padding: 0;
    transition: .5s;
    margin: 8px 0px 0px 0px;
}
.solu_left_inner .em-service-desc p {
    transition: .5s;
}
.solu_bott_sing .em-service-icon img {
    margin-bottom: 15px;
}
.solu_bott_sing .em-service-title h3 {
    padding: 0;
    transition: .5s;
    margin: 20px 0 0 0;
}
.em-service-desc p {
    transition: .5s;
}
/* ===== Solution Area CSS ===== */
.chos_page_solu {
    padding: 100px 0 105px 0;
}
.house_page_solu {
    padding: 0;
}
/* ===== 21. Countdown Area CSS ===== */
.hp_countd_area {
    padding: 92px 0 70px;
}
.hp_countd_area .witr_section_title_inner p {
    margin-top: 10px;
}
.hp_countd_area .witr_section_title {
    margin-bottom: 46px;
}
.counterdowns {
    text-align: center;
}
span.cdowns {
    width: 200px;
    height: 200px;
    border-color: #041855;
    padding: 59px 0 0 0;
}
span.cdowns {
    background: #fff;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    line-height: 1;
    border: 1px solid #041855;
    margin-bottom: 30px;
}
span.time-counts {
    font-size: 50px;
    font-weight: 700;
}
span.time-counts {
    color: #ffcc00;
    display: inline-block;
}
.counterdowns p {
    color: #ffcc00;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0px 0px 0px;
}
/* ===== Countdown Area CSS ===== */
.hp_countd_area2 {
    background-image: url("assets/images/futtor.jpg");
    background-position: center center;
    background-size: cover;
    padding: 90px 0 72px 0;
    position: relative;
}
.hp_countd_area2::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #041855;
    opacity: 0.95;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.hp_countd_area2 .witr_section_title {
    margin-bottom: 46px;
}
.hp_countd_area2 .witr_section_title_inner h3 {
    color: #fff;
}
.hp_countd_area2 .witr_section_title_inner p {
    color: #fff;
}
.hp_countd_area2 span.cdowns {
    background-color: #D90A2C00;
    border-color:#fff;
    padding: 59px 0 0 0;
}
.hp_countd_area2 span.time-counts {
    color: #fff;
}
.hp_countd_area2 .counterdowns p {
    color: #fff;
}
/* ===== Countdown Area CSS ===== */
.hp_countd_area3 {
    padding: 90px 0 22px;
}
.hp_countd_area3 .witr_section_title {
    margin-bottom: 45px;
}
.hp_countd_area3 span.cdowns {
    border-color: #fff;
}
.hp_countd_area3 span.cdowns::before {
    position: absolute;
    content: "";
    background: #ffcc00;
    top: 68px;
    right: -19px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
.hp_countd_area3 span.cdowns::after {
    position: absolute;
    content: "";
    background: #ffcc00;
    top: 100px;
    right: -19px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
.cdowns:last-child::before,
.cdowns:last-child::after{
	display:none;
}
/* ===== 22. Privacy Area CSS ===== */
.privacy_area {
    padding: 115px 0 95px;
}
.privacy_area .single-blog-content h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
/* ===== 23. Image Box Area CSS ===== */
.image_box_area {
    padding: 90px 0 80px;
}
.image_box_area .witr_section_title_inner h2 {
    margin-bottom: 16px;;
}
.image_box_area .witr_section_title_inner.text-center p {
    width: 70%;
    margin-top: 0;
    padding: 10px 0 6px;
}
.image_box_area .service-item {
    box-shadow: 0px 0px 20px 0px rgb(42 67 113 / 15%);
    transition: .5s;
    margin-bottom: 20px;
}
.image_box_area .text_box {
    padding: 10px 32px 31px 32px;
	margin-bottom:20px;
}
.image_box_area .service-item:hover{
	box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
}
.image_box_area .service-item h3 {
    padding: 15px 0 0;
}
.image_box_area .service-btn>a {
    display: inline-block;
    transition: .5s;
    color: #FFFFFF;
    background: #FFCC00;
    margin: 12px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    border-radius: 3px;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.image_box_area .service-btn>a:hover {
    background-color: #041855;
    border-color: #041855;
}
/* ===== Image Box Area CSS ===== */
.image_box_area2 {
    background: #F9F9F9;
    padding: 90px 0 80px;
}
.image_box_area2 .service-item {
    padding: 30px 20px 15px 20px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	margin-bottom:20px;
}
.image_box_img{
	transition:.5s;
}
.image_box_img:hover {
    transform: scale(1.1);
}
/* ===== Image Box Area CSS ===== */
.image_box_area3 {
    padding: 90px 0 80px;
}
.image_box_area3 .service-item {
    padding: 30px 20px 15px 20px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	margin-bottom:20px;
}
.image_box_area3 .image_box_img img{
    width: 60%;
	transition:.5s;
}
.image_box_area3 .image_box_img:hover{
    transform: translateY(-8px);
}
/* ===== Image Box Area CSS ===== */
.image_box_area4{
	padding:0 0 90px;
}
.image_box_area4 .single_seivice_ani img {
    -webkit-animation: single_seivice_ani 10s linear infinite alternate forwards;
    animation: single_seivice_ani 10s linear infinite alternate forwards;
}
.service_top_image {
    position: relative;
}
.image_box_area4 .single_seivice_ani img {
    animation: single_seivice_ani 10s linear infinite alternate forwards;
}
@keyframes single_seivice_ani{
    0%,
    to {
        border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}
/* =====  Progress Area CSS ===== */
.progress_area2 {
    padding: 92px 0 75px;
}
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 25px;
}
.witr_title2 .witr_label {
    font-weight: 700;
    color: #181b1d;
    font-size: 17px;
    margin-bottom: 2px;
    display: inline-block;
    text-transform: capitalize;
}
.progress {
    height: 6px;
    border-radius: 0;
    background-color: #e9ecef;
}
.witr_progress-style2.progress {
    box-shadow: none;
    overflow: visible;
}
.progress-bar {
    background: #ffcc00;
    overflow: inherit;
    border-radius: 0;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    box-shadow: none;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -19px;
}
.witr_progress-style2 .witr_percent {
    color: #181b1d;
}
.progress_bar_area {
    background: #F9F9F9;
    padding: 95px 0px 80px;
}
.witr_progress-style8 {
    position: relative;
    height: 40px;
    box-shadow: none;
    border-radius: 20px;
    overflow: visible;
    padding: 7px;
    box-shadow: 0 1px 10px rgba(68, 68, 68, 0.08);
}
.witr_progress-style8 + .witr_progress-style8 {
    margin-top: 30px;
}
.witr_progress-style8 .progress-bar {
    text-align: left;
    border-radius: 0;
    box-shadow: none;
    border-radius: 15px;
}
.witr_progress-style8 .witr_label {
    position: absolute;
    left: 20px;
    font-size: 13px;
    font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
}
.witr_progress-style8 .witr_percent {
    position: absolute;
    right: 14px;
    top: 50%;
    font-weight: 500;
    font-size: 13px;
    transform: translateY(-50%);
}
.progress_bar_area .progress {
    margin-top: 29px;
	margin:0;
}
.witr_progress-style8 {
    background: #fff;
    border: none;
}
.witr_progress-style5 {
    height: 24px;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
    margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
}
.witr_title5 .witr_label {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    font-weight: 600;
}
.witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
    content: "";
    position: absolute;
    border: 11px solid transparent;
    left: -19px;
    top: 50%;
    transform: translateY(-50%);
}
.progress.witr_progress-style5 {
    margin-top: 37px;
}.witr_progress-style5 {
    height: 24px;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
    margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
}
.witr_title5 .witr_label {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    font-weight: 600;
}
.witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
    content: "";
    position: absolute;
    border: 11px solid transparent;
    left: -19px;
    top: 50%;
    transform: translateY(-50%);
}
.progress.witr_progress-style5 {
    margin-top: 37px;
}
.right_progress_inner .progress {
    background: #e9ecef;
    border: none;
}
 .witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent {
    background: #222;
}
.progress_bar_area .witr_section_title {
    padding-bottom: 32px;
}
/* ===== Skill Area CSS ===== */
.progress_area3 {
    background: #f9f9f9;
    padding: 95px 0 50px;
}
.progress_area3 .progress-bar {
    background: #ffcc00;
}
.progress_area3 .witr_single_progress {
    margin-bottom: 50px;
	position:relative;
}
.progress_area3 .witr_title5 .witr_label {
    color: #222;
}
.right_progress_inner .witr_single_progress {
    margin-bottom: 20px;
    position: relative;
}
.progress_area3  .witr_progress-style8 .witr_percent {
    color: #fff;
}
.progress2_witr_inner .witr_progress-style7 .witr_percent {
    position: absolute;
    right: -13px;
    font-weight: 500;
    font-size: 10px;
    top: -35px;
    padding: 3px 6px;
}
.witr_progress-style7 .witr_percent {
    background: #272727;
}
.witr_progress-style7 .witr_percent::after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.progress2_witr_inner .progress.witr_progress-style7 {
    overflow: visible;
}
.progress2_witr_inner .witr_percent {
    color: #fff;
    font-weight: 700;
}
.progress2_witr_inner .progress {
    margin-top: 8px;
}
.progress2_witr_inner .witr_label {
    font-weight: 600;
    font-size: 15px;
}
.witr_progress-style7 .witr_percent:after {
    content: '';
    position: absolute;
    border: 6px solid transparent;
    left: 50%;
    border-top-color: #181b1d;
    top: 22px;
    transform: translateX(-50%);
}
/* ===== Progress Area CSS ===== */
.circle_area {
    padding: 92px 0 70px;
}
.circle_area .witr_section_title {
    margin-bottom: 30px;
}
.witr_circle_area {
    text-align: center;
    margin-bottom: 20px;
}
.witr_cp_class {
    position: relative;
}
span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    font-size: 20px;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 700;
    color: #7c7c7c;
}
.witr_circle_title {
    margin-top: 10px;
}
.progressbar_title_section {
    background: #F9F9F9;
    padding: 85px 0px 35px;
}
/* ===== Skill Area CSS ===== */
.ab3_page_ab_area .witr_title2 .witr_label {
    font-weight: 700;
    color: #181b1d;
    font-size: 17px;
    margin-bottom: 2px;
    display: inline-block;
    text-transform: uppercase;
    font-family: inherit;
}
.ab3_page_ab_area .witr_progress-style13.progress {
    background: transparent;
    border: 1px solid #ffcc00;
}
.ab3_page_ab_area .progress{
    border-style: default;
    height: 10px;
    border-radius: 5px 5px 5px 5px;
}
.ab3_page_ab_area .progress-bar {
    margin: 2px 2px 2px;
}
.ab3_page_ab_area .witr_section_title {
    margin-bottom: 35px;
}
/* ===== Skill Area CSS ===== */
.sf_skill_area {
    padding: 100px 0 100px;
}
.skill_left_inner {
    margin: 0 20px 0 0;
}
.skill_left_inner .witr_section_title {
    margin-bottom: 35px;
}
.skill_left_inner .witr_section_title_inner p {
    padding: 10px 0 0;
}
.skill_left_inner .witr_single_progress {
    margin-bottom: 18px;
}
.skill_left_inner .witr_title2 .witr_label {
    font-weight: 500;
}
.skill_left_inner .progress {
    border-radius: 30px;
}
/* ===== 24. Video Area CSS ===== */
.homeplan_video_area {
    position: relative;
    z-index: 1;
}
.witr_videobg_image {
    position: relative;
    text-align: center;
}
.play-overlay {
    position: absolute;
    left: 41px;
    top: 116px;
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 23px;
    border-radius: 100%;
    background: #ffcc00;
}
.play-overlay a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    background: #ffcc00;
}
.tx_svd_icon, .tx_svd_icon i {
    color: #fff;
}
.play-overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
	color:#fff;
}
@keyframes witr_squares{
	0%{transform:scale(1);opacity:0}
	20%{transform:scale(1.24);opacity:1}
	100%{transform:scale(2.1);opacity:0}
}
/* ===== 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 {
    color:#fff;
}
/* ===== Video Area CSS ===== */
.hp_video_area {
    background-image: url("assets/images/slider-bg.jpg");
    background-position: center center;
    background-size: cover;
    padding: 90px 0 90px 0;
    position: relative;
}
.hp_video_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #041855;
    opacity: 0.79;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.video-overlay {
    padding: 70px 0 50px;
}
.video-item a {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 28px;
    border-radius: 100%;
    background: #ffcc00;
}
.video-item a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #ffcc00;
    border-radius: 50%;
    top: 0;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
}
.video-item i {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.video-item h3 {
    font-size: 30px;
    margin-top: 35px;
	color:#fff;
}
/* ===== 25. Counter Area CSS ===== */
.hp_coun_area {
    background-image: url("assets/images/projects-bg-1.jpg");
    background-position: center center;
    background-size: cover;
    padding: 100px 0px 70px 0px;
    position: relative;
}
.hp_coun_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #041855;
    opacity: 0.91;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.witr_single_counter {
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 37px 0 61px;
    text-align: center;
    transition: all 0.5s ease 0s;
    height: 270px;
    width: 270px;
    transition: .5s;
    margin: auto;
    margin-bottom: 30px;
}
.witr_custom_icon i {
    font-size: 60px;
    display: inline-block;
    margin-bottom: 10px;
	color:#fff;
}
.all_counter_color h4, .all_counter_color h1 {
    color: #fff;
    padding: 0px 0px 10px 0px;
}
.witr_counter_text h4 {
    font-size: 30px;
}
.witr_counter_text h3 {
    display: inline-block;
    font-size: 40px;
	color:#fff;
}
.witr_counter_text span {
    font-size: 35px;
    font-weight: 700;
    line-height: 0;
	color:#fff;
}
.witr_single_counter:hover {
    border: 3px solid #ffcc00;
    background: #ffcc00;
}
/* ===== Counter Area CSS ===== */
.hp_cout_area2 {
    padding: 100px 0 70px;
}
.witr_counter_6.witr_counter_single {
    background: #fff;
    padding: 28px 27px 35px 25px;
    box-shadow: 0px 5px 20px 0px #0000000d;
    margin-bottom: 30px;
}
.witr_counter_6 .witr_counter_number_inn {
    overflow: inherit;
}
.witr_counter_6 .wirt_new_iner {
    background: #ffcc00;
    padding: 30px 0px 27px;
    border-radius: 5px;
    width: 29%;
    text-align: center;
    transform: skewY(356deg);
}
.wirt_new_iner {
    float: left;
    margin-right: 20px;
}
.hp_cout_area2 .witr_counter_number_inn h3, .hp_cout_area2 .witr_counter_number_inn span {
    font-size: 31px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
.hp_cout_area2 .all_counter_color h4, .hp_cout_area2 .all_counter_color h1 {
    color: #232323;
    margin: 0;
}
/* ===== Counter Area CSS ===== */
.hp_coun_area3 {
    padding: 95px 0px 90px 0px;
}
.hp_coun_area3 .witr_custom_icon i {
    font-size: 60px;
    display: inline-block;
    margin-bottom: 10px;
    color: #041855;
}
.witr_counter_number_inn {
    overflow: hidden;
}
.hp_coun_area3 .witr_counter_number_inn h4 {
    font-size: 22px;
    color: #181b1d;
    margin: 0;
}
.hp_coun_area3 .witr_counter_number_inn h3, .hp_coun_area3 .witr_counter_number_inn span {
    font-size: 40px;
    color: #ffcc00;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
.hp_coun_area3 .witr_counter_number_inn span {
    line-height: 0;
}
/* ===== 26. Contact Area CSS ===== */
.hp_cont_area {
    background-image: url("assets/images/contact-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px 85px 0px;
}
.hp_cont_area .witr_section_title_inner {
    margin-bottom: 35px;
}
.hp_cont_area .witr_section_title_inner h3 {
    color: #fff;
}
.hp_cont_area .witr_back_title h4 {
    -webkit-text-fill-color: #FFFFFF12;
}
.hp_cont_area .witr_section_title_inner p {
    color: #fff;
}
.apartment_area {
    position: relative;
    padding: 0;
    text-align: center;
    border-radius: 10px;
}
.apartment_text h1 {
    color: #ffcc00;
    font-size: 40px;
    margin-bottom: 5px;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 19px;
    font-weight: 500;
    margin: 10px 0 50px 0;
}
.witr_apartment_form  .btn {
    margin-top: -10px;
    background: #FE688B;
    transition: .5s;
    border-radius: 0px;
}
.witr_apartment_form textarea {
    margin-bottom: 16px;
    height: 150px;
    width: 100%;
    padding-top: 10px;
    padding-left: 30px;
    color: #fff;
    background: #02010100;
    border-radius: 0;
    border-color: #DDDDDD78;
    border-style: solid;
    border-width: 1px;
}
.witr_apartment_form form select, .witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 45px;
    outline: none;
    margin-bottom: 23px;
    background: #02010100;
    border-style: solid;
    border-width: 1px;
    border-color: #DDDDDD78;
    border-radius: 0;
    padding: 0;
    padding-left: 30px;
    color: #fff;
}
.witr_apartment_form textarea::placeholder, .witr_apartment_form input::placeholder{
	color: #fff;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 0;
    background: #ffcc00;
    color: #fff;
    width: 100%;
}
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;
}
.cont_witr_con .all_color_service {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DDDDDD78;
    padding: 20px 0px 10px 40px;
    transition: .5s;
    margin-bottom: 20px;
}
.witr_s_flex {
    display: flex;
}
.cont_witr_con .em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.cont_witr_con .em-service-icon i {
    font-size: 40px;
    color: #fff;
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: none;
    border: none;
    text-align: left;
	margin-bottom:15px;
}
.cont_witr_con .em-service2 .em-service-inner {
    overflow: hidden;
}
.cont_witr_con .em-service-title h3{
    padding: 14px 0px 0px 0px;
    transition: .5s;
	color:#fff;
}
.cont_witr_con .all_color_service:hover {
    border-color: #FFCC00;
    background: #FFCC00;
}
/* map css */
.map_inner iframe {
    width: 100%;
    height: 500px;
    border: none;
    margin-bottom: -8px;
}
.homeplan_contact_area .map_inner iframe {
    width: 100%;
    height: 650px;
    border: none;
    margin-bottom: -8px;
}
/* ===== Contact Area CSS ===== */
.hp_cont_area.con_style1 {
    background-image: none;
    padding: 120px 0px 118px 0px;
}
.con_style1 .apartment_area {
    text-align: center;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
}
.con_style1 .witr_apartment_form form select, .con_style1 .witr_apartment_form form select, .con_style1 .witr_apartment_form input {
    background: #041855;
    border-radius: 5px;
}
.con_style1 .witr_apartment_form textarea {
    border-radius:5px;
    background: #041855;
}
.con_style1 .witr_apartment_form .btn {
    width: auto;
}
.con_style1 .witr_apartment_form .btn:hover{
    background:#041855;
}
/* ===== Contact Area CSS ===== */
.con_style2 .apartment_area {
    margin-bottom: -280px;
    z-index: 999;
    background: #fff;
}
.con_style2 .witr_section_title_inner h3 {
    color: #181b1d;
}
.con_style2 .witr_section_title_inner p {
    color: #999;
}
.con_style2 .witr_apartment_form form select, .con_style2 .witr_apartment_form form select, .con_style2 .witr_apartment_form input {
    background: #fff;
    border-color: #DDDDDD;
    color: #888;
}
.con_style2 .witr_apartment_form textarea {
    color: #888;
    background: #fff;
    border-color: #DDDDDD;
}
.con_style2 .witr_apartment_form input::placeholder, .con_style2 .witr_apartment_form textarea::placeholder{
	color:#888;
}
.con2_ser_area {
    background-image: url("assets/images/projects-4s.jpg");
    background-position: top center;
    background-size: cover;
    padding: 260px 0px 70px 0px;
    position: relative;
}
.con2_ser_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #041855;
    opacity: 0.95;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.con2_ser_area .all_color_service {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 20px 15px 5px 15px;
    margin-bottom: 30px;
}
.witr_s_flex {
    display: flex;
}
.con2_ser_area .em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.con2_ser_area .em-service-icon i {
    font-size: 40px;
    color: #041855;
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: none;
    border: none;
    transition: all 0.5s ease 0s;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}
.con2_ser_area .em-service-title h3 {
    padding: 0;
    transition: .5s;
}
.con2_ser_area .em-service-desc p {
    transition: .5s;
}





.tx_golobal_color{
     background: #ffcc00;
}
 .tx_btn_global_color:hover{
     background:#000;
}