/*
    Theme Name: toub

    table of content
    ***************
    1.header top
    2. main menu area
    3. mobile menu
    4. slider area
    5. service img area
    6. elementor section
    7. team servive area
    7. feature area
    8. tr vedio area
    9. event helping area
    10. tr team slider
    11. testimonial
    12. faq area
    13. brand area
    14. blog area
    14. footer area
    25. scroll top btn

    ***************
*/

/* ======== site font family ========*/
@import url('css2.css');

:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #922ecb;
    --paracolor: #444444;
    --hoverbg: #70af39;
    --textcolor: #dddd;
    --titlecolor: #232323;
    --btntlecolor: #666666;
}
/* defult css */
body {
    font-family: Inter, sans-serif;  
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color: var(--pracolor);
    margin: 0;
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-family: Inter, sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    color: var(--titlecolor);
    margin: 0;
    font-size: 22px;
}
h1 {
    font-size: 25.03px;
}
h2 {
    font-size:22px;
}
h3 {
    font-size: 20.36px;
}
h4 {
    font-size: 18.94px;
}
h5 {
    font-size: 17.88px;
}
 h6 {
    font-size: 16.00px;
}
img {
    height: auto;
}
html,body{
    overflow-x: hidden;
}

.btn:focus {
    text-decoration: none;
    outline: none;
	box-shadow: none;
}
input:focus,
button:focus{
	border-color:transparent;
	outline-color:transparent;
}
::-moz-placeholder {
    font-size: 16px;
}
::-webkit-input-placeholder {
    font-size: 16px;
}
:-ms-input-placeholder {
    font-size: 16px;
}
::placeholder {
    font-size: 16px;
}
a{
    transition: .5s;
	text-decoration:none;
	color:var(--linkcolor);
}
a:focus, 
a:hover {
    text-decoration: none;
	outline: none;
} 

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;
}
.witr_all_pd0{
    padding: 0;
}
span{
    font-size: 16px;
    color: var(--bgcolor);
}
/* End defult css */

/*--------top_menu-left----------*/
.header_top{
    padding: 11px 0;
    background-color: var(--bgcolor);
}
.top_menu_left {
    margin-left: -13px;
    color: var( --bgcolor);
    display: flex;
}
.top_menu_left a{
    margin-left: 15px;
}
.top_menu_left a i:hover{
    color: var(--blackc);
}
/*--ICON--*/
.top_menu_left a i{
    margin-right: 6px;
    color: var(--whitec);
}
.top_menu_left a{
    color: var(--whitec);
}

.top_menu_left_icon {
    display: inline-block;
    margin-left: 15px;
}
.top_menu_left_icon>a>i{
    margin-right: 0px;
}
.top_menu_left_icon a i{
    transition: .5s;
    font-size: 15px;
    font-weight: 600;
    color: var(--whitec);
}
.top_menu_left_icon a i:hover{
    color: var(--titlecolor);
}
/*--top_menu_right--*/
.top_menu_right {
    display: flex;
    color: var( --whitec);
    justify-content: end;
}
.top_menu_right a{
    color: var(--whitec);
    margin-left: 15px;
    transition: .5s;
}
.top_menu_right :hover{
    color: var(--titlecolor);
}
/*--header_top_END--*/
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: 0;
    left: -110%;
    background:hsla(320, 94%, 50%, 0.404);
    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;
    left: 0;
}
/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}
.inner_nav_popup_btnicon {
    position: absolute;
    top: 0;
    right: 17px;
    transform: translateY(-63%);
}
.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(--bgcolor);
    border-radius: 10px;
}
.inner_nav_popup_btnicon {
    border: none;
    background: none;
}
/* search icon */
.inner_nav_popup_btnicon i{
    color: var(--titlecolor);
    font-size: 30px;
}
.inner_nav_popup_btnicon i:hover{
    color: var(--hcolor);
}
/* cross icon */
.inner_nav_icon_popup .ti-close {
    padding: 10px;
    border-radius: 100%;
    background-color: var(--hcolor);
    position: absolute;
    margin-top: 20px;
}
/*======== main menu area start ==========*/
.main_menu_area{
    padding: 0 30px;
}
/* mobile menu */
.mobile_menu{
    display: none;
}
.mobile_logo_area{
    display: none;
}
.main_menu_area.absolute_menu.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
/* home 2 main area css */
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgb(0 0 0 / 70%);
}
.absolute_menu .sticky_logo{
    display: none;
}
.absolute_menu.sticky .sticky_logo{
    display: block;
}
.absolute_menu.sticky .main_logo{
    display: none;
}
.main_menu_area .sticky_logo{
    display: none;
}
.main_menu_area.sticky .sticky_logo{
    display: block;
}
.main_menu_area.sticky .main_logo{
    display: none;
}
.mean-nav ul li a i{
    display: none;
}
.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 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 nav area css */
.main_nav_area{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.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;
}
.inner_main_nav_area >ul >li >a {
    display: inline-block;
    margin: 36px 0 36px 28px;
    font-size: 18px;
    font-weight: 600;
    color: var(--blackc);
}
.inner_main_nav_area >ul >li >a:hover{
    color: var(--bgcolor);
}
.inner_main_nav_area >ul >li >a>i{
    font-weight: 900;
}
/* main nav icons */
.main_nav_icons {
    margin-left: 24px;
}
.main_nav_area .main_nav_icons >i{
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    background:none;
    color: var(--blackc);
    cursor: pointer;
    transition: .5s;
}
.main_nav_area .main_nav_icons i:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: 0;
    left: -110%;
    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;
    left: 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 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;
}
.inner_nav_icon_popup i: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: max-content;
    min-width: 205px;
    max-width: 320px;
    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;
}
.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: 500;
    color: #444;
    padding: 6px 17px;
}
.inner_main_nav_area ul li .sub_menu li a:hover{
    color: var(--bgcolor);
    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 btn css */
.main_nav_area .main_nav_btn {

}
.menu_btn a {
    display: block;
    font-size: 18px;
    margin-left: 20px;
    font-weight: 600;
    border-radius: 0px 20px;
    padding: 10px 29px;
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/* absolute menu css */
.absolute_menu{
    z-index: 999;
    background-color: var(--whitec);
    transition: .5s;
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: var(--blackc);
}
.inner_main_nav_area >ul >li >a:hover{
    color: var(--bgcolor);
}
/* absolute menu nav btn css */
.header_title {
    display: flex;
    align-items: center;
}
.header_title a i {
    display: block;
    color: var(--titlecolor);
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 30px;
    text-align: center;
    margin-right: 12px;
    border-radius: 100%;
    transition: .5s;
    box-shadow: 0 0 10px 0px #9797974a;
}
.sticky .header_title a i{
    background-color: var(--titlecolor);
    color: var(--whitec);
}

/*======== main menu area end ==========*/

/*======== slider area start  ==========*/
.slider_area{
    position: relative;
}
.slider_width {
    max-width: 1865px;
}
/* inner slider area */
.inner_slider_area {
    height: 950px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
/* inner slider content */
.inner_slider_content{
    width: 58%;
    text-align: center;
    margin: 0 auto;
}
.inner_slider_content h1{
    font-size: 24px;
    font-weight: 500;
    color: var(--whitec);
    margin: 0;
    text-transform: capitalize;
}
.inner_slider_content h2 {
    font-size: 80px;
    font-weight: 700;
    color: var(--whitec);
    margin: 22px 0 0 0;
}
.inner_slider_content p{
    font-weight: 700;
    color: var(--whitec);
}
/* golobal btn css */
.g_btn{
    margin-top: 40px;
    border-radius: 0px 20px;
}
.g_btn a{
    display: inline-block;
    padding: 17px 50px;
    background-color: var(--bgcolor);
    color: var(--whitec);
    font-size: 18px;
    font-weight: 500;
    border-radius: 0px 20px;
}
.g_btn a:hover{
    background-color: var(--whitec);
    color: var(--blackc);
}
/* home 2 inner slider css */
.h2_inner_slider{
    height: 830px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
.h2_inner_slider_content {
    width: 95%;
    margin: 0 0 0 auto;
}
.h2_inner_slider_content h1{
    font-size: 130px;
    color: var(--whitec);
}
.h2_inner_slider_content p {
    width: 33%;
    margin-top: 40px;
    font-size: 24px;
    color: var(--whitec);
    font-weight: 500;
}
/* home 2 main slider icons css */
.h2_main_slider_icons{
    margin-top: 70px;
}
.h2_slider_icons{
    margin-bottom: 30px;
}
.h2_slider_icons a.sicon{
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--bgcolor);
    color: var(--whitec);
    font-size: 30px;
    margin-right: 10px;
}
.h2_slider_icons:hover a.sicon{
    background-color: var(--whitec);
    color: var(--bgcolor);
}
.h2_slider_icons a{
    font-size: 24px;
    font-weight: 500;
    color: var(--whitec);
}
/* home 3 inner slider area css */
.h3_inner_slider_area{
    height: 840px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
.h3_inner_slider {
    width: 94%;
    margin: 0 auto;
    padding-top: 240px;
}
.h3_inner_slider h1{
    font-size: 24px;
    font-weight: 500;
    color: var(--whitec);
    margin: 0;
}
.h3_inner_slider h2{
    font-size: 150px;
    color: var(--whitec);
    text-transform: uppercase;
    text-shadow: 6px 6px 0px #222222;
}
.h3_inner_slider p{
    width: 62%;
    margin: 20px auto 0;
    font-size: 18px;
    color: var(--whitec);
}
.h3_inner_slider .h2_slider_icons{
    text-align: left;
}
.h3_inner_slider .h2_slider_icons a{
    border-radius: 100%;
}
.h3_inner_slider .h2_main_slider_icons{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-top: 120px;
}
.h3_slider_socail_icons a{
    display: inline-block;
    color: #FFFFFF;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    margin-right: 6px;
}
.h3_slider_socail_icons a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.slider_area_about{
    padding: 60px 0;
}
/* home video page area css */
.video_slider_area{
    position: relative;
    overflow: hidden;
}
.slider_vedio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
}
.slider_vedio iframe {
    width: 100%;
    height: 100%;
    border: none;
    transform: scale(1.4);
}
/* slider defult arrow css */
.slider_area .slick-prev, .slider_area .slick-next {
    background: 0 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
}
.slider_area .slick-prev{
    left: 0;
}
.slider_area .slick-next{
    right: 0;
}
.slider_area .slick-prev:hover , .slider_area .slick-next:hover{
    background-color: var(--whitec);
    color: var(--blackc);
}
.slider_area .slick-prev::before ,.slider_area .slick-next::before{
    color: var(--blackc);
    font-size: 50px;
}
.slider_area:hover .slick-prev , .slider_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}


/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 60px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    text-align: center;
    background: none;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    background-color: var(--blackc);
    opacity: 0;
    visibility: hidden;
}
.slick-prev{
    left: 30px;
}
.slick-next{
    right: 30px;
}
.slick-prev:hover, .slick-next:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.slick-prev::before,.slick-next::before{
    content: '\eac9';
    font-family: IcoFont;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    color: var(--whitec);
    transition: 1s;
}
.slick-next::before{
    content: '\eaca';
}
/*======== slider area end  ==========*/


/*------- ABOUT START --------*/

.sl_ab_text {
    display: flex;
    justify-content: center;
}
.sl_ab_title{
    text-align: center;
}
.sl_ab_title h1{
    color: var(--whitec);
    font-size: 40px;
}
.sl_ab_title p{
    color: var(--whitec);
}
.sl_ab_title p a{
    font-size: 18px;
    color: var(--whitec);
}
/*------- ABOUT END --------*/

/*-------SERVICE IMG START--------*/
.service_img_area{
    margin-top: -100px;
}
/*--txbdsi--*/
.txbdsi {
    position: relative;
    overflow: hidden;
    width: 110%;
}

/*--imge--*/
.txbdsi_area img{
    display: block;
    height: 263px;
    width: 106%;
}
.txbdsi:hover .inner_overlay{
    height: 100%;
    top: 0;
}
/*--OVERLAY--*/
.inner_overlay{
    position: absolute;
    height: 0;
    width: 106%;
    top: 100%;
    left: 0;
    transition: .5s;
    background-color: var(--titlecolor);
}
.inner_overlay h2{
    font-size: 22px;
    font-weight: 400;
}
.slider_text_title h1{
    font-size: 22px;
}
.inner_overlay h2{
    font-size: 22px;
    font-weight: 400;
}
.slider_text_title {
    width: 74%;
    margin: -85px auto;
    text-align: center;
}
.slider_text_con a {
    border-radius: 0 20px;
    color: var(--bgcolor);
    transition: .5s;
    background-color: var(--whitec);
    padding: 10px 30px 10px 30px;
}
.pd0 {
    width: 100%;
    margin: 0 20px;
}
/*==start elementor_section==*/
.elementor_section {
    margin: 110px 0;
}
/*--inner_elementor_text h4--*/
.ttin_text_left p{
    color: #444;
}
.inner_elementor_text h4 {
    margin: 40px 0 15px;
    font-size: 22px;
    color: var(--blackc);
}
/*--inner_elementor_textp--*/

.inner_elementor_text p{
    font-size: 16px;
    color: #444;
}
.elementor_section_btn {
    margin: 55px 0 0;
}
.elementor_section_btn a {
    display: inline-block;
    background-color: var(--bgcolor);
    color: var(--whitec);
    padding: 16px 40px;
    transition: .5s;
    border-radius: 0 20px;
}
.elementor_section_btn a:hover{
    background-color: var(--titlecolor);
}


/*--elementor section text right--*/
.elementor_section_text_right{}
.title_text_span h4{
    font-size: 16px;
    color: var(--bgcolor);
}
.title_text_span h2{
    font-size: 40px;
    color: var(--titlecolor);
    padding: 15px 50px 30px 0px;
}
.title_text_span img{
    height: 308px;
    width: 550px;
}
/*--ena elementor section text right--*/

/*========home 2 about area start  ==========*/
.h2_about_area{
    padding: 120px 0 50px;
    position: relative;
}
.h2_about_title{
    margin-top: 65px;
}
.h2_about_items{
    margin-top: 50px;
}
.h2_about_shap_left {
    position: absolute;
    top: 160px;
    left: 190px;
    z-index: -1;
    animation: h2_about_shap_left 5s linear 1s infinite alternate running;
}
.h2_about_shap_left img{
    width: 40%;
}
@keyframes h2_about_shap_left {
    0%{
                transform: translateX(0px);
}
    100%{
                transform: translateX(45px);
}
}
/*========home 2 about area end  ==========*/

/*========home 3 about area start  ==========*/
.h3_about_area{
    padding: 65px 0 100px;
    position: relative;
}
.h3_inner_about_img{
    position: relative;
}
.h3_inner_about_img img{
    width: 100%;
}
/* home 3 inner about right content css */
.h3_inner_about_right_content{
    position: relative;
}
.h3_inner_about_absolute_content {
    position: absolute;
    bottom: 50px;
    left: -40px;
    padding: 15px 30px 10px;
    border: 5px solid var(--bgcolor);
    width: 53%;
    border-radius: 5px;
    background: var(--whitec);
}
.h3_inner_about_ab_sub_item{
    display: flex;
}
.h3_inner_about_ab_sub_item h3{
    font-size: 30px;
    color: var(--bgcolor);
    margin-right: 20px;
}
.h3_inner_about_ab_sub_item h4{
    font-size: 30px;
}
.h3_inner_about_right_content{
    padding: 65px 30px 0;
}
.h3_inner_about_right_content h1{
    font-size: 18px;
    font-weight: 500;
    color: var(--bgcolor);
    position: relative;
    margin-left: 72px;
}
.h3_inner_about_right_content h1::before {
    content: '';
    position: absolute;
    top: 11px;
    right: 0px;
    bottom: 0;
    left: -74px;
    width: 12%;
    margin: 0 3px -1px 5px;
    border-top: 1px solid var(--titlecolor);
}
.h3_inner_about_right_content h2 {
    margin: 10px 0 20px;
    font-size: 48px;
}
.h3_inner_about_right_content p{
    width: 95%;
}
/* home 3 inner about content list css */
.h3_inner_about_con_list{
    list-style: none;
    padding: 0;
    margin-top: -5px;
}
.h3_inner_about_con_list li {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--paracolor);
    padding: 10px 0;
}
.h3_inner_about_con_list li i{
    font-size: 30px;
    color: var(--bgcolor);
    margin-right: 10px;
}
.h3_inner_about_right_btn{
    margin-top: 25px;
}
.h3_inner_about_right_btn a{
    display: inline-block;
    padding: 16px 50px;
    background-color: var(--bgcolor);
    color: var(--whitec);
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
}
.h3_inner_about_right_btn a:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
/* home 3 inner about left shap css */
.h3_inner_about_left_shap {
    position: absolute;
    top: -80px;
    left: 77px;
    z-index: -1;
    animation: h3_about_shap_left 5s linear 1s infinite alternate running;
}
@keyframes h3_about_shap_left {
    0%{
                transform: translateX(0px);
}
    100%{
                transform: translateX(45px);
}
}
/* home 3 inner about right shap css */
.h3_about_shap_right {
    position: absolute;
    bottom: -60px;
    right: -220px;
    z-index: -1;
    animation: h3_about_shap_right 5s linear 1s infinite alternate running;
}
@keyframes h3_about_shap_right {
    0%{
                transform: translateX(0px);
}
    100%{
                transform: translateX(45px);
}
}
/*========home 3 about area end  ==========*/

/*=====team slider area======*/
.team_servive_area {
    padding: 115px 0 70px;
    background-color: #F3F3F3;
}
.title_area{
    text-align: center;
}
.title_area h3 {
    width: 48%; 
    font-size: 40px;
    color: var(--titlecolor);
    margin: 14px auto 48px;
}

.team_slider_txbdsi1{
    position: relative;
    overflow: hidden;
}
/*--hover--*/
.team_slider_txbdsi1:hover .g_overlay{
    height: 100%;
    width: 100%;
    top: 0;
}
/*--img--*/
.inner_txbdsi img{
    height: 100%;
    width: 100%;
}
/*--overlay--*/
.g_overlay{
    position: absolute;
    top: 100%;
    width: 0;
    width: 100%;
    height: 0;
    transition: .5s;
    opacity: .8;
    background-color: #922ECBDB;
}
/*--inner text--*/
.slider_text_con {
    text-align: center;
    padding: 0 23px;
    transform: translate(-25px, 48%);
}
.slider_text_con h1{
    margin-top: 36px;
    color: var(--whitec);
    font-size: 22px;
}
.slider_text_con p{
    color: var(--whitec);
    font-size: 16px;
    margin-bottom: 30px;
}

.slider_text_con button {
    background-color: var(--bgcolor);
    color: var(--hcolor);
    font-weight: 700;
    border-radius: 0 20px;
    margin-top: 20%;
    font-size: 20px;
    padding: 12px 30px 12px 30px;
}
.slider_text_con button:hover{
    color: var(--bgcolor);
    background-color: var(--titlecolor);
}
.inner_txbdsi_texth2 h2{
    font-size: 22.3px;
    text-align: center;
    padding: 25px 0 30px 0;
    color: var(--titlecolor);
}
.inner_text_contant {
    margin: 10px 0 50px;
}
.title_area span {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.inner_text_contant h1 {
    font-size: 40px;
    color: var(--titlecolor);
    margin: 0px 0 30px;
}
/*=====end team slider area======*/

/*======== home 2 service area start  ==========*/
.h2_service_area{
    padding: 10px 0 50px;
    position: relative;
}
.h2_single_service_area{
    margin-bottom: 50px;
}
.h2_single_service_area h3 >a {
    display: inline-block;
    margin-top: 25px;
    font-size: 24px;
    font-weight: 700;
    color: var(--titlecolor);
}
.h2_single_service_area h3 >a:hover{
    color: var(--bgcolor);
}
.h2_single_service_area p{
    font-size: 14px;
}
.h2_single_service_area a{
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bgcolor);
}
.h2_single_service_area a:hover{
    color: var(--titlecolor);
}
/* home 2 single service right shap css */
.h2_single_service_right_shap {
    position: absolute;
    top: -68%;
    right: 80px;
    z-index: -1;
    animation: h2_service_right_shap 5s linear 1s infinite alternate running;
}
@keyframes h2_service_right_shap {
    0%{
                transform: translateX(0px);
}
    100%{
                transform: translateX(45px);
}
}
/*======== home 2 service area end  ==========*/

/*======== home 2 collapse area start  ==========*/
.h2_collapse_area{
    padding: 30px 0 20px;
}
.h2_callapse_title h3{
    width: 90%;
}
.h2_collapse_content {
    margin-top: 20px;
    display: flex;
}
.h2_collapse_content p {
    width: 42%;
    margin-right: 40px;
}
.h2_inner_accordion a{
    color: var(--titlecolor) !important;
    border-bottom: 1px solid var(--titlecolor);
}
.h2_inner_accordion a:hover{
    color: var(--bgcolor) !important;
}
.h2_inner_accordion a.active{
    color: var(--bgcolor) !important;
    border-bottom: 1px solid var(--titlecolor);
}
.h2_inner_accordion .inner_ac_cont p{
    color: var(--titlecolor);
}
/*======== home 2 collapse area end  ==========*/

/*======== home 2 video area start  ==========*/
.h2_video_area{
    padding: 0 30px;
    margin: 5px 0 55px;
}
.h2_inner_video_area {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 250px 0 250px;
}
.h2_inner_video_area a{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 78px;
    border-radius: 100%;
    text-align: center;
    background-color: var(--bgcolor);
    color: var(--whitec);
    font-size: 18px;
    animation: h2_video_shadow 1s linear infinite;
}
@keyframes h2_video_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);
   }
}
/*======== home 2 video area end  ==========*/

/*======== home 3 video area start  ==========*/
.h3_video_area{
    margin: 10px 0 55px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.h3_inner_video_area{
    padding: 220px 0 210px;
}
.h3_inner_video_area a{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 78px;
    border-radius: 100%;
    text-align: center;
    background-color: var(--whitec);
    color: var(--bgcolor);
    font-size: 18px;
    animation: h2_video_shadow 1s linear infinite;
}
@keyframes h2_video_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);
   }
}
.h3_inner_video_area h2 {
    font-size: 48px;
    font-weight: 600;
    color: var(--whitec);
    width: 58%;
    margin: 22px auto 0;
}
/*======== home 3 video area end  ==========*/


/*=====start featurer area======*/
.feature_area {
    padding: 110px 0 55px;
}
.feature_area_thumb {
    box-shadow: 0px 0px 30px 0px rgb(234, 230, 230);
    overflow: hidden;
    background: var(--whitec);
    border-radius: 0px;
    padding: 30px 30px 0px 30px;
}
.feature_area_thumb h2 a{
    color: var(--titlecolor);
    margin: 10px 0 20px;
    transition: .5s;
}
.feature_area_thumb h2 a:hover{
    color: var(--bgcolor);
}
.inner_fe_th p{
    color: #666666;
}
.inner_fe_th{
    width: 81%;
}
.skill_bar_area {
    margin: 5px 0 8px;
}
.skill_bar_area .fill{
    background-color: var(--bgcolor);
}
.inner_progres_bar_thumb{
    border-radius: 5px;
}
/* feature item 2 */
.feature_area_thumb {
    position: relative;
    margin-bottom: 20px;
}
.fea_active{
    padding: 0;
}
.fea_active img {
    width: 94%;
}
.fe_single_item{
    position: absolute;
    bottom: 0;
    z-index: 999;
    padding: 30px 30px 0px 30px;
}
.fe_single_item span{
    color: var(--whitec);
}
.fe_single_item h2 a{
    color: var(--whitec);
}
.fe_single_item p{
    color: var(--whitec);
}
/*--hover--*/
.team_slider_txbdsi1:hover .co_over{
    transform: scale(1);
}
.co_over_text {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(0, 260%);
}


/*=====end feature area======*/



/*======== home 3 counter area start ==========*/
.h3_counter_area{
    padding: 20px 0 100px;
}
.h3_inner_counter_area h2{
    color: #E7F0E1;
    font-size: 150px;
}
.h3_inner_counter_area h3 {
    font-size: 24px;
    font-weight: 600;
    margin: -104px 0 0 0;
}
/*======== home 3 counter area end ==========*/

/*===== START TR VIDEO AREA ======*/
.tr_vedio_area {
    margin: 60px 0;
}
.tr_vedio_text_right {
    margin-top: 115px;
}
.tr_vedio_text_right span{
    color: var(--whitec);
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    margin: 0px 50px 0px 0px;
}
.tr_vedio_text_right h1{
    color: var(--whitec);
    margin: 10px 0;
    font-size: 40px;
}
.tr_vedio_text_right p {
    color: var(--whitec);
    margin: 25px 0 20px;
}
/* conter area */
.witr_contx {
    display: flex;
    width: 74%;
    margin-top: 35px;
}
.inner_counter h3{
    color: var(--whitec);
    font-size: 40px;
}
.witr_contx_text h3{
    color: var(--whitec);
    font-size: 40px;
}
.witr_contx_text {
    position: relative;
    left: 18%;
}
.cou_text {
    display: flex;
    align-items: baseline;
    justify-content: start;
}
.cou_text span{
    color: var(--whitec);
    font-size: 40px;
    margin-left: 5px;
}
/* vanobox */
.tr_vedio_vano_box {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    margin-top: 50px;
}
.tr_vedio_vano_box a i{
    display: inline-block;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 78px;
    border-radius: 100%;
    padding: 0;
    transition: 1s;
    color: var(--whitec);
    background-color: var(--bgcolor);
    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);
   }
}
.tr_vedio_vano_box a i:hover{
    background-color: var(--titlecolor);
}
/*=====END TR VIDEO AREA ======*/

/*=====start event helping area ======*/
.event_helping_area {
    padding: 60px 0 50px;
    position: relative;
}
.event_inner img {
    position: absolute;
    left: 10%;
    top: 14%;
    animation: event_shap 10s 3s linear infinite;
}
@keyframes event_shap{
    0%{
        transform: rotate(0deg);
    }
   10%{
        transform: rotate(100deg);
    }
   30%{
        transform: rotate(200deg);
    }
   50%{
        transform: rotate(360deg);
    }
   10%{
        transform: rotate(-100deg);
    }
   30%{
        transform: rotate(-200deg);
    }
   50%{
        transform: rotate(-360deg);
    }
}
.titile_area{
    margin-top: 65px;
}
/* title */
.titile_area span {
    margin-bottom: 14px;
    font-size: 16px;
    display: inline-block;
}
/* inner event thumb */
.inner_event_thumb{
    position: relative;
    overflow: hidden;
}
.event_thumb h2 a{
    color: var(--titlecolor);
}
.event_thumb h2 a:hover{
    color: var(--bgcolor);
}
.events_hover{
    position: relative;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #F3F3F3;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}
.events_hover:hover{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #922ECB;
}
/* inner events active img */
.inner_events_active img{
    height: 307px;
    width: 100%;
    transition: .5s;
}
.events_hover:hover .inner_events_active img{
    transform: scale(1.2);
}
.events_hover:hover .events_overlay{
    transform: scale(1.2);
    opacity: .8;
}
/* event overlay */
.events_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:307px;
    transition: .5s;
    opacity: 0;
    transform: scale(0);
    background-color: rgb(0 0 0 / 50%);
}
/* event hover */
.events_section{
    border: 5px solid transparent ;
}
.border_skill {
    padding-bottom: 0;
    border-top: 3px solid #f1f1f1;
    margin-top: 15px;
    position: relative;
}
.border_skill::before{
    position: absolute;
    content: "";
    width: 33%;
    height: 3px;
    background: var(--bgcolor);
    top: -3px;
    transition: 0.5s;
}
.events_hover:hover .border_skill::before{
    width: 100%;
    background: var(--bgcolor);
}
.events_active_txt span {
    color: var(--whitec);
    padding: 10px 20px;
    background-color: var(--bgcolor);
    position: absolute;
    top: 53%;
    z-index: 1;
}
/* event thumb */
.event_thumb{
    padding: 20px;
    transition: .5s;
}

/* title span h2 */
.event_thumb span {
    color: var(--btntlecolor);
    display: block;
    margin-right: 25px;
    margin: -5px 0 10px;
}
.event_thumb h2{
    color: var(--titlecolor);
    font-size: 22px;
}
/* inner rise */
.inner_rise {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
/*=====END event helping area ======*/

/*=====START tr team slider arer ======*/
.tr_team_slider {
    margin: 70px 0 120px;
}
section.tr_tasti_shap {
    position: relative;
    background: #F3F3F3;
    padding: 120px 0;
}
.tr_team_left img{
    width: 100%;
}
/* tr team left text */
.team_left {
    margin-top: 121px;
    margin-left: 20px;
}
.tr_team_right_text{}
/* title tr team text */
.tr_team_right_text span{
    font-weight: 700;
}
.tr_team_right_text h3 {
    color: var(--titlecolor);
    margin: 7px 0 60px;
    font-size: 40px;
}
/* main team devloper */
.team_developer{
    
}
.team_de_left {
    display: inline-block;
}
.inner_single_title{
    display: inline-block;
    position: relative;
    overflow: hidden;
}
/* icon overlay */
.inner_icon_ov::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
    background-color:#912ecb98;
}
.inner_single_title:hover .inner_icon_ov::before{
    opacity: 1;
    visibility: visible;
}
/* icon overlay */
.inner_ti_th {
    position: absolute;
    bottom: -16%;
    left: 24%;
    opacity: 0;
    transition: .5s;
}
.inner_ti_th a i{
    display: inline-block;
    font-size: 17px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: var(--whitec);
    background-color: var(--bgcolor);
    border-radius: 5px 5px 5px 5px;
    transition: .5s;
}
.inner_single_title:hover .inner_ti_th{
    bottom: 10%;
    left: 24%;
    opacity: 1;
}
.inner_ex_left{
    margin-left: 20px;
}
/* Team img */
.team_de_left img {
    height: 320px;
    width: 300px;
}
/* team de info */
.team_de_info{
    text-align: center;
    padding: 18px 0px 10px;
}
.team_de_info h5{
    font-size: 22px;
    color: var(--titlecolor);
    font-weight: 700;
}
.team_de_info span{
    color: var(--btntlecolor);
}
/* tteam */
.tteam {
    padding: 0px 0 120px;
    margin-top: -100px;
}
/*=====END tr team slider arer  ======*/

/*======== team area start  ==========*/
.team_area {
    padding: 115px 0 45px;
    position: relative;
}
/* inner team area css */
.inner_team_area{
    box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 5%);
}
/* inner team thumb css */
.inner_team_thumb{
    position: relative;
    overflow: hidden;
}
.inner_team_img_area img{
    width: 100%;
}
/* inner team content css */
.inner_team_content {
    background: var(--whitec);
    padding: 20px 0px 20px 0px;
}
.inner_team_content h5{
    font-size: 24px;
    margin: 0;
}
.inner_team_content p{
    margin: 0;
}
/* inner team show icons css */
.inner_team_show_icon {
    position: absolute;
    bottom: 25px;
    right: 20px;
}
.inner_team_show_icon a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    border-radius: 0;
    font-size: 18px;
    border-radius: 100%;
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_team_show_icon a:hover{
    background-color: var(--titlecolor);
}
.inner_team_socail_icons{
    position: absolute;
    bottom: -250px;
    right: 20px;
    transition: .5s;
    overflow: hidden;
}
.inner_team_socail_icons a{
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    border-radius: 0;
    font-size: 18px;
    border-radius: 100%;
    margin-bottom: 10px;
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_team_socail_icons a:hover{
    background-color: var(--titlecolor);
}
.inner_team_area:hover .inner_team_socail_icons{
    bottom: 80px;
    right: 20px;
}
/*======== team area end  ==========*/

/*=====START tr team slider arer  ======*/
.testimonial.brand_area{
    margin: 55px 0;
    padding: 115px 0 120px;
    position: relative;
    background-color: #F3F3F3;
}
.test_shap img{
    top: 20%;
    position: absolute;
    left: 5%;
    animation: logo 5s linear 1s infinite alternate running;
}
@keyframes logo{
    0%{
        transform: translateX(-45px);
}
    100%{
            transform: translateX(45px);
    }
}
/* START Te mo text */
.text_mo_te_right {
    margin: 40px 20px 50px;
    text-align: center;
    padding: 48px 40px 40px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    background-color: var(--whitec);
    position: relative;
}
/* testimonial title h1 */
.text_mo_te_right h1{
   font-size: 22px;
   color: var(--bgcolor);
   font-weight: 700;
}
.text_mo_te_right span{
    display: block;
    margin: 10px 0 20px;
    color: var(--b3color);
}
.text_mo_te_right p{
    line-height: 1.5;
    font-size: 16px;
    color: var(--b3color);
}
.test_mo_img{
    text-align: center;
}
.test_mo_img img{
    display: inline;
}
/* section title */
.inner_text_contant_thumb span{
    margin-bottom: 10px;
    font-weight: 700;
}
.inner_text_contant_thumb h3{
    color: var(--titlecolor);
    font-weight: 700;
    font-size: 40px;
}

.tr_tasti_shap .slick-prev, .tr_tasti_shap .slick-next {
    font-size: 0;
    height: 60px;
    width: 60px;
    position: absolute;
    right: 0;
    top: 40%;
    border: none;
    text-align: center;
    border-radius: 100%;
}
.tr_tasti_shap .slick-prev{
    position: absolute;
    z-index: 1;
    left: 0;
}
.tr_tasti_shap .slick-prev::before, 
.tr_tasti_shap .slick-next::before{
    content: '\eac9';
    font-family: IcoFont;
    font-size: 35px;
    font-weight: 700;
    color: var(--whitec);
    transition: 1s;
}
.tr_tasti_shap .slick-next::before{
    content: '\eac9';
    z-index: 999;
    left: 15px;
    font-family: IcoFont;
}
/* 2 testimonial */
.inner_ttest{
    padding: 120px 0 100px;
}
.inner_text_contant_thumb p {
    color: var(--btntlecolor);
    width: 66%;
    font-size: 16px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.btitle {
    box-shadow: 0 5px 10px 0 rgb(240 241 243);
    padding: 30px 15px 30px;
    width: 83%;
}
.ex_test {
    text-align: start;
    margin: 0;
    padding: 0;
}
.ex_test span{
    display: inline-block;
    color: var(--bgcolor);
}
.ex_test i{
    color: var(--bgcolor);
}
.ex_im{
    display: flex;
    text-align: start;
}
.ex_im img{
    height: 70px;
}
.in_ttext {
    margin-left: 30px;
}
.in_ttext h1 {
    color: var(--titlecolor);
    font-size: 22px;
}
.text_mo_te_right:hover.testiCreCon:after{
    background-color: var(--bgcolor);
}
.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;
    transition: .5s;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
/*======== faq area start  ==========*/


/*====== START EXPART TEAM ========*/
.expart_team {
    padding: 100px 0 120px;
}
.single_title {
    text-align: center;
    margin-top: 10px;
}
.single_title h2{
    margin-top: 20px;
    color: var(--titlecolor);
}
.single_title span{}
.single_text p{
    color: var(--btntlecolor);
}
.single_im {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.single_im img{
    width: 100%;
}
.single_text {
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    padding: 10px 0 20px;
    margin-top: 15px;
    border-top: 2px solid #ddd9;
    transition: 0.5s;
}
.ticon {
    margin-left: 20px;
}
.ticon a i {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-left: 16px;
    line-height: 30px;
    border-radius: 100%;
    color: #ababab;
    border: 1.5px solid #ababab;
    transition: .5s;
}
.ticon i:hover{
    background-color: var(--bgcolor);
    color:var(--whitec);
}
/*======= START ABOUT PAGE =======*/



/*======== img area start  ==========*/
.img_area {
    padding: 0px 0 0;
}
.inner_img_area{
    position: relative;
    overflow: hidden;
}
.inner_img_overlay img {
    width: 100%;
    height: 100%;
    transition: .5s;
}
.inner_img_area:hover .inner_img_overlay img{
    transform: scale(1.2);
}
/* img overlay go  */
.img_overlay_go{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000006d;
    transform: scale(0);
    transition: .5s;
}
.inner_img_area :hover .img_overlay_go{
    transform: scale(1.2);
}
/* inner img content  */
.inner_img_content{
    position: absolute;
    bottom: -150px;
    left: 0;
    right: 0;
    transition: .5s;
    padding: 0 30px;
}
.inner_img_area:hover .inner_img_content{
    bottom: 30px;
}
.inner_img_context p{
    color: var(--whitec);
    margin: 0;
}
.inner_img_context h2 a {
    display: inline-block;
    font-size: 36px;
    font-weight: 600;
    color: var(--whitec);
}
.inner_img_content_icon a{
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: var(--bgcolor);
    color: var(--whitec);
    font-size: 20px;
    transition: .5s;
}
.inner_img_content_icon a:hover{
    background-color: var(--brcolor);
}
/*======== img area end  ==========*/

/*======== faq area start  ==========*/
.faq_area {
    padding: 65px 0 120px;
}
.accordion-item button{
    font-weight: 700;
}
.inner_faq_img img{
    width: 100%;
}
.main_accordion_area {
    padding: 60px 0;
}
.accordion-body {
    padding: 0 0 15px;
    color: var(--btntlecolor);
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    padding: 15px 0 25px;
}
.inner_faq_content{
    padding: 35px 0 0;
}
.inner_faq_content h2{
    font-size: 16px;
    color: var(--bgcolor);
}
.inner_faq_content h3 {
    font-size: 40px;
    width: 81%;
    color: var(--titlecolor);
    margin: 20px 0 30px;
}
.inner_faq_content p {
    padding: 5px 0 5px;
    width: 70%;
    color: var(--btntlecolor);
    font-weight: 400;
}
/* inner faq accrodion item css */
/* inner accordion items */
.inner_ac_items{
    margin-bottom: 20px;
    box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
}
.inner_ac_items a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 600;
    padding: 0 20px 15px 0;
}
.inner_ac_items a.active{
    color: var(--bgcolor);
    position: relative;
}
.inner_ac_items a.active i{
    display: none;
}
.inner_ac_items a.active::before{
    content: "\ef9a";
    position: absolute;
    font-family: Icofont!important;
    top: 0;
    right: 20px;
    bottom: 0;
}
.inner_ac_items a:hover{
    color: var(--bgcolor);
}
.inner_ac_cont p {
    width: 85%;
    color: var(--titlecolor);
    padding-bottom: 20px;
}
/*======== faq area end  ==========*/


/*======== brand area start  ==========*/
.brand_area {
    padding: 100px 0;
    margin: 0 0 60px;
    position: relative;
}
/* single brand area testimonial css */
.single_brand_area_test {
    padding: 100px 0 25px;
}
.about_brand_area{
    padding: 75px 0 45px;
}
.inner_brand_area{
    text-align: center;
}
.inner_brand_area img{
    margin: 0 auto;
}
.brand_area:hover .slick-prev ,.brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
.brand_left_shap{
    position: absolute;
    top: -60px;
    right: 0;
    z-index: -1;
    animation: brand_right_shap 5s linear 1s infinite alternate running;
}
@keyframes brand_right_shap {
    0%{
                transform: translateX(0px);
}
    100%{
                transform: translateX(45px);
}
}
/*======== brand area end  ==========*/

/*===== CONTACT AREA =====*/
section.contact_area {
    margin: 120px 0;
}
.apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
}
.contact_form span{
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 5px;
}
.contact_form h2{
    font-size: 22px;
    margin: 10px 0 40px;
    color: var(--titlecolor);
}
.single_p_inner_contact_form input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    margin-bottom: 23px;
    color: var(--pracolor);
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
}
.single_p_inner_contact_form textarea{
    width: 100%;
    height: 160px;
    padding: .375rem .75rem;
}
.single_p_inner_contact_form button{
    border: 0 none;
    display: inline-block;
    font-weight: 500;
    padding: 15px 30px;
    color: var(--whitec);
    transition: .5s;
    margin-top: 30px;
    border-radius: 5px;
    background-color: var(--bgcolor);
}
.single_p_inner_contact_form button:hover{
    background-color: var(--titlecolor);
}
.inner_contact_map iframe {
    height: 635px;
    width: 100%;
}
.tcon_form button{
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    transition: .5s;
    background-color: var(--bgcolor);
}
.tcon_form button:hover{
    background-color: var(--titlecolor);
}

/*======== blog area start ==========*/
.blog_area {
    padding: 50px 0 100px;
    position: relative;
}
.blog_title{
    margin-bottom: 60px;
}
.h3_blog_section_title{
    margin-bottom: 50px;
}
.inner_blog_date span{
    font-size: 16px;
    font-weight: 400;
    color: var(--bgcolor);
    margin-right: 10px;
}
/* inner blog title css */
.inner_blog_title{
    margin: 20px 0 15px 0;
}
.inner_blog_title h3 a {
    width: 85%;
    font-size: 24px;
    display: inline-block;
    margin-bottom: 15px;
}
.inner_blog_title h3 a:hover{
    color: var(--bgcolor);
}
.inner_blog_title p {
    width: 85%;
    margin-bottom: 25px;
}
/* inner blog btn css */
.inner_blog_btn a{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.inner_blog_btn a:hover{
    color: var(--bgcolor);
}
.inner_blog_btn a i{
    font-weight: 700;
    margin-left: 5px;
}
.inner_blog_shap_left {
    position: absolute;
    bottom: -80px;
    left: -300px;
    z-index: -1;
    animation: blog_left_shap 5s linear 1s infinite alternate running;
}
@keyframes blog_left_shap {
    0%{
                transform: translateY(0px);
}
    100%{
                transform: translateY(45px);
}
}
/*======== blog area end ==========*/

/*======== home 2 blog area start ==========*/
.h2_blog_area{
    padding: 60px 0 35px;
    position: relative;
}
.inner_blog_area{
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
}
/* inner blgo area css */
.h2_inner_blog_area{
    overflow: hidden;
}
/* inner blog thumb css */
.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.h2_inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
.yblog_left_inner: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;
}
.h2_inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}
/* inner blog text css */
.inner_blog_text {
    padding: 17px 0 13px;
}
.inner_blog_text span a{
    color: #666666;
}
.inner_blog_text span {
    margin-right: 10px;
    color: #666666;
}
.inner_blog_text span i{
    margin-right: 3px;
    color: var(--bgcolor);
}
.inner_blog_content p{
    color: #666666;
}
 .t_bl a {
    color: #444;
    padding: 10px 25px;
    transition: .5s;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 5px 0 -23px;
    display: inline-block;
}
.t_bl a:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/*inner blog content css */
.inner_blog_content h5 a {
    width: 97%;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: var(--titlecolor);
    text-transform: inherit;
}
.inner_blog_content h5 a:hover{
    color: var(--bgcolor);
}
/* home 2 inner blgo left shap css */
.h2_inner_blog_left_shap {
    position: absolute;
    bottom: -160px;
    left: 0;
    z-index: -1;
    animation: h2_blog_left_shap 5s linear 1s infinite alternate running;
}
@keyframes h2_blog_left_shap {
    0%{
                transform: translateY(0px);
}
    100%{
                transform: translateY(45px);
}
}
/* home 3 inner blog right shap css */
.h3_inner_blog_right_shap {
    position: absolute;
    bottom: -160px;
    right: 0;
    z-index: -1;
    animation: h3_blog_right_shap 5s linear 1s infinite alternate running;
}
@keyframes h3_blog_right_shap {
    0%{
                transform: translateX(0px);
}
    100%{
                transform: translateX(45px);
}
}
/*======== home 2 blog area end ==========*/

/*===== START BLOG area  ======*/
.blog_shap{
    left: -5%;
    top: 33%;
    position: absolute;
    animation: blog_shap 4s 3s linear infinite;
}
@keyframes blog_shap{
    0%{
        margin-top: 20px;
    }
    30%{
        margin-top: 20px;
    }
    50%{
        margin-top: 40px;
    }
    30%{
        margin-top: -20px;
    }
    50%{
        margin-top: -40px;
    }
}
/* start latest sec title */
.latest_sec_title{
    margin-top: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 6px 0px #f5f2f2;
}
.latest_sec_title:hover{
    box-shadow: 0px 1px 1px 1px #666666;
}
.latest_sec_thumb{
    overflow: hidden;
 
}
.latest_sec_thumb img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .5s;
}
.latest_sec_title:hover .latest_sec_thumb img{
    transform: scale(1.2);
}

.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.latest_sec_title:hover .blog_overlay{
    transform: scale(1.2);
}
.latest_sec_thumb a {
    position: absolute;
    top: 30%;
    left: 50%;
    border-radius: 50%;
    background: var(--bgcolor);
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 45px;
    text-align: center;
    transform: translate(-50%,-50%);
    visibility: hidden;
    transition: .2s;
    z-index: 1;
}
.latest_sec_title:hover .latest_sec_thumb a{
    visibility: visible;
}



/* blog overlay */
.busi_singleBlog {
    background: #fff;
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgba(50,65,141,.07);
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 40px;
    border: 1px solid transparent;
}
.busi_singleBlog:hover{
    border: 1px solid #ddd;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.busi_singleBlog:hover .witr_sb_thumb img{
    transform: scale(1.2);
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    background: rgba(0,0,0,.5);
}
.busi_singleBlog:hover .witr_sb_thumb:before{
    transform: scale(1);
}
.witr_sb_thumb img {
    width: 100%;
    transition: .5s;
}
.witr_top_category {
    transform: scale(0);
    transition: .5s;
}
.latest_sec_thumb a {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: var(--bgcolor);
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 45px;
    text-align: center;
    transform: translate(-50%,-50%);
    visibility: hidden;
    transition: .5s;
    z-index: 1;
    opacity: 0;
}
.busi_singleBlog:hover .latest_sec_thumb a{
    visibility: visible;
    opacity: 1;
}

/* blog overlay */

/* main blog text */
.blog_active_area{
    padding: 15px;
    box-shadow: 0px 2px 6px 0px #f5f2f2;
}
.blog_area_text p{
    color: var(--btntlecolor);
}
.blog_area_text a{
    padding: 15px 0 10px;
    font-size: 16px;
    margin-right: 10px;
}
.blog_area_text a i{
    display: inline-block;
    width: 17px;
    height: 17px;
    font-size: 12px;
    color: var(--bgcolor);
}
.blog_area_text h2 a {
    font-size: 22px;
    color: var(--titlecolor);
    display: inline-block;
    margin: 0;
}
.blog_area_text h2 a:hover{
    color: var(--bgcolor);
}
/*=====END BLOG area  ======*/



/*======== portfolio area start  ==========*/
.portfolio_area {
    padding: 115px 0 40px;
}
/* portfolio 2 css */
.portfolio_2{
    margin-bottom: 30px;
}
.portfolio_title h2{
    font-size: 16px;
    color: var(--bgcolor);
    text-transform: uppercase;
}
.portfolio_title h3{
    font-size: 40px;
    color: var(--titlecolor);
}
.portfolio_title p{
    width: 65%;
    color: #666666;
    margin: 0 auto;
}
/* portfolio 2 sub content css */
.portfolio_2_subc {
    padding: 0px 0 5px 15px;
}
.portfolio_2_subc h2 a{
    font-size: 24px;
    transition: .5s;
    color: var(--bgcolor);
}
.portfolio_2_subc h2 a:hover{
    color: var(--titlecolor);
}
.portfolio_nav_all{
    padding: 45px 0 35px;
}
/* portfolio nav css */
.portfolio_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.portfolio_nav ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    cursor: pointer;
    transition: 1s;
    margin-bottom: 10px;
    color: #666666;
}
.portfolio_nav ul li.current_menu_item{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.portfolio_nav ul li:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* portfolio items css */
.portfolio_img_area{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.portfolio_img_area img{
    width: 100%;
}
.portfolio_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #912ecb50;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_portfolio_items:hover .portfolio_overlay{
    opacity: 1;
    visibility: visible;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dc3e036b;
    text-align: center;
}
.overlay >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    color: var(--whitec);
    margin-right: 6px;
    transition: .5s;
    margin-top: 15%;
}
.overlay a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.overlay >a >i{
    font-size: 22px;
}
.overlay h2 a{
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    font-size: 24px;
    color: var(--whitec);
    transition: .5s;
}
.overlay h2 a:hover{
    background: none;
    color: var(--blackc);
}
.overlay p{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_portfolio_items:hover .overlay{
    opacity: 1;
    visibility: visible;
}
/* portfolio content css */
.portfolio_overlay_cont {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
}
.portfolio_overlay_cont >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    background-color: var(--bgcolor);
    color: var(--whitec);
    margin-right: 6px;
}
.portfolio_overlay_cont >a:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
.portfolio_overlay_cont >a i{
    font-size: 20px;
}
.portfolio_overlay_cont h2 a {
    margin-top: 10px;
    display: inline-block;
    font-size: 24px;
    color: var(--whitec);
    transition: .5s;
}
.portfolio_overlay_cont h2 a:hover{
    color: var(--titlecolor);
}
.portfolio_overlay_cont p{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_portfolio_items:hover .portfolio_overlay_cont{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
/* portfolio lower nav area css */
.portfolio_lo_nav_area{
    padding: 45px 0 0;
}
.inner_portfolio_lower_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_portfolio_lower_nav ul li{
    display: inline-block;
}
.inner_portfolio_lower_nav ul li a{
    display: inline-block;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
    margin: 0 5px;
    padding: 15px 24px;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.inner_portfolio_lower_nav ul li a.current{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a i{
    font-size: 22px;
}
/*======== portfolio area end  ==========*/

/*======== project information area start  ==========*/

.inner_project_information_img img{
    width: 100%;
}
/* inner project right content css */
.inner_project_right_content h2{
    font-size: 22px;
    margin: 10px 0 25px;
    color: #232323;
}
.inner_project_right_content p span{
    font-size: 16px;
    color: #666666;
    font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a{
    width: 48px;
    height: 48px;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px;
    background-color: var(--whitec);
    color: var(--titlecolor);
    font-size: 20px;
    margin-right: 4px;
}
.inner_project_in_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_project_right_content p{
    color: #666666;
    font-size: 16px;
}
/* inner project text area css */
.inner_project_text_area {
    margin-top: 25px;
}
.inner_project_text_area h2{
    font-size: 22px;
    color: #232323;
    margin: -10px  0 25px;
}
.inner_project_information_descrip {
    margin-bottom: 8px;
}
.inner_project_information_descrip h4{
    font-size: 16px;
    color: #666666;
}
.inner_project_information_descrip p{
    margin: 0;
    color: #666666;
}
/* inner project information description css */
.inner_project_infor_list{
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}
.inner_project_infor_list li{
    margin-bottom: 5px;
}
/*======== project information area end  ==========*/

/*======== blog left area start  ==========*/
.yblog_left {
    padding: 100px 0 90px;
}
.inner_yblog_form {
    margin-bottom: 30px;
    padding: 35px 30px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.inner_yblog_form input {
    width: 80%;
    outline: none;
    height: 55px;
    border: 1px solid var(--textcolor);
    margin-left: -15px;
    padding-left: 20px;
}
.inner_yblog_form button {
    display: inline-block;
    border: none;
    outline: none;
    padding: 16px 15px 15px;
    margin-left: -5px;
    background-color: #666666;
}
.inner_yblog_form button i{
    font-size: 18px;
    color: var(--whitec);
}
/* inner left title css */
.inner_blog_content.yblog_left_sub {
    padding: 25px 15px 30px;
}
/* single page */
.single_page_item{
    padding: 25px 0 30px !important;
}
.single_page_item h5{
    color: var(--titlecolor);
}
.single_psingle_page_itemage p{
    color: var(--btntlecolor);
}
.troub_prev_next_dsing {
    align-items: center;
    border-top: 1px solid 
    #dddddd;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 25px;
    margin: 30px 0;
    border-bottom: 1px solid 
    #dddddd;
}
.prevspost span, .nextspost span {
    display: block;
    font-size: 16px;
    color: #999;
    transition: .5s;
}
.prevspost a:hover{
    color: var(--bgcolor);
}
.single_page_item p iframe{
    width: 100%;
    height: 480px;
}
/* single page */

/* comment page */
.pocket_com_title {
    border-bottom: 1px solid #f7f7f7;
    padding: 32px 0 20px;
    margin-bottom: 30px;
}
.pocket_com_title h5{
    font-size: 21px;
    color: var(--titlecolor);
}
.comment-form-cookies-consent {
    margin: 10px 0 !important;
}
/* comment page */
.single_input input {
    margin: 0 18px 0 0;
}
label {
    cursor: pointer;
    color: var(--btntlecolor);
}
/* contact page */
.single_input {
    display: flex;
}
.md_20 {
    margin-top: 20px;
}
.tcon_form .c_blue:hover{
    background-color: #0b5ed7;
}
/* contact page */
.inner_yblog_left_title{
    margin: 30px 0 30px;
    width: 100%;
    padding: 25px 15px 30px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.inner_yblog_left_title h2 {
    font-size: 22px;
    position: relative;
    margin-bottom: 20px;
    color: var(--titlecolor);
}
.inner_yblog_left_title h2::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -8px;
    width: 19%;
    border-bottom: 2px solid var(--bgcolor);
    border-radius: 50%;
}
.inner_yblog_left_title a {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
    color: var(--titlecolor);
}
.inner_yblog_left_title a.bottom{
    border-bottom: none;
}
.inner_yblog_left_title a:hover{
    color: var(--bgcolor);
}
/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
    display: inline-block;
    font-weight: 700;
    font-size: 19px;
    color: #666666;
    transition: .5s;
    margin: 0 0 20px;
}
/* item */
.rcomment{
    color: var(--btntlecolor);
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 10px;
}
.bl_le_side_text {
    border-radius: 8px;
}
.bl_le_side_text h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
    caption-side: top;
    font-weight: 500;
    margin-bottom: 5px;
}
.t_month h5{
    background: var(--bgcolor);
    padding: 15px;
    color: var(--whitec);
    font-size: 14px;
    text-align: center;
}
/* category */
.inner_yblog_left_title ul{
    display: table-caption;
    margin: 0;
    padding: 0;
}
.inner_yblog_left_title ul li{
    list-style: none;
}
.inner_yblog_left_title ul li a{
    margin: 15px 0;
    font-weight: 400;
}
/* TABLE */
.bl_le_side_text h2 {
    color: var(--titlecolor);
    margin-bottom: 15px;
}
table, th, td{
    border: 1px solid #B3B3B3;
}
.ab_le {
    width: 20%;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid  var(--bgcolor);
}
.active_t{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.ycalender_inner h5 {
    background-color: var(--bgcolor);
    color: var(--whitec);
    padding: 14px 0 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
}
.ycalender_inner {
    width: 100%;
}
.ycalender_inner th {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
}
.ycalender_inner th {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
}
.ycalender_inner td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
}
.calender_text a{
    color: #454545;
}
/*======== blog left area end  ==========*/

/*===========START FOOTER area  ======*/
.footer_area{
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.sub_criber{
    text-align: center;
}
.sub_criber_text {
    margin-top: 125px;
}
.sub_criber_text h1{
    font-size: 36px;
}
/* subscrib */
.sub_criber_text input {
    height: 60px;
    width: 40%;
    border: none;
    outline: none;
    padding: 15px 35px;
    border-radius: 30px;
    margin: 30px 0 0;
}
.sub_criber_text button {
    margin-left: -46px;
    height: 60px;
    width: 15%;
    border-radius: 30px;
    border: none;
    outline: 0;
    color: var(--whitec);
    background-color: var(--btntlecolor);
}
/* footer item */
.main_item {
    margin: 120px 0 90px;
}
.footer_item1{}

.footer_item1 p {
    margin: 20px 0 5px;
    color: var(--whitec);
    font-size: 16px;
}
.footer_icon_text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer_icon_text ul li {
    line-height: 34px;
    color: var(--whitec);
    font-size: 16px;
}
.footer_icon_text ul li i {
    color: var(--whitec);
    margin-right: 5px;
}
/* footer item 2 */
.widged h2{
    color: var(--whitec);
    font-size: 22px;
    margin: 15px 0;
    position: relative;
}
.un_border::before {
    content: "";
    position: absolute;
    width: 100px;
    border: 1px solid var(--bgcolor);
    margin: -12px 0 0;
}
.widged a img {
    height: 100%;
    width: 100%;
    margin: 5px 0px 5px;
}
/* footer item 3 */
.widged ul {
    list-style: none;
    padding: 0;
    margin-top: 33px;
}
.widged ul li {
    margin-top: 15px;
}
.widged ul li a{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
    transition: .5s;
}
.widged ul li a:hover{
    color: var(--bgcolor);
}
/* footer item 4 */
.widged ul li i {
    float: left;
    font-size: 16px;
    line-height: 1.5;
    color: var(--whitec);
    font-weight: 700;
} 
/* footer content */
.widged  p {
    margin: 40px 0 21px;
    color: var(--whitec);
}  
.widged form input {
    height: 50px;
    width: 80%;
    outline: none;
    padding-left: 15px;
}                
.widged form button {
    padding: 12px 18px 14px;
    margin-left: -64px;
    border: none;
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.inner_btn_active{
    display: flex;
}
                                  
/* footer copy right */
/* FOOTER BORDER 1 */
.footer_border{
    position: relative;
    
}
.footer_border::before{
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: -10px;
    height: 20px;
    z-index: 9999;
    border-top: 1px solid var(--whitec);
}
/* FOOTER BORDER 1 */
.copy_border {

}
.copyright {
    padding-top: 71px;
    text-align: center;
}
.copyright p {
    font-weight: 500;
    color: var(--whitec);
    margin-top: -45px;
}
/*=====END FOOTER area  ======*/

/*======== copyright area start  ==========*/
.copyright_area {
    padding: 28px 0 10px;
    background-color: var(--hoverbg);
}
/* about copy right css*/
.about_copy_right_area {
    padding: 17px 0 2px;
}
.copyright_text p{
    color: var(--whitec);
}
/* copy right nav css */
.copyright_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.copyright_nav ul li{
    display: inline-block;
}
.copyright_nav ul li a{
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
    text-transform: uppercase;
}
.copyright_nav ul li a:hover{
    color: var(--titlecolor);
}
.about_copy_right_area .copyright_nav ul li a{
    text-transform: capitalize;
}
/*======== copyright area end  ==========*/
.witr_pd20 {
    margin-top: -115px;
}
/*======== scroll top btn css  ==========*/
#scrollUp {
    position: fixed;
    bottom: 30px;
    font-size: 22px;
    height: 40px;
    line-height: 42px;
    right: 40px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    color: var(--whitec);
    background: var(--bgcolor);
    display: none;
    cursor: pointer;
    z-index:999;
}