/*
Template Name:minist
Author Name: WPEXPERT

*/

/*
Table Of Content

1. Menu Area CSS
2. Banner Area CSS
3. About Area CSS
4. Service Area CSS
5. Team Area CSS
6. Counter Area CSS
7. Faq Area CSS
8. Gallery Area CSS
9. Pricing Area CSS
10. Testimonial Area CSS
11. Video Area CSS
12. Blog Area CSS
13. Contact Area CSS
14. Portfolio Area CSS
15. Footer Area CSS
16. Breadcumb Area CSS
*/

@import url('css2.css');

/* initial css */
:root{
    --light: #ffffff;
    --dark: #242A45;
    --primary: #ef0453;
    --secondary: #0067ed;
    --black: #000000;
    --h-color: #00062f;
    --p-color: #555555;
}


/*theme css*/
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;
}
a {
    color:#17161a;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #ef0453;
}
html {
    scroll-behavior: smooth;
}
body {
    color: #454545;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    scroll-behavior: smooth;
}
 p {
     font-style: normal;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 600;
    transition: .5s;
    font-size: 22px;
    color: #0a0a0a;
    margin: 0 0 8px;
    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;
}
img {
    max-width: 100%;
}
.p-10 {
    padding-right: 10px;
    padding-left: 10px;
}
.container {
    width: 100%;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
}
/*========================== initial css end ==========================*/
/*========================== paginations css ==========================*/
.paginations {
    margin-top: 20px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px 0
}
.paginations li {
    display: inline-block;
    border-radius: 5px;
    margin: 0 5px;
    color: #888;
    font-size: 19px;
    transition-duration: .5s;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.paginations li a, .paginations li span {
    border-radius: 5px;
    display: block;
    color: #888;
    padding: 15px 24px;
}
.paginations li.active {
    background: var(--primary);
}
.paginations li:hover {
    background: var(--primary);
    color: #fff;
}
.paginations li:hover a  {
    color: #fff
}
.paginations li.active span {
    color: #fff;
}
/*========================== scroll up design ==========================*/
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
	background: var(--primary);
}
#scrollUp i {
    color: #fff;
}
/*========================== button design ==========================*/
.witr_button_area {
    text-align: left;
    overflow: hidden
}
.witr_btn {
    display: inline-block;
    font-size: 16px;
    padding: 14px 34px;
    text-align: center;
    position: relative;
    margin-right: 22px;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
    font-weight: 700;
    background: var(--primary);
    color: var(--light)
}
.witr_btn:hover {
    color: var(--light);
    background: #dd1e1d;
}
.witr_btn i {
    font-size: 18px;
    margin-left: 6px
}
.pluse_btn_icon {
    display: inline-block
}
.witr_bbtn {
    border-radius: 30px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s
}
.witr_bbtn i {
    font-size: 15px;
    margin-right: 6px
}
.witr_gbtn {
    border-radius: 30px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    -webkit-transition: all .5s;
    transition: all .5s
}
.witr_gbtn:before {
    position: absolute;
    border-radius: 3px;
    left: 0;
    height: 100%;
    opacity: 0;
    top: 0;
    content: "";
    width: 100%;
    z-index: -2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
.witr_gbtn:hover:before {
    opacity: 1
}
.witr_gbtn i {
    font-size: 15px;
    margin-right: 6px
}
.witr_gbbtn {
    border-radius: 30px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    -webkit-transition: all .5s;
    transition: all .5s
}
.witr_gbbtn:before {
    position: absolute;
    border-radius: 3px;
    left: 0;
    height: 100%;
    opacity: 1;
    top: 0;
    content: "";
    width: 100%;
    z-index: -2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
.witr_gbbtn:after {
    position: absolute;
    border-radius: 3px;
    left: 2px;
    opacity: 1;
    top: 2px;
    content: "";
    z-index: -1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px)
}
.witr_gbbtn:hover:before {
    opacity: 1
}
.witr_gbbtn:hover:after {
    opacity: 0
}
.witr_gbbtn i {
    font-size: 15px;
    margin-right: 6px
}
.witr_vbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-top: 10px;
    display: inline-block
}
.witr_vbbtn {
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-top: 10px;
    display: inline-block
}
.witr_vgbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-top: 10px;
    display: inline-block
}
.witr_vhgbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-top: 10px;
    display: inline-block
}
.witr_vhgbtn:before {
    position: absolute;
    border-radius: 50%;
    left: 0;
    height: 100%;
    z-index: -2;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%
}
.witr_vhgbtn:hover:before {
    opacity: 1
}
.witr_vbgbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-top: 10px;
    display: inline-block
}
.witr_vbgbtn:before {
    position: absolute;
    border-radius: 50%;
    left: 0;
    height: 100%;
    z-index: -2;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%
}
.witr_vbgbtn:after {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    z-index: -1;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    content: ""
}
.witr_vbgbtn:hover:after {
    opacity: 0
}
.witr_vbbgbtn_inner {
    width: 70px;
    height: 70px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-right: 20px
}
.witr_vbbgbtn_inner:before {
    position: absolute;
    border-radius: 50%;
    left: 0;
    height: 100%;
    z-index: -2;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%
}
.witr_vbbgbtn_inner:after {
    height: calc(100% - 2px);
    z-index: -1;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    border-radius: 50%;
    left: 1px;
    top: 1px;
    content: "";
    width: calc(100% - 2px)
}
.witr_vbbgbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-top: 10px;
    display: inline-block
}
.witr_vbbgbtn:before {
    position: absolute;
    border-radius: 50%;
    left: 0;
    height: 100%;
    z-index: -2;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%
}
.witr_vbbgbtn:after {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    z-index: -1;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    content: ""
}
.witr_vdbbgbtn_inner {
    width: 70px;
    height: 70px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-right: 20px
}
.witr_vdbbgbtn_inner:before {
    position: absolute;
    border-radius: 50%;
    left: 0;
    height: 100%;
    z-index: -2;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%
}
.witr_vdbbgbtn_inner:after {
    height: calc(100% - 2px);
    z-index: -1;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    border-radius: 50%;
    left: 1px;
    top: 1px;
    content: "";
    width: calc(100% - 2px)
}
.witr_vdbbgbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-top: 10px;
    display: inline-block;
    color: #fff
}
.witr_vdbbgbtn:before {
    position: absolute;
    border-radius: 50%;
    left: 0;
    height: 100%;
    z-index: -2;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    top: 0;
    content: "";
    width: 100%
}
.f_left {
    float: left;
    margin-right: 5px
}
.witr_vider_text {
    float: left
}
.witr_vider_text_inner {
    margin-top: 5px
}
span.witr_v_text1 {
    display: block;
    font-size: 17px;
    font-weight: 300
}
span.witr_v_text2 {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase
}
.witr_btn_vstyled {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.witr_btn_vstyle {
    margin-right: 15px
}
.vtbtnsty4 {
    margin-top: 10px
}
a.dtbtn {
    border: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 11px 25px;
    background: var(--primary);
    line-height: 1.2;
}
/*========================== button design end ==========================*/
/*========================== slcik slider btn style ==========================*/
.slick-prev, .slick-next {
    width: 55px;
    height: 55px;
    background: var(--primary);
    border: none;
    outline: none;
    transition: .5s;
    z-index: 100;
    font-size: 0;
    position: absolute
}
.slick-prev:hover, .slick-next:hover {
    background: var(--dark);
    opacity: 1;
    visibility: visible;
}
.slick-next::before, .slick-prev::before {
    color: #fff;
    font-size: 40px;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: IcoFont!important;
    line-height: inherit;
}
.slick-prev::before {
    content: "\eab5";
}
.slick-next::before {
    content: "\eab8";
}
.slick_btn_bottom .slick-prev {
    bottom: -100px;
    left: calc(50% - 60px);
}
.slick_btn_bottom .slick-next {
    bottom: -100px;
    right: calc(50% - 60px);
}
.slick_btn_center .slick-prev {
    top: 50%;
    left: -70px;
    opacity: 0;
}
.slick_btn_center .slick-next {
    top:50%;
    right: -70px;
    opacity: 0;
}
.slick_btn_center:hover .slick-prev, .slick_btn_center:hover .slick-next {
    opacity: 1;
    visibility: visible;
}
/*========================== slcik slider btn style ==========================*/
/*========================== section title css ==========================*/
.witr_section_title {
    position: relative;
    padding-bottom: 30px;
}
.witr_section_title_inner {
    position: relative;
    z-index: 1
}
.witr_back_title {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.title_in .witr_back_title {
    z-index: -1
}
.witr_back_title h4 {
    font-size: 80px;
    -webkit-text-stroke: 1px #888888;
    -webkit-text-fill-color: transparent;
    line-height: 1
}

.witr_section_title_inner h1,.witr_section_title_inner h2,.witr_section_title_inner h3 {
    font-size: 45px;
    margin: auto;
    font-weight: 700;
    line-height: 1.4
}

.text-right.witr_section_title_inner h1,.text-right.witr_section_title_inner h2,.text-right.witr_section_title_inner h3 {
    margin-right: 0
}

.text-left.witr_section_title_inner h1,.text-left.witr_section_title_inner h2,.text-left.witr_section_title_inner h3 {
    margin-left: 0
}

.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    color: var(--primary)
}

.witr_section_title_inner p {
    margin-top: 10px
}

.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto
}

.witr_section_title_inner.text-left p {
    width: 74%;
    margin-right: auto;
    margin-left: 0
}
.witr_section_title_inner.text-right p {
    width: 74%;
    margin-right: 0;
    margin-left: auto
}
.witr_image_title {
    margin-top: 0;
    margin-bottom: 10px
}
.witr_bar_main {
    margin: 10px 0
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    margin: 0 auto;
    position: relative;
    border-radius: 30px
}
.text-left .witr_bar_inner {
    margin-left: 0
}
.text-right .witr_bar_inner {
    margin-right: 0
}
.title_in_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.title_in {
    position: relative;
    width: 100%
}
.title_in:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    content: ""
}
.title_in:after {
    position: absolute;
    right: -5px;
    top: 0;
    height: 100%;
    width: 2px;
    content: ""
}
.title_tx h2,.title_tx h3 {
    margin: 0
}
.title_p {
    text-align: left;
    width: 100%;
    padding-left: 30px
}
.title_ptx p {
    margin: 0
}
.title_btn {
    margin-top: 15px
}
.title_btn a {
    padding: 15px 30px;
    display: inline-block
}
.witr_bar_innerc {
    position: relative
}
.witr_bar_innerc:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_title_bg1;
    animation-name: move_title_bg1
}
.witr_bar_innerc:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_title_bg2;
    animation-name: move_title_bg2
}
@-webkit-keyframes move_title_bg1 {
    from {
        left: 0
    }

    to {
        left: 100%
    }
}
@keyframes move_title_bg1 {
    from {
        left: 0
    }

    to {
        left: 100%
    }
}
@-webkit-keyframes move_title_bg2 {
    from {
        right: 0
    }

    to {
        right: 100%
    }
}
@keyframes move_title_bg2 {
    from {
        right: 0
    }

    to {
        right: 100%
    }
}

/*========================== section title end ==========================*/

/* ===== 1. Menu Area CSS ===== */
.minist_nav_area.postfix {
    transition: .3s;
}
.minist_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
    padding-left: 200px!important;
    padding-right: 200px!important;
    border-bottom: 1px solid #eaebef26;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}

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

/* logo sticky */
 .minist-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .minist-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .minist-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .minist-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 
/* MENU text CSS */
 .minist_menu ul {
     text-align: right;
     list-style: none;
}
 .minist_menu > ul > li {
     display: inline-block;
     position: relative;
}
.minist_menu > ul > li > a {
    display: block;
    margin: 42px 26px;
    transition: .5s;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #272727;
}
.minist_menu ul .sub-menu li a:hover, .minist_menu ul .sub-menu li.current-menu-item a, .minist_menu>ul>li.current-menu-item>a, .minist_menu>ul>li>a:hover, .minist_nav_area.prefix .minist_menu>ul>li.current-menu-item>a, .minist_nav_area.prefix .minist_menu>ul>li>a:hover, .hbg2 .minist_menu>ul>li.current-menu-item>a, .hbg2 .minist_menu>ul>li>a:hover, .heading_style_2 .minist_menu>ul>li.current-menu-item>a, .heading_style_2 .minist_menu>ul>li>a:hover, .heading_style_3 .minist_menu>ul>li.current-menu-item>a, .heading_style_3 .minist_menu>ul>li>a:hover, .heading_style_4 .minist_menu>ul>li.current-menu-item>a, .heading_style_4 .minist_menu>ul>li>a:hover {
    color: #ef0453;
}
 .minist_menu > ul > li > a:before, .minist_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;
}
 .minist_menu ul li:last-child a {
     margin-right: 15px !important;
}
.minist_menu > ul > li.current > a, .minist_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #ef0453;
    background-color: transparent;
	color: #ef0453;
}
 .minist_menu > ul > li:hover > a:before, .minist_menu > ul > li.current > a:before {
     opacity: 1;
}

 .transprent-menu .minist_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .minist_nav_area.postfix {
     transition: .3s;
}
.minist_nav_area.prefix {
    background-color: transparent;
}
.hbg2 {
    background-color: rgba(0,0,0,0.7) !important;
}

 .minist_nav_area.prefix .minist_menu > ul > li > a {
     color:#fff;
}
.minist_nav_area.prefix .minist_menu > ul > li.current > a {
    color: #ef0453;
}
 .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 */
.minist_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 8px 8px 25px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
 .minist_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .minist_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.minist_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 4px 0px;
}
 .minist_menu ul .sub-menu li:hover > a, .minist_menu ul .sub-menu .sub-menu li:hover > a, .minist_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .minist_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #ef0453;
}
.minist_menu ul .sub-menu li:before {
    left: -18px;
}
.minist_menu ul .sub-menu li:hover:before{
	opacity:1;
}
.minist_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .minist_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .minist_menu ul .sub-menu .sub-menu li:hover>a, .minist_menu ul .sub-menu li:hover:before, .minist_menu ul .sub-menu li:hover>a {
    color: #ef0453;
    padding-left: 12px;
}
/* sub menu 2 */
.minist_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .minist_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .minist_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .minist_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .minist_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .minist_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .minist_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}

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

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

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    left: -150%;
    background: rgba(0, 0, 0, 0);
}
.em-s-open {
    visibility: visible;
    opacity: 1;
    left: 0;
    background: #000000e6 !important;
    transform: scale(1);
}
.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}
.top-form-control {
    position: relative;
}
.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    transition: .5s;
    border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder{
	color:#fff;
}
textarea, input {
    outline: none;
}
.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: transparent;
    color: #272727;
    padding: 0;
    border-radius: 5px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 5px;
    font-size: 20px;
}
.minist_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: #ef0453;
    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: #ef0453;
	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: #ef0453;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/*=======================
#2 minist mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #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;
}
.mean-container .mean-nav ul li a {
    border: 0;	
    width: 100%;
    border-top: 1px solid #ddd;	
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
	display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
	width: auto;
}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 18px;
    margin-left: 20px;
    font-weight: 600;
    border-radius: 0px;
    padding: 13px 25px;
    color: #fff;
    background: #ef0453;
}
a.dtbtn:hover {
    background: #ff6900;
}
/*========================== 2. Banner Area CSS ==========================*/
.banner_section {
    background: url(../image/slider-02.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
.background-video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 1;
}
.background-video-area iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.background-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 2;
}
.witr_ds_content {
    position: relative;
    z-index: 10
}
.section_full_width .witr_containers {
    margin: auto;
    width: 63%
}
.witr_ds_content:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1
}
.witr_ds_content {
    height: 1040px;
    overflow: hidden
}
.witr_ds_content_inner {
    position: relative;
    top: 54%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.witr_ds_content_inner h1 {
    font-size: 24px;
    margin-bottom: 9px
}
.witr_ds_content_inner h2 {
    font-size: 80px;
    line-height: 1.2;
    width: 70%;
    margin: 0 auto 7px 0;
    color: var(--light);
}
.witr_ds_content_inner h2 span {
    color: var(--primary)
}
.witr_ds_content_inner p {
    width: 54%;
    margin: 33px auto 15px 0;
    font-weight: 600;
    font-size: 16px;
    color: #FFF7F7;
}
a.witr_video_btn {
    color: #222429
}
.slider_btn {
    margin-top: 42px
}
.witr_video_btn i {
    color: #EF0453;
    font-size: 16px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    background: var(--light);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: var(--light)
}
@-webkit-keyframes witr_squares {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0
    }
}
@keyframes witr_squares {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0
    }
}
/*========================== 3. About Area CSS ==========================*/
.about_area {
    padding: 108px 0 90px;
}
.about_image {
    text-align: center;
}
.witr_counter_single {
    display: flex;
    justify-content: left;
    align-items: center;
}
.witr_counter_img {
    margin-right: 20px;
}
.about_cont_inner {
    margin-top: 30px;
    margin-left: 20px;
}
.about_cont_inner p {
    width: 100%!important;
    margin-bottom: 8px;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    line-height: 1.6;
    margin-bottom: 0;
}

.witr_counter_number_inn h4 {
    font-size: 16px;
    margin-bottom: 5px;
}
.about_cont .witr_btn_style {
    margin-top: 45px;
}
/*========================== 4. Service Area CSS ==========================*/
.service-area {
    background: url(../image/service-bg.jpg);
    background-position: center center;
    background-size: cover;
    padding: 105px 0 102px;
}
.single_s_inner {
    box-shadow: 11px 0px 53px 0px rgba(0, 0, 0, 0.04);
    background-color: #FFFFFF;
    padding: 55px 25px 33px 37px;
    height: 100%;
    margin-bottom: 20px
}
.single_s_inner:hover {
    background: url(../image/service-bg1.png);
    background-repeat: no-repeat;
    background-position: left;
}
.single_s_inner h3 {
    padding: 33px 0 16px;
    margin-bottom: 5px;
}
.single_s_inner h3 a:hover {
    color: var(--primary)
}
/*===== carousel area css =====*/
.carousel_images_area {
    padding: 70px 0;
    background: var(--primary);
}
.ci_inner a {
    display: block;
    text-align: center;
}
.carousel_wrapper .slick-prev, .carousel_wrapper .slick-next {
    display: none!important;
}
/*========================== 5. Team Area CSS ==========================*/
.team-area {
    padding: 100px 0 80px;
}
.single_team {
    box-shadow: 0 5px 20px 0 #00000014;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 20px;
}
.team_image {
    position: relative;
    z-index: -1;
}
.team_image::before, .team_image::after {
    content: '';
    position: absolute;
    top: 0;
    height: 50%;
    -webkit-animation: team_before 5s infinite linear;
    animation: team_before 5s infinite linear;
    z-index: 1;
    opacity: 0;
    right: 0;
    width: 100%;
}
.team_image:before {
    left: 0;
    border-left: 15px solid var(--primary);
    border-top: 15px solid var(--primary);
}
.team_image::after {
    border-right: 15px solid var(--primary)
}
@keyframes team_before {
    0% {
        height: 50%;
    }
    50%{
        height: 0%
    }
}
.single_team:hover .team_image::before, .single_team:hover .team_image::after {
    opacity: 1;
}
.team_image img {
    width: 100%;
    display: block;
    height: auto
}
.team_inner h5 {
    padding: 20px 0 6px;
    text-align: center;
}
.team_inner span {
    color: var(--primary)
}
.team_s_icons {
    padding-bottom: 18px;
    margin-top: 10px;
    text-align: center;
}
.team_s_icons a {
    margin: 10px 5px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: var(--primary);
    border: 1px solid #EF04531A;
    display: inline-block;
}
.team_s_icons a:hover {
    background: var(--primary);
    color: var(--light);
}
/*========================== 6.Counter Area CSS ==========================*/
.counter_area {
    padding-bottom: 105px;
}
.op_counter {
    padding-top: 90px;
}
.counter_area .witr_counter_single {
    justify-content: center;
}
.counter_area h4 {
    color: var(--p-color);
    font-weight: 600;
}
/*========================== 7. Faq Area CSS ==========================*/
.faq_area {
    padding: 110px 0 108px;
    background: #F9F9F9;

}
.faq_area .witr_section_title {
    padding-bottom: 20px;
}
.faq_accordion_area .card-2 {
    background-color: #FFFFFF00;
    margin-bottom: 15px;
}
.faq_accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_style {
    padding-left: 30px;
    font-size: 16px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 15px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #000000;
    background-color: #FFFFFF00;
}
.witr_ac_style:hover {
    color: #000000;
}
.witr_ac_style:before {
    position: absolute;
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 400;
    content: '\eaa1';
}
.witr_ac_style.collapsed::before {
    content: '\ea99'
}
.card.card-2:has(.ac_s_padding.collapse.show) {
    border: 1px solid #ef0453;
}
.card.card-2:has(.ac_s_padding.collapsing) {
    border: 1px solid #ef0453;
}
.faq_accordion_area .card-2 p {
    padding: 0 29px 0;
}
.faq_image img {
    animation: move_faq_image 3s linear 2s infinite alternate running;
}
@keyframes move_faq_image {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
@-webkit-keyframes move_faq_image {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
/*========================== 8. Gallery Area CSS ==========================*/
.bottom_team_area {
    padding: 105px 0 195px;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.witr_pslide_image img {
    width: 100%;
    display: block;
}
.witr_pslide_image::before {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF03 0%, #EF0453 100%);
    opacity: 0.7;    
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_single_pslide:hover .witr_pslide_image::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
.witr_single_pslide h3 a {
    font-size: 28px;
    margin: 0px 0px 32px 0px;
    color: var(--light);
    display: inline-block;
    font-weight: 700;
}
.witr_single_pslide h3 a:hover {
    color: var(--primary)
}
.witr_pslide_btnb a {
    background-color: #EF0453;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    padding: 12px 30px 12px 30px;
    color: var(--light)
}
/*========================== 9. Pricing Area CSS ==========================*/
.pricing_area {
    padding: 100px 0px 105px 0px;
    background: #f9f9f9;
}
.single_price {
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    margin-bottom: 20px;
}
.pricing-part {
    height: 100%;
}
.pricing_top_box {
    background-color: #000000;
    border-radius: 10px 10px 0px 0px;
    padding: 36px 40px 25px 40px;
}
.pricing_top_box_2 {
    background: var(--primary);
    border-radius: 10px 10px 0px 0px;
}
.all_pricing_color h2 {
    color: #FFFFFF;
    font-size: 16px;
    margin: 0px 0px 13px 0px;
}
.all_pricing_color h4 {
    color: #FFFFFF;
    font-size: 26px;
}
.all_pricing_content {
    padding: 35px 36px 20px 35px;
}
.prt_content {
    padding: 10px 0 7px;
    font-size: 20px;
}
.all_pricing_content p {
    font-size: 16px;
    padding: 0px 0px 10px 0px;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 14px
}
.witri_texti_list ul li i {
    margin-right: 10px;
    color: #000000;
    font-size: 20px;
}
.witri_texti_list_2 ul li i {
    color: var(--primary)
}
.top_by_bottom {
    padding-top: 12px;
}
.all_pricing_color h5 {
    color: #000000;
    font-size: 30px;
}
.pricing-part span {
    font-size: 16px;
    margin-right: 5px;
}
.pricing_style_6 .witr_btnp_color {
    padding-top: 46px;
    padding-bottom: 30px;
}
.witr_btnp_color a.btn {
    color: #000000;
    background-color: #0000000D;
    font-weight: 500;
    border-style: none;
    border-radius: 5px 5px 5px 5px;
    padding: 17px 35px 17px 35px;
    border: 1px solid transparent;
}
.witr_btnp_color a.btn:hover {
    background: var(--primary);
    color: var(--light);
}
.witr_btnp_color_2 a.btn {
    background: var(--primary);
    color: var(--light)
}
.witr_btnp_color_2 a.btn:hover {
    background:  var(--light);
    color: var(--primary);
    border: 1px solid var(--primary)
}
/*========================== 10. Testimonial Area CSS ==========================*/
.testimonial_area {
    padding: 90px 0;
}
.testi_section_title {
    margin-top: 65px;
}
.testi_section_title p {
    width: 100%!important;
}
.em_single_testimonial {
    text-align: center;
    position: relative;
    padding: 51px 50px 73px 50px;
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    margin-top: 20px;
    box-shadow: 0 0 10px 0 rgb(240 241 243);
    overflow: hidden;
}
.em_single_testimonial:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}
.em_single_testimonial:before {
    position: absolute;
    content: "";
    bottom: 14px;
    left: -9px;
    width: 100%;
    height: 94%;
    border-radius: 11px;
    border-right: 14px solid #ef0453;
}
.em_single_testimonial:after {
    position: absolute;
    content: "";
    bottom: 14px;
    right: 12px;
    width: 94%;
    height: 94%;
    border-radius: 11px;
    border-bottom: 14px solid #ef0453;
}
.em_test_thumb {
    margin-bottom: 20px;
    width: 63px;
    height: 63px;
    margin: auto;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.execllent_toggol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.execllent_toggol i {
    color: var(--primary);
    font-size: 18px;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
}
.em_testi_text p {
    margin-bottom: 28px;
}
.em_testi_title h2 {
    font-size: 20px;
}
.em_testi_title h2 span {
    display: block;
    color: var(--primary);
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.testimonials button.slick-prev, .testimonials button.slick-next {
    top: 75%;
}
.testimonials button.slick-prev {
    left: -105%;
}
.testimonials button.slick-next.slick-arrow {
    left: calc(-100% + 40px);
}
/*===== testimonial 2 area css =====*/
.testimnial_2_area {
    padding: 80px 0 50px;
    background: #f9f9f9
}
.single_testi2 {
    text-align: center;
}
.single_testi2_inner {
    margin-bottom: 30px
}
.testiCreCon {
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-radius: 5px;
    padding: 50px 20px 50px;
    margin-bottom: 35px;
}
.testiCreCon:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -36px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    transform: rotate(45deg) translateX(-50%);
    z-index: 1;
}
.testiCreCon i {
    font-size: 100px;
    color: #dddddd4f;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.testiCreCon p {
    position: relative;
    margin: 0;
    z-index: 1;
}
.em_test_thumb {
    margin-bottom: 10px;
}
.testAuthor h6 {
    margin-bottom: 0;
}
.testAuthor span {
    font-size: 15px;
    color: #555;
}
/*========================== 11. Video Area CSS ==========================*/
.play_video_area {
    margin-bottom: -290px;
}
.witr_videobg_image {
    position: relative;
    text-align: center;
}
.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.play_video_area .play-overlay a {
    font-size: 20px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: var(--light);
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: relative;
}
.play_video_area .play-overlay a i {
    font-size: 20px;
    color: var(--primary)
}
.play_video_area .play-overlay a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    background: var(--light);
    top: 0;
    left: 0;
    z-index: -1
}
/*========================== 12. Blog Area CSS ==========================*/
.blog_area {
    padding: 385px 0 90px;
    background: #F9F9F9
}
.single_blog {
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgba(50,65,141,.07);
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
    opacity: 0;
    background: rgba(0,0,0,.5);
}
.single_blog:hover .witr_sb_thumb::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.witr_sb_thumb img {
    transition: .5s;
}
.single_blog:hover .witr_sb_thumb img {
    -webkit-transform: scale(1).1;
    transform: scale(1.1);
}
.blog_cont_inner {
    padding: 20px 15px 25px 20px;
}
.blog_cont_inner h2 {
    margin: 10px 0px 20px 0px;
}
.blog_cont_inner h2 a {
    margin-bottom: 5px;
    display: inline-block;
    line-height: 1.2;
}
.em-blog-content-area_adn {
    padding: 0 10px 22px 0;
}
.learn_more_adn .learn_btn {
    padding: 10px 30px;
    border-radius: 5px;
    background: #ef045314;
    color: var(--primary);
    display: inline-block;
    font-weight: 700;
}
.learn_more_adn .learn_btn:hover {
    background: var(--primary);
    color: var(--light);
}
.witr_blog_border {
    border: 1px solid #f2f2f2;
    margin-bottom: 10px;
}
.blog_cont_inner span {
    line-height: 50px;
    font-size: 16px;
    margin-right: 2px;
    color: #888;
}
.blog_cont_inner span a {
    color: #888;
}
.blog_cont_inner span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    color: var(--primary)
}
.blog_area .slick-prev, .blog_area .slick-next {
    opacity: 0;
}
.blogs:hover .slick-prev, .blogs:hover .slick-next {
    opacity: 1;
}
/*===== blog side bar area css =====*/
.sidebar_blog_area {
    padding: 100px 0;
}
.blog-side-inner {
    padding: 35px 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.input-field {
    position: relative;
}
.input-field input {
    width: 100%;
    display: block;
    padding: 16px 60px 16px 16px;
    border: none;
    outline: none;
    background: #f7f7f7;
}
.input-field button {
    width: 54px;
    height: 54px;
    line-height: 54px;
    background: var(--primary);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    transition-duration: .5s;
}
.input-field button:hover {
    background: #000;
}
.blog-side-area ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    color: #454545;
    transition-duration: .5s;
}
.blog-side-area ul li:hover:before {
    color: var(--primary);
}
.blog-side-area .widget-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 12px;
}
.blog-side-area .widget-title::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    margin-top: 17px;
    width: 26%;
    border: 1px solid var(--primary);
    top: 50%;
}
.blog-side-area ul li {
    border-bottom: 1px solid rgba(0,0,0,.12);
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-side-area ul li:last-child {
    border-bottom: none;
}
.blog-side-area ul li a {
    color: #454545;
    transition-duration: .5s;
}
.blog-side-area ul li a:hover {
    color: var(--primary);
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom: 1px solid #dee2e6;
}
.calender_wrap table thead th, .calender_wrap table tr td {
    color: #777;
    font-size: 13px!important;
    text-align: center;
}
.calender_wrap table tr td.today {
    background: var(--primary);
    color: #fff;
}
.calender_wrap td {
    font-size: 14px;
    font-weight: 500;
}
.month-year span {
    display: block;
    padding: 0 0 10px;
    margin-bottom: 12px;
    color: #6c757d;
    font-size: 14px;
    text-transform: uppercase;
}
.month a {
    color: #454545;
}
.sbrani i {
    font-size: 13px;
}
.sbrani .published-time a:hover *, .sbrani .blogger-info span:hover {
    color: var(--primary)
}
/* blog side */
.minist-single-blog {
    box-shadow: 0 0 10px 0 rgba(148,146,245,.2);
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden
}
.minist-blog-thumb a {
    display: block;
    position: relative
}
.minist-blog-thumb {
    overflow: hidden;
}
.minist-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
    background: rgba(0,0,0,.7);
}
.minist-single-blog:hover .minist-blog-thumb a::before {
    opacity: 1;
}
.minist-blog-thumb img {
    -webkit-transition: .5s;
    transition: .5s;
    display: block
}
.minist-single-blog:hover .minist-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.blog-page-title h2 a:hover {
    color: var(--primary)
}
.minist-blog-meta-left {
    padding: 0 0 10px
}
.minist-blog-meta-left a,.minist-blog-meta-left span {
    font-size: 16px;
    margin-right: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    color: #888;
}
.minist-blog-meta-left a:hover,.minist-blog-meta-left span:hover {
    color: var(--primary);
}
.minist-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
    color: var(--primary)
}
.readmore a {
    display: inline-block;
    padding: 8px 25px;
    margin-bottom: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #ddd;
    color: #444;
}
.readmore a:hover {
    background-color: var(--primary);
    color: var(--light)
}
/* single blog details css */
.minist-single-blog-details {
    margin-bottom: 40px;
}
.minist-single-blog-thumb img {
    width: 100%;
}
.minist-single-blog-details-inner {
    padding: 38px 45px 15px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
blockquote {
    padding: 25px 32px 25px;
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 7%);
}
.block-image figure {
    margin-bottom: 0;
}
.block-group__inner-container {
    padding: 14px 15px 1px;
    margin-bottom: 10px;
}
.block-quote.is-large, .block-quote.is-style-large {
    padding: 1em 1em;
}
.block-quote.is-style-large:where(:not(.is-style-plain)) p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
    text-align: center;
}
.block-quote cite {
    font-size: 1.125em;
    text-align: right;
    font-weight: 600;
    font-style: italic;
    color: #555;
}
.minist-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.minist-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: var(--primary)
}
.minist-single-icon a:hover {
    background-color: var(--primary);
    color: #fff;
}
/* comment area css */
.comment-respond {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    padding: 38px 30px 45px!important;
}
.commment_title h3 {
    margin-bottom: 40px;
    position: relative;
}
.commment_title h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -9px;
    width: 40px;
    height: 2px;
    background: var(--primary)
}
.comment_field textarea {
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    color: #555;
}
.comment-form-cookies-consent * {
    font-size: 16px;
    display: inline-block;
}
.comment_sefti_btn {
    border: 0;
    display: inline-block;
    text-align: center;
    padding: 16px 30px;
    margin-top: 15px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
    line-height: 1.6;
    color: #fff;
    background: var(--primary)
}
.comment_sefti_btn:hover {
    background: #dd1e1d;
}
/*========================== 13. Contact Area CSS ==========================*/
.contact_area {
    padding: 90px 0;
}
.contact-feature {
    padding: 90px 0
}
.apartment_area {
    text-align: center;
    padding: 40px 30px 40px 30px;
    position: relative;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.twr_form_box input, .twr_form_box textarea, .witr_apartment_form button {
    background-color: var(--primary);
    color: #fff;
    margin-bottom: 30px;
    padding-left: 30px;
    border-radius: 5px;
    border: 1px solid var(--primary);
    outline: none;
}
.twr_form_box input::placeholder, .twr_form_box textarea::placeholder, .twr_form_box input:focus, .twr_form_box textarea:focus {
    background-color: var(--primary);
}
.twr_form_box input {
    height: 60px;
    width: 100%;
}
.twr_form_box input::placeholder, .twr_form_box textarea::placeholder, .twr_form_box input:focus, .twr_form_box textarea:focus {
    color: #fff;
}
.twr_form_box textarea {
    height: 170px;
    width: 100%;
    padding-top: 12px;
}
.witr_apartment_form button {
    padding: 15px 30px;
    margin-bottom: 0;
}
.witr_apartment_form button:hover {
    background: #02101e;
}
.location {
    height: 100%;
}
.location iframe {
    border: 0;
    width: 100%;
    height: 100%;
}
/*========================== 14. Portfolio Area CSS ==========================*/
.portfolio_area {
    padding: 115px 0 100px;
}
.portfolio-btn-menu {
    text-align: center;
    padding-bottom: 30px;
}
.portfolio-btn-menu li {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 5px 15px;
    color: #212121;
    cursor: pointer;
    border: 1px solid #f3eaea;
    border-radius: 8px;
    transition-duration: .5s
}
.portfolio-btn-menu li.current_menu_item {
    background: var(--primary);
    color: #fff!important;
}
.portfolio-btn-menu li:hover {
    background: var(--primary);
    color: #fff!important;
}
.single_portfolio {
    position: relative;
    margin-bottom: 20px;
}
.portfolio-image {
    overflow: hidden;
}
.portfolio-image img{
    transition-duration: .5s
}
.single_portfolio:hover .portfolio-image img {
    transform: scale(1.1)
}
.portfolio_cont {
    top: 0;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    transform: translateY(0);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.picon span {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    transition-duration: .5s;
    font-size: 25px;
    display: inline-block;
}
.picon span:hover {
    background: var(--primary);
}
.picon span i {
    font-size: 25px;
}
.pdesc h2, .pdesc p {
    text-align: center;
    margin-bottom: 0;
}
.pdesc h2 a {
    color: #fff;
    font-weight: 700;
    font-size: 23px;
    transition-duration: .5s;
    text-transform: capitalize;
}
.pdesc h2 a:hover {
    color: var(--primary);
}
.pdesc p {
    color: #fff;
}
.portfolio_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition-duration: .5s;
    z-index: 1;
}
.single_portfolio:hover .portfolio_overlay {
    bottom: 0;
    background: #ef045380;
    opacity: 1;
}
/*===== single Portfolio area css =====*/
.sp-area {
    padding: 90px 0 100px;
}
.sp-image img {
    width: 100%;
    display: block;
}
.sp-info h2 {
    font-size: 25px;
}
.sp-info ul li {
    padding: 15px 0 10px;
    border-bottom: 1px solid #ddd;
}
.sp-info ul li b {
    color: #555;
    font-size: 18px;
    font-weight: 600;
}
.sp-info ul li span {
    color: #555;
    margin-left: 5px;
    font-weight: 400;
}
.sp-social-icons {
    margin: 25px 0;
}
.sp-social-icons span {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    color: var(--primary);
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    transition-duration: .5s;
}
.sp-social-icons span:hover {
    color: #fff;
    background: var(--primary);
}
.sp-content h2.hm {
    margin-top: 15px;
    margin-bottom: 15px;
}
.sp-content strong {
    display: block;
}
.sp-content ul {
    display: inline-block;
    margin-bottom: 16px;
}
.sp-content ul li {
    color: #555;
}
/*========================== 15. Footer Area CSS ==========================*/
.witrfm_area {
    background: #000000;
}
.footer-middle {
    padding: 65px 0 70px
}
.footer-middle a, .footer-middle p, .footer-middle i, .footer-middle h2 {
    color: #fff;
}
.widget-title {
    font-size: 22px;
    margin: 28px 0;
    font-weight: 700;
}
.minist-description-area a img {
    margin: 26px 0;
}
.minist-description-area p {
    color: #fff;
}
.minist-description-area .social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #dd1e1d;
    margin: 0 10px 5px 0;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    transition-duration: .5s;
}
.minist-description-area .social-icons a:hover {
    background: var(--primary)
}
.menu-our-service-container ul li {
    margin-bottom: 10px;
}
.menu-our-service-container ul li a {
    transition-duration: .5s;
}
.menu-our-service-container ul li a:hover {
    color: var(--primary);
}
.footer_s_inner {
    display: flex;
    justify-content: left;
    margin-top: 10px;
}
.footer-sociala-info p {
    margin-bottom: 0;
}
.footer_s_inner .footer-social-icon {
    margin-right: 12px;
}
/* footer bottom area */
.footer-bottom {
    padding: 26px 0px 24px;
}
.copy-right-text p {
    color: #fff;
    margin-bottom: 0;
}
.footer-menu ul {
    display: flex;
    justify-content: right;
}
.footer-menu ul li a {
    color: #fff;
    padding: 0 10px;
    margin-left: 4px;
    transition-duration: .5s;
}
.footer-menu ul li a:hover {
    color: var(--primary);
}
.footer-middle-hr hr {
    margin: 0;
    border-color: #ffffff61;
}
/*========================== 16. Breadcumb Area CSS ==========================*/
.breadcam_area {
    padding: 170px 0 60px;
    background: #000;
}
.breadcam_inner h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}
.breadcam_inner a, .breadcam_inner i, .breadcam_inner p {
    color: #fff;
    margin: 0;
    transition: .5s;
}
.breadcam_inner a:hover {
    color: var(--primary);
}