/*
    Template  Name: Cleaning
*/

/*
Table Of Content

1. header top area
2. main menu area
3. slider area
4. video slider area  
5. breadcum area
6. feature area
7. about area
8. service area
9. project area
10.counter area
11. call to action area
12. contact area
13. contact service
14. map area
15. testimonial area
16. team area
17. pricing area
18. faq area
19. blog area
20. brand area
21. portfolio area
22. project information area
23. single blog page area 
24.  footer area

*/

/* ======= site font family ==========*/
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Rubik:ital,wght@0,400..700;1,400..700&display=swap');
:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #BDBDBD;
    --bg2color: #F1EEE8;
    --brcolor: #881a32;
    --paracolor: #555;
    --titlecolor: #333333;
}

/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Rubik", sans-serif;
    color: var(--paracolor);
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-size: 24px;
    font-weight: 700;
    color: var(--titlecolor);
    line-height: 1.2;
    font-family: "Rajdhani", sans-serif;
    padding: 0;
    margin-bottom: 10px;
    
}
h1{
    font-size: 30px;
}
h2{
    font-size: 24px;
}
h3{
    font-size: 22px;
}
h4{
    font-size: 18px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 15px;
}
a{
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    color: var(--blackc);
    transition: .5s;
}
a:hover{
    color: var(--brcolor);
}
/* highlight color css */
.highlight{
    color: var(--brcolor);
}
/*======= header top area start =====*/
.header_top_area {
    padding: 10px 305px;
    background-color: var(--brcolor);
}
/* about header top css */
.about_header_top{
    padding: 10px 160px;
}
/* header left */
.header_left span, .header_right span, .header_left a{
    font-size: 15px;
    font-weight: 500;
}
.header_left span, .header_left a {
    margin: 0 22px 0 0;
    color: var(--whitec);
}
.header_left span i,
.header_left a i{
    margin-right: 6px;
}
/* header top middle css */
.header_top_middle{
    text-align: center;
}
/* header right */
.header_right a {
    font-size: 15px;
    font-weight: 600;
    color: var(--whitec);
    margin-left: 12px;
}
.header_right a:hover{
    color: var(--blackc);
}
.header_right span i{
    margin-right: 5px;
}
/*======= header top area end ======*/

/*======= header address area start ======*/
.header_address {
    padding: 20px 305px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.header_add_all {
    display: flex;
    justify-content: end;
}
.header_add_icon i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #fdebce;
    text-align: center;
    font-size: 25px;
    color: var(--brcolor);
    border-radius: 100%;
    margin-right: 20px;
}
.header_add_cont h3{
    font-size: 16px;
    color: var(--brcolor);
    margin: 0;
}
.header_add_cont p {
    font-size: 14px;
    margin: 0;
}
.header_contact a{
    font-size: 16px;
    font-weight: 600;
    font-family: "Rubik", sans-serif;
}
/*======= header address area end ======*/

/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0px 395px;
    transition: .5s;
}
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgb(0 0 0 / 70%);
}
.main_menu_area .sticky_logo{
    display: none;
}
.main_menu_area.sticky .main_logo{
    display: none;
}
.main_menu_area.sticky .sticky_logo{
    display: block;
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{
    color: var(--brcolor);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_btn a{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_icons >i{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_right_text h3,
.main_menu_area.sticky .main_nav_right_text h3 a{
    color: var(--whitec);
}
.site_logo_area{
    margin-right: 15px;
}
/* main nav area css */
.main_nav_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_menu_all_item{
    align-items: center;
}
/* inner main nav area css */
.inner_main_nav_area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_main_nav_area >ul >li {
    display: inline-block;
    position: relative;
    border-bottom: solid 2px #881a32;
    border-right: 1px solid #881a32;
    border-radius: 10px 0px 10px 0px;
    min-width: 85px;
}
.inner_main_nav_area >ul >li >a {
    display: inline-block;
    margin: 25px 12px;
    font-size: 19px;
    font-weight: 700;
    font-family: Rajdhani, sans-serif;
}
.inner_main_nav_area >ul >li >a>i {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
}
.inner_main_nav_area >ul> li> a:hover{
    color: var(--brcolor);
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
}
.absolute_menu .inner_main_nav_area >ul >li >a:hover{
    color: var(--brcolor);
}
/* main nav icons together */
.main_nav_right_together {
    display: flex;
    align-items: center;
}
/* main nav btn css */
.main_nav_right_together .main_nav_btn a{
    display: inline-block;
    background: var(--brcolor);
    color: var(--whitec);
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
    padding: 11px 25px;
}
.main_nav_right_together .main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{
    position: absolute;
    top: 130%;
    left: 0;
    width: 200px;
    text-align: left;
    margin: 0;
    padding: 15px 5px 14px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    background-color: var(--whitec);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    border-radius: 0px 0px 10px 0px;
    border-bottom: solid 6px #881a32;
    border-right: 3px solid #881a32;
}
.inner_main_nav_area ul li .sub_menu li{
    position: relative;
}
.inner_main_nav_area ul li .sub_menu li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: Rajdhani, sans-serif;
    padding: 8px 17px;
}
.inner_main_nav_area ul li .sub_menu li a:hover{
    color: var(--brcolor);
    margin-left: 5px;
}
.inner_main_nav_area >ul >li:hover .sub_menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.inner_main_nav_area .sub_menu >li > ul.sub_menu{
    top: 130%;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu{
    top: 0;
    opacity: 1;
    visibility: visible;
}
/* main nav icons together */
.gogrin_right_area {
    display: flex;
    align-items: center;
}
.main_nav_icons_together {
    display: flex;
    align-items: center;
}
/* main nav icons */
.main_nav_icons {
    margin-left: 7px;
}
.main_nav_icons >i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 17px;
    cursor: pointer;
    transition: .5s;
}
.main_nav_icons >i:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: -110%;
    left: 0%;
    background: #000000f0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.nav_icon_popup.icon_popup {
    opacity: 1;
    visibility: visible;
    top: 0;
}
/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}
.inner_nav_icon_popup input{
    font-size: 30px;
    font-weight: 500;
    padding: 17px 40px 15px 15px;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: 0px 0px 30px 0px #dddddd45;
    background: var(--whitec);
    border-radius: 10px;
}
.inner_nav_icon_popup input::placeholder{
    font-size: 30px;
}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
    position: absolute;
    top: 35%;
    right: 10px;
    transform: translateY(-50%);
}
.inner_nav_popup_btnicon{
    font-size: 40px;
    border: none;
    outline: none;
    background: none;
}
.inner_nav_icon_popup i{
    display: inline-block;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--whitec);
    color: var(--blackc);
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}
/* main nav icons middle css */
.main_nav_icons_middle {
    margin-left: 18px;
    position: relative;
}
.main_nav_icons_middle a {
    position: relative;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    display: inline-flex;
    background: var(--whitec);
    box-shadow: 0 0 5px #64333338;
    border-radius: 100%;
}
.main_nav_icons_middle a span {
    position: absolute;
    top: 0;
    right: -5px;
    width: 18px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: var(--brcolor);
    border-radius: 100%;
    color: var(--whitec);
}
.main_nav_middle_box_item {
    overflow: scroll;
    position: absolute;
    right: 0;
    top: 130%;
    width: 300px;
    height: 300px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background-color: var(--whitec);
    transition: .5s;
}
.main_nav_icons_middle:hover .main_nav_middle_box_item{
    top: 180%;
    opacity: 1;
    visibility: visible;
}
.main_nav_middle_box_item p{
    padding: 20px;
}
/* main nav btn css */
.main_nav_btn {
    margin-left: 20px;
}
.main_nav_btn a {
    display: inline-block;
    padding: 30px 25px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Rajdhani', sans-serif;
    /* border-radius: 5px; */
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 1px solid #881a32;
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* absolute menu css */
.absolute_menu {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--bgcolor);
    margin: 0px 305px;
    padding: 0 50px 0 50px;
    border-radius: 5px;
}
/* home 2 main menu css */
.h2_main_menu {
    padding: 0 305px 0;
    background: transparent;
    margin: 0 0;
    border-radius: 0px;
}
.h2_main_menu .main_nav_area{
    justify-content: end;
}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area{
    padding: 20px 0;
    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: var(--whitec);
}
.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;
}
/*======== mobile menu area end ==========*/

/*======== slider area start  ==========*/
.inner_slider_area {
    height: 890px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
.inner_slider_content {
    width: 66%;
    margin: -15px auto 0;
}
.inner_slider_content h1 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--whitec);
    margin-bottom: 20px;
}
.inner_slider_content h2 {
    width: 70%;
    font-size: 72px;
    line-height: 1;
    color: var(--whitec);
    margin-bottom: 5px;
}
.inner_slider_content p {
    width: 56%;
    margin: 35px 0 50px;
    color: var(--whitec);
}
/* home 2 inner slider css */
.h2_inner_slider{
    height: 971px;
}
.h2_inner_slider .inner_slider_content{
    text-align: center;
    margin: -75px auto 0;
}
.h2_inner_slider .inner_slider_content h1{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 3px;
}
.h2_inner_slider .inner_slider_content h2{
    width: 100%;
    font-size: 80px;
}
.h2_inner_slider .inner_slider_content p {
    margin: 15px auto 50px;
}
/* home 3 inner slider css */
.h3_inner_slider .inner_slider_content h1{
    color: var(--brcolor);
}
.h3_inner_slider .inner_slider_content h2{
    width: 60%;
    color: var(--titlecolor);
}
.h3_inner_slider .inner_slider_content p{
    color: var(--paracolor);
    font-weight: 500;
    width: 45%;
}
.h3_slider_socail {
    margin: 30px 0 0;
}
.h3_slider_socail a{
    display: inline-block;
    font-size: 15px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    border-radius: 5px;
    margin-right: 5px;
}
.h3_slider_socail a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}

/* golobal btn css */
.g_btn a {
    display: inline-block;
    padding: 18px 40px;
    font-size: 16px;
    font-weight: 700;
    font-family: Rajdhani, sans-serif;
    border-radius: 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
    margin-right: 15px;
}
.g_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.g_btn a.active{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.g_btn a.active:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
} 
/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    background: none;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.slick-prev{
    left: -60px;
}
.slick-next{
    right: -40px;
}
.slick-prev::before ,.slick-next::before{
    content: '\ea93';
    font-family: IcoFont;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 40px;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: 1s;
}
.slick-next::before{
    content: '\ea94';
}
.slick-prev:hover::before ,.slick-next:hover::before{
    background-color: var(--bgcolor);
    color: var(--whitec)
}
/* slider defult arrow css */
.slider_area:hover .slick-prev, .slider_area:hover .slick-next {
    background: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
}
.slider_area .slick-prev{
    left: 0;
}
.slider_area .slick-next{
    right: 10px;
}
.slider_area .slick-prev::before ,.slider_area .slick-next::before{
    content: '\eac9';
    font-family: IcoFont;
    color: var(--whitec);
    display: inline-block;
    background: 0 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    font-size: 50px;
    font-weight: 700;
}
.slider_area .slick-next::before{
    content: '\eaca';
}
.slider_area .slick-prev:hover::before ,.slider_area .slick-next:hover::before{
    color: var(--whitec);
}
/*======== slider area end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
    padding: 165px 0 90px;
}
.inner_breadcum_area h1{
    font-size: 30px;
    color: var(--whitec);
}
.inner_breadcum_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_breadcum_area ul li{
    display: inline-block;
    color: var(--whitec);
}
.inner_breadcum_area ul li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_breadcum_area ul li i, .inner_breadcum_area ul li a i {
    font-size: 22px;
}
/*======== breadcum area end  ==========*/

/*======== video slider area start  ==========*/
.video_slider_area{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.video_slider_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #00000057;
}
.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
    transform: scale(1.2);
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_slider_area .inner_slider_content h1,
.video_slider_area .inner_slider_content h2,
.video_slider_area .inner_slider_content h3{
    color: var(--whitec);
}
/*======== video slider area end  ==========*/

/*======= feature area start ========*/
.feature_area{
    padding: 120px 0 50px;
}
.single_feature {
    position: relative;
    padding: 22px 20px 7px 55px;
    margin: 0px 0px 0px 50px;
    background-color: var(--bgcolor);
    border-radius: 10px;
    margin-bottom: 20px;
    transition: .5s;
}
.single_feature:hover{
    background-color: var(--brcolor);
}
.single_feature.style2{
    background-color: var(--brcolor);
}
.single_feature.style2:hover{
    background-color: var(--bgcolor);
}
/* single feature icon */
.sin_feature_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
}
.sin_feature_icon i{
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 40px;
    width: 90px;
    height: 90px;
    line-height: 80px;
    background-color: var(--whitec);
    border: 5px solid var(--bgcolor);
    transition: .5s;
}
.single_feature:hover .sin_feature_icon i{
    border: 5px solid var(--brcolor);
}
.single_feature.style2 .sin_feature_icon i{
    border: 5px solid var(--brcolor);
}
.single_feature.style2:hover .sin_feature_icon i{
    border: 5px solid var(--bgcolor);
}
.sin_feature_content h3 a{
    font-size: 20px;
    color: var(--whitec);
}
.sin_feature_content p{
    font-size: 14px;
    color: var(--whitec);
}
/*======== feature area end ==========*/

/*======== home 2 feature start ==========*/
.h2_feature_area{
    padding: 85px 0 50px;
    background: var(--brcolor);
    color: var(--whitec);
}

.h2_feature_area h2 a {
    color: var(--whitec) !important;
}

.h2_single_feature {
    display: flex;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: var(--bgcolor);
    padding: 0px 20px 20px 0px;
    border-radius: 20px;
}
.h2_sin_feature_icon {
    margin: 10px 20px 0 0;
}
.h2_sin_feature_icon i{
    display: inline-block;
    color: var(--whitec);
    background-color: var(--bgcolor);
    font-size: 35px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 2px solid var(--brcolor);
    transition: .5s;
}
.h2_single_feature:hover .h2_sin_feature_icon i{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 2px solid var(--bgcolor);
}
.h2_sin_feature_content p{
    font-size: 14px;
}
/*======== home 2 feature end ========*/

/*======== service area start ========*/
.service_area{
    padding: 55px 0 0px;
    position: relative;
    z-index: 11;
}
/* single page service */
.single_page_service{
    padding: 120px 0 0px;
}
.section_title_area{
    position: relative;
    margin-bottom: 50px;
    z-index: 1;
}
.section_title_area h2{
    font-size: 18px;
    color: var(--brcolor);
}
.section_title_area h3{
    font-size: 50px;
}
.section_title_area.white_color h3{
    color: var(--whitec);
}
.section_title_area.letter_space h2{
    text-transform: uppercase;
    letter-spacing: 3px;
}
/* witr back title css */
.witr_back_title {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    z-index: -1;
}
.witr_back_title h4{
    font-size: 120px;
    -webkit-text-stroke: 1px #888888;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    -webkit-text-stroke-color: #E6E6E6;
    opacity: 1;
}
.witr_back_title.color2 h4{
    -webkit-text-stroke-color: #5e5e5e;
}
/* witr back img */
.witr_back_img {
    position: absolute;
    top: -45px;
    right: 0;
    left: 0;
    z-index: 1;
}
/* single service css */
.single_service{
    background-color: var(--whitec);
    padding: 30px 21px 21px;
    border-radius: 8px 8px 8px 8px;
    transition: .5s;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.single_service:hover{
    background-color: var(--bgcolor);
}
.single_service h2 {
    margin-bottom: 20px;
}
.single_service h2 a i {
    display: inline-block;
    margin: 0px 20px 0 0;
    font-size: 40px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    border-radius: 5px 5px 5px 5px;
}
.single_service p{
    font-size: 14px;
    transition: .5s;
}
.single_service:hover h2 a,
.single_service:hover p{
    color: var(--whitec);
}
/* service btn css */
.ser_btn a{
    font-size: 15px;
    font-weight: 700;
    color: var(--brcolor);
    font-family: Rajdhani, sans-serif;
}
/* slick defult dots css */
.slick-dots {
    margin-top: 40px;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    display: inline;
}
.slick-dots li button{
    background: #faa2115c;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 100%;
    border: none;
    outline: none;
    font-size: 0;
    margin: 0 5px;
}
.slick-dots li.slick-active button{
    background-color: var(--brcolor);
}
/*======== service area end ========*/

/*======== home 2 service start ========*/
.h2_service_area {
    padding: 70px 0 20px;
}
.h2_single_sevice{
    margin-bottom: 20px;
}
.h2_single_ser_img img{
    width: 100%;
}
/* home 2 service content */
.h2_single_ser_content {
    position: relative;
    padding: 60px 30px 0;
}
.h2_single_ser_content h2{
    margin-bottom: 5px;
}
.h2_single_ser_content p{
    font-size: 14px;
}
/* home 2 service icon */
.h2_service_icon {
    position: absolute;
    top: -45px;
    right: 0;
    left: 0;
}
.h2_service_icon i{
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 35px;
    width: 90px;
    height: 90px;
    line-height: 80px;
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 5px solid var(--whitec);
    transition: .5s;
}
.h2_single_sevice:hover .h2_service_icon i{
    border: 5px solid var(--bgcolor);
    transform: rotateY(180deg);
}
/* single service btn */
.h2_single_ser_btn a{
    font-size: 16px;
    font-weight: 700;
    font-family: Rajdhani, sans-serif;
}
.h2_single_ser_btn a i{
    margin-left: 5px;
    font-weight: 900;
    color: var(--titlecolor);
}
/*======== home 2 service end ========*/

/*======== home 3 service start ========*/
.h3_service_area {
    padding: 60px 0 0px;
}
.h3_single_service {
    position: relative;
    overflow: hidden;
    padding-bottom: 90px;
    margin-bottom: 20px;
}
.h3_single_ser_img img{
    width: 100%;
    transition: .5s;
}
.h3_single_service:hover .h3_single_ser_img img{
    transform: scale(1.1);
}
/* service overaly css */
.h3_service_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blackc);
    opacity: .4;
    transform: scale(0);
    transition: .5s;
}
.h3_single_service:hover .h3_service_overlay{
    transform: scale(1.1);
}
/* single service content css */
.h3_single_ser_content {
    position: absolute;
    bottom: -130px;
    padding: 22px 20px 10px;
    background: var(--whitec);
    transition: .5s;
}
.h3_single_service:hover .h3_single_ser_content{
    bottom: 0;
}
.h3_single_ser_content h2{
    font-size: 17px;
    color: var(--brcolor);
}
.h3_single_ser_content p{
    padding-top: 20px;
    font-size: 14px;
}
/* service btn css */
.h3_ser_btn a{
    font-size: 16px;
    font-weight: 700;
    color: var(--brcolor);
    font-family: Rajdhani, sans-serif;
}
.h3_ser_btn a i{
    font-weight: 900;
}
/*======== home 3 service end ========*/

/*======== about area start  ==========*/
.about_area {
    position: relative;
    z-index: 1;
    margin-top: -155px;
}
/* single page about */
.single_page_about{
    padding: 120px 0 50px;
    margin-top: 0;
}
.about_width {
    max-width: 1440px;
    padding: 255px 160px 120px;
    background-size: cover;
    background-position: center center;
}
.inner_about_img{
    position: relative;
}
/* about video css */
.about_video {
    position: absolute;
    bottom: 50px;
    right: 50px;
}
.about_video a{
    display: inline-block;
    position: relative;
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 23px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    z-index: 1;
}
.about_video a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    right: 0;
    animation: witr_squares 1.5s ease-in-out infinite;
    background-color: var(--brcolor);
    color: var(--whitec);
}
@keyframes witr_squares{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
	20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
	100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}
.inner_about_right .section_title_area{
    margin-bottom: 30px;
}
.inner_about_right .section_title_area h3{
    font-size: 40px;
}
/* inner about list css */
.inner_about_list {
    display: flex;
    margin-bottom: 10px;
}
.inner_about_list ul {
    list-style: none;
    padding: 0;
    margin-right: 95px;
}
.inner_about_list ul li {
    padding: 0 0 5px;
}
.inner_about_list ul li i{
    color: var(--brcolor);
    font-size: 20px;
    margin-right: 5px;
}
/* inner about name title css */
.about_mar_top{
    margin-top: 40px;
}
.inner_about_name_title {
    display: flex;
    align-items: end;
}
.inner_ab_name_cont{
    margin-left: 15px;
}
.inner_ab_name_cont h3{
    color: var(--brcolor);
    margin: 0;
}
/*======== about area end  ==========*/

/*======== home 2 about start ========*/
.h2_about_area{
    margin-top: 0;
    padding: 100px 0 50px;
}
.h2_about_right_area {
    display: flex;
    margin-bottom: 30px;
}
.h2_ab_icon{
    margin-right: 20px;
}
.h2_ab_icon i{
    display: inline-block;
    text-align: center;
    height: 80px;
    width: 80px;
    line-height: 80px;
    font-size: 50px;
    border-radius: 5px 5px 5px 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.h2_about_content h2{
    margin-bottom: 5px;
}
.h2_about_content h2 a{
    font-size: 20px;
}
/*======== home 2 about end ========*/

/*======== home 3 about start ========*/
.h3_about_area {
    padding: 50px 0 50px;
}
.h3_about_area .h2_work_video {
    position: absolute;
    bottom: 90px;
    right: 180px;
}
.h3_about_area .h2_work_all {
    border-bottom: 1px solid var(--brcolor);
    margin-bottom: 45px;
}
/*======== home 3 about end ========*/

/*===== counter area start  ====*/
.counter_area {
    position: relative;
    margin: -1px 231px 0px;
    background-position: center center;
    background-size: cover;
    padding: 50px 0px 45px;
}
.inner_counter_area{
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}
/* inner counter area css */
.inner_counter_area {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    border-right: 1px solid var(--bgcolor);
    border-bottom: 1px solid var(--bgcolor);
    border-radius: 20px;
}
.inner_counter_thumb{
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner_counter_thumb h2,
.inner_counter_thumb h4{
    color: var(--brcolor);
    font-size: 60px;
    margin: 0;
}
.inner_counter_area h3 {
    font-size: 18px;
}
.counter_shap {
    position: absolute;
    top: 5px;
    left: 70px;
    z-index: -1;
}
/* home 2 counter css */
.h2_counter_area {
    margin: 0 0;
    background-position: top center;
    background-size: cover;
    padding: 300px 0px 345px 0px;
}
.h2_counter_area .inner_counter_area h3{
    color: var(--whitec);
}
/*===== counter area end  ====*/

/*===== home 3 counter start ====*/
.counter_call_bg{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.h3_counter_area {
    position: relative;
    margin: -130px 0 0;
    padding: 215px 0 50px;
}
.h3_counter_area .inner_counter_area h3{
    color: var(--whitec);
}
/*===== home 3 counter end ====*/

/*===== video area start  ====*/
.video_area {
    position: relative;
}
.inner_video_area {
    padding: 170px 0 145px;
    background-position: center center;
    background-size: cover;
}
.inner_video_area a{
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 28px;
    border-radius: 100%;
    background-color: var(--whitec);
    color: var(--brcolor);
    animation: witr-shadow 1s linear infinite;
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
.inner_video_area h2 {
    margin-top: 45px;
    font-size: 30px;
    color: var(--whitec);
}
/*===== video area end  ====*/

/*===== project area start  ====*/
.project_area {
    background-position: center center;
    background-size: cover;
    margin-top: -206px;
    margin-bottom: 260px;
    padding: 310px 0px 240px 0;
}
.margin_bottom {
    margin-bottom: -590px;
}
/* single project img css */
.single_project_img{
    margin-bottom: 100px;
    position: relative;
}
.inner_pro_img{
    position: relative;
    overflow: hidden;
}
.inner_pro_img img{
    width: 100%;
    transition: .5s;
}
.single_project_img:hover .inner_pro_img img{
    transform: scale(1.2);
}
/* project img overlay css */
.project_img_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blackc);
    opacity: .5;
    transform: scale(0);
    transition: .5s;
}
.single_project_img:hover .project_img_overlay{
    transform: scale(1.2);
}
/* inner project content css */
.inner_pro_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    padding: 22px 30px 20px;
    box-shadow: 0 0 65px 0 #00000017;
    right: 20px;
    left: 20px;
    border-radius: 5px;
    margin: 0 auto;
    bottom: -60px;
    background-color: var(--whitec);
    transition: .5s;
    z-index: 999;
}
.inner_pro_text h2,
.inner_pro_text p{
    margin: 0;
}
.inner_pro_icon a{
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    box-shadow: 0 0 65px 0 #00000014;
}
.inner_pro_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*===== project area end  ====*/

/*===== home 2 project start ====*/
.h2_project_area {
    margin: 0 0;
    padding: 120px 0 50px;
}
.h2_single_project{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
/* inner project text css */
.h2_single_project .inner_pro_text {
    position: absolute;
    top: -225px;
    left: 30px;
    transition: .5s;
}
.h2_single_project:hover .inner_pro_text{
    top: 25px;
}
.h2_single_project .inner_pro_text h2 a,
.h2_single_project .inner_pro_text p{
    color: var(--whitec);
}
.h2_single_project .inner_pro_text h2 a:hover{
    color: var(--brcolor);
}
/* inner project icon css */
.h2_single_project .inner_pro_icon {
    position: absolute;
    bottom: -125px;
    right: -10px;
    transition: .5s;
}
.h2_single_project:hover .inner_pro_icon{
    bottom: -15px;
}
.h2_single_project .inner_pro_icon a{
    color: var(--whitec);
    background-color: var(--brcolor);
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 40px;
}
.h2_single_project .inner_pro_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*===== home 2 project end ====*/

/*===== home 3 project start ====*/
.h3_project_area {
    position: relative;
    margin: -200px 0 0;
    padding: 0px 0 60px;
}
/* office project css */
.office_project {
    padding: 55px 0 60px;
    margin: 0 0;
}
.h3_project_width{
    max-width: 1500px;
}
.h3_project_area .single_project_img{
    overflow: hidden;
    margin-bottom: 0;
}
.h3_project_area .inner_pro_content{
    border-radius: 0;
    transition: .5s;
    bottom: -200px;
}
.h3_project_area .single_project_img:hover .inner_pro_content{
    bottom: 20px;
}
/*===== home 3 project end ====*/

/*======== pricing area start ========*/
.pricing_area{
    padding: 170px 0 50px;
}
.single_page_pricing{
    padding: 120px 0 35px;
}
.inner_pricing_area {
    position: relative;
    background-color: var(--whitec);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    padding: 0px 0px 40px;
    border-radius: 5px;
    margin-bottom: 20px;
    z-index: 1;
    transition: .5s;
}
.inner_pricing_area:hover{
    transform: translateY(-10px);
}
.inner_pricing_all_color {
    text-align: center;
    padding: 40px 0px 35px 0px;
    background-color: var(--bgcolor);
    border-radius: 5px 5px 0px 0px;
}
.inner_pricing_area.style_change .inner_pricing_all_color{
    background-color: var(--brcolor);
}
.inner_pricing_all_color h5{
    font-size: 50px;
    color: var(--whitec);
}
.inner_pricing_all_color h5 span.small{
    font-size: 18px;
}
/* pricing bar title css */
.pricing_bar_title {
    margin: -25px 0 0;
    text-align: center;
}
.pricing_bar_title h3{
    display: inline-block;
    border-radius: 30px;
    font-size: 20px;
    padding: 15px 40px 15px 40px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.inner_pricing_area.style_change .pricing_bar_title h3{
    background-color: var(--bgcolor);
}
/* inner pricing list css */
.inner_pricing_list {
    margin: 25px 0 10px;
    padding: 0px 40px 0px;
}
.inner_pricing_list ul{
    list-style: none;
    padding: 0;
}
.inner_pricing_list ul li {
    background-color: #F5F5F5;
    padding: 7px 0px 7px 30px;
    margin-bottom: 17px;
    border-radius: 7px;
    font-size: 17px;
}
.inner_pricing_list ul li i{
    font-size: 17px;
    margin-right: 6px;
    color: var(--bgcolor);
}
/* inner pricing btn css */
.inner_pricing_btn {
    padding: 25px 40px 0px;
}
.inner_pricing_btn a {
    width: 100%;
    display: inline-block;
    padding: 17px 30px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-family: Rajdhani, sans-serif;
}
.inner_pricing_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======= pricing area end =======*/

/*======= work area start =======*/
.work_area{
    padding: 55px 0 50px;
}
.inner_work_area{
    position: relative;
    margin-bottom: 20px;
}
.inner_work_img{
    margin-bottom: 15px;
    transition: .5s;
}
.inner_work_area:hover .inner_work_img {
    transform: rotateY(180deg);
}
.inner_work_content p{
    font-size: 14px;
}
/* work shap css */
.work_shap {
    position: absolute;
    top: 40px;
    right: -50px;
}
/*======= work area end =======*/

/*======= home 2 work start =======*/
.h2_work_area {
    position: relative;
    margin-top: -260px;
    padding: 310px 0px 90px 0px;
    background-position: center center;
    background-size: cover;
    z-index: 1;
}
.h2_work_area::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--whitec);
    opacity: 0.91;
    z-index: -1;
}
.inner_work_img{
    position: relative;
}
.h2_work_video {
    position: absolute;
    bottom: 40px;
    right: 200px;
}
.h2_work_video a{
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 28px;
    border-radius: 100%;
    background-color: var(--whitec);
    color: var(--brcolor);
    animation: witr-shadow 1s linear infinite;
}
.inner_work_area .section_title_area{
    margin-bottom: 35px;
}
.inner_work_area .section_title_area h3{
    font-size: 40px;
}
/* home 2 work right item css */
.h2_work_right_item{
    margin-bottom: 35px;
}
.h2_work_right_item i {
    margin-bottom: 12px;
    display: inline-block;
    font-size: 40px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.h2_work_right_item h3 a{
    font-size: 20px;
}
.h2_work_right_item p{
    font-size: 14px;
}
/*======= home 2 work end =======*/

/*======= choose area start =======*/
.choose_area {
    background-position: center center;
    background-size: cover;
    margin: 50px 0 0px;
    padding: 0 0 130px;
}
/* about choose css */
.about_choose{
    margin: 70px 0 70px;
}
.inner_choose_right {
    padding: 125px 0 0;
}
.inner_choose_right .section_title_area{
    margin-bottom: 15px;
}
.inner_choose_right .section_title_area h3{
    font-size: 40px;
}
/* progress bar css */
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}
.progress {
    display: flex;
    height: 10px;
    background-color: var(--bgcolor);
}
.progress-bar {
    overflow: initial;
    background-color: var(--brcolor);
}
.witr_title2 span {
    font-size: 17px;
    font-weight: 700;
    font-family: Rajdhani, sans-serif;
    color: var(--titlecolor);
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    border-radius: 0;
    box-shadow: none;
}
.witr_progress-style2 {
    overflow: visible;
    position: relative;
    margin-top: 2px;
    box-shadow: none;
    background: var(--bgcolor);
    border-radius: 10px;
    margin-bottom: 2px;
}
.witr_progress-style2 + .witr_progress-style2 {
	margin-top: 60px;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 10px;
    line-height: 25px;
    box-shadow: none;
    height: 10px;
}
.witr_title6 .witr_label {
	left: 2px;
	top: 8px;
	color: #272727;
	font-size: 16px;
	font-weight: 600;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    font-size: 16px;
    right: 0;
    font-weight: 700;
    top: -28px;
    color: var(--titlecolor);
}
.inner_choose_img{
    position: relative;
}
/* choose vido css */
.choose_video {
    position: absolute;
    top: 15px;
    right: 90px;
}
.choose_video a{
    display: inline-block;
    position: relative;
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 23px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    z-index: 1;
}
.choose_video a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    right: 0;
    animation: witr_squares 1.5s ease-in-out infinite;
    background-color: var(--brcolor);
    color: var(--whitec);
}
@keyframes witr_squares{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
	20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
	100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}
/*======= choose area end =======*/

/*======= call to action start =======*/
.call_to_action {
    padding: 115px 0px 375px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* home 2 call action css */
.h2_call_to_action{
    padding: 40px 0px 40px 0px;
}
.call_to_action .section_title_area{
    margin-bottom: 35px;
}
.call_to_action .section_title_area h3{
    margin: 0;
}
/* call to em title css */
.call_to_em_title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.call_to_em_title h3{
    color: var(--whitec);
}
.call_to_em_title i{
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    background-color: var(--whitec);
    color: var(--brcolor);
    width: 64px;
    height: 64px;
    line-height: 58px;
    border-style: solid;
    border-width: 6px 6px 6px 6px;
    border-color: #596F91;
    margin-right: 5px;
}
/*======= call to action end =======*/

/*======= testimonial area start =======*/
.testimonial_area {
    padding: 125px 0px 115px 0px;
    background-position: center center;
    background-size: cover;
}
.testi_style2 {
    position: relative;
    margin-top: -120px;
}
.inner_testimonial{
    padding: 37px 30px 24px;
    border-radius: 10px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.11);
    background-color: var(--whitec);
}
.inner_testi_icon i{
    font-size: 18px;
    color: var(--brcolor);
}
/* inner testi para css */
.inner_testi_para {
    padding: 25px 0 5px;
}
.inner_testi_thumb {
    display: flex;
    align-items: center;
}
.inner_testi_em_img{
    margin-right: 20px;
}
.inner_testi_em_title h2{
    font-size: 20px;
    margin: 0;
}
.inner_testi_em_title p{
    font-size: 14px;
}
/*======= testimonial area end =======*/

/*======= home 2 testimonial start =======*/
.h2_testimonial{
    margin: 0 0 0;
    padding: 120px 0 50px;
}
.h2_testimonial .inner_testimonial {
    position: relative;
    padding: 60px 30px 5px;
    border: 2px solid var(--brcolor);
    border-radius: 8px 8px 8px 8px;
    margin: 45px 0 0;
}
.h2_testimonial .inner_testi_icon i{
    font-size: 22px;
}
.h2_testimonial .inner_testi_para {
    padding: 10px 0 15px;
}
.h2_testimonial .inner_testi_para p{
    margin: 0;
}
.h2_testimonial .inner_testi_em_title h2{
    margin-bottom: 10px;
}
/* testi absoulate img */
.h2_testi_absul_img {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
}
.h2_testi_absul_img img {
    margin: auto;
}
/*======= home 2 testimonial end =======*/

/*====== home 3 testimonial start ======*/
.h3_testimonial {
    padding: 40px 0 40px;
}
.h3_testimonial .inner_testimonial {
    padding: 55px 30px 25px;
    border-style: solid;
    border-width: 0px 30px 30px 30px;
    border-color: #F5F5F5;
    border-radius: 10px 10px 10px 10px;
}
.h3_testimonial .inner_testi_para p {
    font-size: 18px;
    font-weight: 500;
    color: var(--titlecolor);
    padding: 0px 90px 0px;
}
.h3_testimonial .inner_testi_em_title h2{
    color: var(--brcolor);
}
.h3_testimonial:hover .slick-prev ,.h3_testimonial:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*====== home 3 testimonial end ======*/

/*======== team area start =======*/
.team_area{
    padding: 120px 0 50px;
}
.single_page_team{
    padding: 45px 0 40px;
}
.inner_team_area{
    margin-bottom: 20px;
}
.inner_team_img{
    position: relative;
    overflow: hidden;
}
/* inner team absolute icon */
.inner_team_ab_icon {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    z-index: 11;
}
.inner_team_ab_icon a{
    display: inline-block;
    background-color: var(--brcolor);
    color: var(--whitec);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
}
.inner_team_ab_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* inner team content css */
.inner_team_content{
    margin-top: 20px;
    padding: 22px 30px;
    box-shadow: 0 0 30px 0 rgba(42, 67, 113, .15);
}
.inner_team_content h2{
    margin-bottom: 5px;
}
.inner_team_content p{
    margin: 0;
    font-size: 14px;
}
/* team socail icons css */
.team_socail_icons{
    position: absolute;
    bottom: -50px;
    right: 0;
    left: 0;
    transition: .5s;
}
.inner_team_area:hover .team_socail_icons {
    bottom: 70px;
}
.team_socail_icons a {
    display: inline-block;
    background-color: var(--brcolor);
    color: var(--whitec);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
}
.team_socail_icons a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== team area end =======*/

/*======= home 2 team start =====*/
.h2_team_area{
    position: relative;
    z-index: 11;
    padding: 45px 0 50px;
}
.h2_inner_team {
    position: relative;
    margin-bottom: 20px;
    padding: 40px 25px 10px;
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 #0000001c;
    background-color: var(--whitec);
}
.h2_inner_team_img{
    position: relative;
    overflow: hidden;
}
.h2_inner_team_img img{
    width: 100%;
    height: 100%;
}
.h2_inner_team_sub_icon {
    position: absolute;
    top: -150px;
    right: 25px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.h2_inner_team:hover .h2_inner_team_sub_icon{
    top: 45px;
    opacity: 1;
    visibility: visible;
}
/* inner team content css */
.h2_inner_team_content {
    padding: 25px 0 20px;
}
.h2_inner_team_content h2{
    margin: 0;
}
.h2_inner_team_content h2 a:hover{
    color: var(--brcolor);
}
.h2_inner_team_content p{
    margin: 0;
}
/* team absoltue icon */
.h2_team_absoltue_icon {
    position: absolute;
    top: 50px;
    right: 50px;
}
.h2_team_absoltue_icon a{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.h2_team_absoltue_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.h2_inner_team_sub_icon a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    background-color: var(--brcolor);
    color: var(--whitec);
    margin-bottom: 5px;
    margin-top: 5px;
}
.h2_inner_team_sub_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* team animate bar */
.team_line {
    position: absolute;
    opacity: 1;
    transition: .5s;
    z-index: 99
}
.team_line_bottom , .team_line_top{
    width: 0;
    height: 2px;
    left: -60px;
    bottom: 0;
    background: linear-gradient(to right, rgba(117, 161, 251, 0), #08bce9, rgba(117, 161, 251, 0));
}
.team_line_top{
    top: 0;
}
.h2_inner_team:hover .team_line_bottom, .h2_inner_team:hover .team_line_top {
    width: calc(100% + 110px)
}
.team_line_right,  .team_line_left  {
    height: 0;
    width: 2px;
    top: -60px;
    right: 0;
    background: linear-gradient(to top, rgba(117, 161, 251, 0), #08bce9, rgba(117, 161, 251, 0));
}
.team_line_left {
    left: 0;
}
.team_line_right{
    right: 0;
}
.h2_inner_team:hover .team_line_left, .h2_inner_team:hover .team_line_right {
    height: calc(100% + 110px);
}
/*======= home 2 team end =====*/

/*======== brand area start  ==========*/
.brand_area {
    padding: 50px 0 50px;
    position: relative;
}
/* home 2 brand */
.h2_brand_area{
    padding: 60px 0 40px;
}
/* about brand */
.about_brand{
    padding: 60px 0 60px;
}
.inner_brand_area img{
    margin: 0 auto;
}
.brand_area:hover .slick-prev ,.brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== brand area end  ==========*/

/*======== contact area start  ==========*/
.contact_area {
    margin: 60px 200px 50px;
    padding: 125px 0 115px;
    background-position: center center;
    background-size: cover;
}
.contact_area .section_title_area {
    margin-bottom: 20px;
}
.inner_contact_area {
    padding: 0 50px;
}
/* inner contact form */
.inner_contact_form {
    margin-top: 20px;
}
/* inner contact form */
.inner_contact_form input {
    width: 100%;
    outline: none;
    border: 1px solid #dddddd;
    height: 45px;
    border-radius: 5px;
    padding: 0 20px;
    margin-right: 15px;
}
.inner_contact_form input::placeholder{
    color: var(--titlecolor);
}
.inner_contact_form select:focus{
    outline: none;
}
.inner_contact_form textarea {
    width: 100%;
    height: 150px;
    outline: none;
    border-radius: 5px;
    padding: 20px 20px;
    border: 1px solid #dddddd;
}
.inner_contact_form button {
    width: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: Rajdhani, sans-serif;
    border-radius: 5px;
    padding: 15px 50px 13px 50px;
    border: none;
    outline: none;
    transition: .5s;
}
.inner_contact_form button:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_contact_area p.form-messege{
    color: var(--brcolor);
}
.inner_contact_map{
    width: 100%;
    height: 100%;
}
.inner_contact_map iframe{
    width: 100%;
    height: 100%;
}
/*======== contact area end  ==========*/

/*======= home 2 contact start =======*/
.h2_contact_area {
    margin: -260px 0 0;
    padding: 0 0;
}
/* single page contact css */
.single_page_contact{
    margin: 0px 0 0;
    padding: 120px 0 60px;
}
.h2_contact_boder{
    border: 10px solid var(--brcolor);
    padding: 60px 50px 25px;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--whitec);
}
/* single contact address css */
.single_contact_address {
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.single_add_icons{
    margin-right: 15px;
}
.single_add_icons i{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 22px;
    border-radius: 100%;
    transition: 1s;
}
.single_contact_address:hover i{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
.single_add_content h2{
    font-size: 16px;
    color: var(--brcolor);
    text-transform: uppercase;
}
.single_add_content p{
    font-size: 14px;
    margin: 0;
}
/* inner contact area css */
.h2_contact_area .inner_contact_area{
    padding: 0 0;
}
.h2_contact_area .inner_contact_form input,
.h2_contact_area .inner_contact_form textarea{
    background-color: #F5F5F5;
    border: 1px solid #f1f1f1;
}
.h2_contact_area .inner_contact_form input::placeholder,
.h2_contact_area .inner_contact_form textarea::placeholder{
    color: #888;
}
.h2_contact_area .inner_contact_form button {
    width: auto;
}
.h2_contact_area p.form-messege{
    color: var(--paracolor);
}
/*======= home 2 contact end ========*/

/*===== faq area start  ====*/
.faq_area{
    padding: 115px 0 30px;
}
.inner_faq_img {
    margin-bottom: 20px;
}
.accordion-item {
    margin-bottom: 20px;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed){
    background-color: var(--brcolor);
    color: var(--whitec);
}
.accordion-item .accordion-button {
    border-radius: 0;
    font-size: 18px;
    font-weight: 600;
    border: none;
    box-shadow: 0 0 5px #dddddd7d;
}
/*===== faq area end  ====*/

/*======== map area start  ==========*/
.map_area {
    margin: 0 0 0px;
}
.inner_map_area {
    width: 100%;
    height: 400px;
}
.inner_map_area iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}
/*======== map area end  ==========*/

/*======== blog area start  ==========*/
.blog_area {
    padding: 75px 0 50px;
    background-position: center center;
    background-size: cover;
}
.site_page_blog{
    padding: 115px 0 35px;
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(31, 33, 44, 0.057);
    transition: .5s;
}
.inner_blog_area:hover {
    background: transparent;
}
.blog_main_all {
    padding: 20px 25px 20px;
}
.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}
.inner_blog_text span {
    font-size: 14px;
    margin-right: 5px;
    color: var(--brcolor);
}
.inner_blog_text span i{
    margin-right: 6px;
    color: var(--brcolor);
}
/*inner blog content css */
.inner_blog_content {
    padding: 5px 0px 5px;
}
.inner_blog_content h2 a{
    font-size: 20px;
}
.inner_blog_content h2 a:hover{
    color: var(--brcolor);
}
.inner_blog_content p{
    font-size: 14px;
}
.blog_btn a{
    font-family: Rajdhani, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--brcolor);
}
.blog_btn a:hover{
    color: var(--bgcolor);
}
.blog_area .slick-prev ,.blog_area .slick-next{
    opacity: 1;
    visibility: visible;
}
/* site page css */
.portfolio_area {
    padding: 115px 0 60px;
}
.yblog_left {
    padding: 120px 0 35px;
}
.yblog_left_inner {
    border-radius: 0;
    margin-bottom: 30px;
}
.yblog_left_sub h2 a{
    font-size: inherit;
}
.project_information_area {
    padding: 120px 0 40px;
}
/*======== blog area end  ==========*/

/*======== subscribe area start ==========*/
.subscribe_area {
    position: relative;
    z-index: 9;
    padding: 60px 0 0px;
}
.sub_width {
    padding: 40px 30px 20px;
    border-radius: 10px;
    background: #f5f5f5;
}
.inner_subscribe_area h2{
    font-size: 30px;
}
.inner_subscribe_form {
    position: relative;
    overflow: hidden;
}
.inner_subscribe_form input{
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 15px 30px;
    height: 50px;
    background: var(--whitec);
    color: var(--blackc);
}
.inner_subscribe_form button {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 12px 30px 12px;
    font-size: 17px;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: var(--brcolor);
    color: var(--whitec);
    border-radius: 5px;
}
/*======== subscribe area end ==========*/

/*======== footer area start  ==========*/
.footer_area {
    position: relative;
    z-index: 1;
    background-color: #333333;
    padding: 180px 0 10px;
    border-top: 10px solid #881a32;
    border-right: 10px solid #881a32;
    border-top-right-radius: 75px;
}
/* footer socail icon css */
.footer_socail_icons {
    padding: 10px 0 0;
}
.footer_socail_icons a {
    display: inline-block;
    color: var(--whitec);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--whitec);
    font-size: 20px;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    line-height: 35px;
    text-align: center;
    margin-right: 10px;
}
.footer_socail_icons a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 1px solid transparent;
}
/* footer widget */
.footer_widget h2 {
    margin-bottom: 15px;
    padding: 0 0 12px;
    color: var(--whitec);
}
.footer_widget p {
    font-size: 14px;
    color: var(--whitec);
}
.footer_widget img{
    margin-bottom: 12px;
}
/* footer nav css */
.footer_nav {
    margin-top: 10px;
}
.footer_nav ul{
    list-style: none;
    padding-left: 0;
}
.footer_nav ul li {
    padding: 0 0 6px;
}
.footer_nav ul li a {
    color: var(--whitec);
    font-size: 14px;
    font-weight: 400;
}
.footer_nav ul li a:hover{
    color: var(--brcolor);
}
.footer_nav ul li i{
    font-size: 17px;
    font-weight: 900;
    color: var(--whitec);
    margin-right: 5px;
}
/* footer blog area css */
.footer_blog_area {
    margin-top: 20px;
}
.footer_main_add{
    display: flex;
    margin-bottom: 20px;
}
.footer_blog_area img {
    width: 80px;
    height: 70px;
    margin-right: 15px;
}
.footer_add_cont a {
    display: inline-block;
    font-size: 17px;
    font-family: Rajdhani, sans-serif;
    color: var(--whitec);
    line-height: 19px;
}
.footer_add_cont a:hover{
    color: var(--whitec);
}
.footer_add_cont span{
    display: block;
    font-size: 14px;
    color: var(--whitec);
}
/* copy right border css */
.copy_right_border {
    margin-top: 35px;
    padding: 25px 0 10px;
    border-top: 1px solid #ffffff61;
}
.copy_right_area {
    padding: 15px 0 12px;
    background-color: var(--bgcolor);
}
.inner_copy_right_area p{
    font-size: 14px;
    color: var(--whitec);
    margin: 0;
}
.inner_copyright_nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.inner_copyright_nav ul li {
    display: inline-block;
    margin: 0 0 0 20px;
}
.inner_copyright_nav ul li a{
    font-size: 14px;
    color: var(--whitec);
}
.inner_copyright_nav ul li a:hover{
    color: var(--brcolor);
}
/*======== footer area end  ==========*/

/*======== scroll top btn css  ==========*/
#scrollUp {
    bottom: 40px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 40px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: var(--brcolor);
    color: var(--whitec);
    box-shadow: 0 0 10px #0000002e;
}

/* blog and portfolio all color css */
.portfolio_nav ul li.current_menu_item,
.portfolio_nav ul li:hover,
.port_content_center a:hover,
.inner_portfolio_lower_nav ul li a.current,
.inner_portfolio_lower_nav ul li a:hover,
.ycalender_inner h5,
.ycalender_inner td.active,
.inner_project_in_icon a:hover,
.inner_sin_com_btn button,
.pay_sub_btn button,
.inner_my_accout_form_btn a ,
.inner_cart_btn a,
.shop_quenty button,
.shop_btn_area a  {
    background-color: var(--brcolor);
    color: var(--whitec);
}
.pay_sub_btn button:hover,
.inner_my_accout_form_btn a:hover,
.inner_cart_btn a:hover,
.tab_list_socail_icon a:hover,
.shop_btn_area a:hover,
.inner_shop_icons a:hover {
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.port_content_center h2 a:hover{
    background: none;
    color: var(--brcolor);
}
.port_content_center p{
    color: var(--whitec);
}
.yblog_left_text_sub span i{
    color: var(--brcolor);
}