/*
    Template Name: Kidbo

    table of content
    ***************

    1. header top
    2. main menu area
    3. mobile menu
    4. slider_area
    5. product area
    6. about area
    7. shop area
    8. service_area
    9. video area
    10. counter_area
    11. testimonial area
    12. offer area
    13. s_slider
    14. brand area
    15. blog area
    16. port area
    17. cal_to_action
    18. footer_area

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

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

:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #ff8b43;
    --paracolor: #272727;
    --hoverbg: #70af39;
    --textcolor: #dddd;
    --titlecolor: #0F0B3C;
    --btntlecolor: #666;
}
html,body{
    overflow-x: hidden;
}
/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
}
a{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Laila', serif;
    text-decoration: none !important;
    color: var(--paracolor);
    transition: .5s;
}
P{
    font-size: 16px;
    font-weight: 400;
    color: #666;
    font-family: Roboto, sans-serif;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-size: 22px;
    font-weight: 700;
    display: block;
    font-family: 'Laila', serif;
    color: var(--titlecolor);
}
h2,
h2 a{
    font-size: 20px;
}
h3 a{
    font-size: 18px;
}
h4, h4 a{
    font-size: 16px;
}
h5, h5 a{
    font-size: 15px;
}
.btn-primary:focus,
select:focus,
textarea:focus,
input:focus{
   box-shadow: none !important;
    border: none;
}
textarea,
input{
	outline:none;
}
.btn:focus {
    text-decoration: none;
    outline: none;
	box-shadow: none;
}
input:focus,
button:focus{
	border-color:transparent;
	outline-color:transparent;
}
textarea: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;
}
h2 span{
    color: var(--bgcolor);
    font-weight: 700;
}
span{
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    color: var(--bgcolor);
}
.witr_all_pd0{
    padding: 0;
}
/*-------- top left area ----------*/
.header_top {
    padding: 10px 0;
    background-color: var(--bgcolor);
    padding-right: 60px;
    padding-left: 60px;
    margin-right: 90px;
    margin-left: 90px;
}
.top_menu_left{
    margin-left: 15px;
    color: var( --bgcolor);
}
.top_menu_left span {
    color: var(--whitec);
    margin-right: 10px;
    font-size: 14px;
}
.top_menu_left span i {
    margin-right: 6px;
}
/*--ICON--*/
.top_menu_left a i {
    margin-right: 6px;
    color: var(--whitec);
    font-size: 13px;
}
.top_menu_left a span{
    color: var(--whitec);
    font-size: 14px;
}

.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;
    margin-right: 15px;
}
.top_menu_right a{
    color: var(--whitec);
    margin-left: 15px;
    transition: .5s;
}
.top_menu_right a i{
    font-size: 15px;
}
.top_menu_right :hover{
    color: var(--titlecolor);
}
.absolute_menu .sticky .header_top{
    display: none;
}
/*--header_top_END--*/
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: 0;
    left: -110%;
    background: #ffc1077a;
    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 ==========*/

/* 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:hover{
    color: var(--bgcolor);
}
.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;
    margin-right: 150px;
}
.main_menu_all_item{
    align-items: center;
}
.site_logo_area {
    margin-left: 150px;
}
/* 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 30px 36px 30px;
    font-size: 16px;
    font-weight: 500;
    color: #272727;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
.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 {

    position: relative;
    border-left: 2px solid var(--bgcolor);
    margin-left: 40px;
}
.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;
}
/* 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: 14px;
    font-weight: 500;
    color: #444;
    text-transform: uppercase;
    padding: 6px 17px;
    font-family: 'Roboto', sans-serif;
}
.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 */

/* absolute menu css */
.absolute_menu{
    z-index: 999;
    background-color: var(--whitec);
    transition: .5s;

}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: #272727;
}
.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: inline-block;
    color: var(--titlecolor);
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 25px;
    border-radius: 100%;
    font-size: 20px;
    margin: 0 0;
}
.menu_btn {
    background: var(--bgcolor);
    display: block;
    font-size: 14px;

    border-radius: 50px;
    padding: 6px 15px;
}
.menu_btn a{
    color: var(--whitec);
}.menu_btn a i{
    color: var(--whitec);
}
.hsearch{
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 25px;
    cursor: pointer;
    transition: .5s;
    display: block;
    border-radius: 100px;
}
.hsearch:hover{
    background-color: var(--bgcolor);
}
.hsearch:hover i{
    color: var(--whitec);
}
.main_nav_cart{
    font-size: 20px;
    box-shadow: 0 0 30px 0 #d6c3c303;
    padding: 8px;
    border-radius: 100%;
    color: #222429;
}
.main_nav_cart{
    position: relative;
}
.twr_mini_cart {
    position: absolute;
    right: 15%;
    top: 100%;
    width: 300px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.main_nav_cart:hover .twr_mini_cart{
    opacity: 1;
    visibility: visible;
}
.twr_mini_cart .widget_shopping_cart {
    background: var(--whitec);
    width: 300px;
    padding: 14px 10px 10px;
    box-shadow: 0 0 18px 0 #0a0a0a0d;
    height: 280px;
    overflow-y: scroll;
}
.main_nav_cart a span {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 18px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: var(--bgcolor);
    border-radius: 100%;
    color: var(--whitec);
}
.twr_mini_cart p{
    margin: 0;
    padding: 20px 23px 25px;
}

.sticky .header_title a i{
    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: 70%;
    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: 72px;
    font-weight: 700;
    color: var(--whitec);
    margin: 0;
}
.inner_slider_content h2 span{
    font-size: 72px;
}
.sl_title{
    margin: 0 !important;
}
.inner_slider_content p {
    width: 53%;
    color: var(--whitec);
    font-size: 18px;
    font-weight: 500;
    margin: 35px 0 50px;
}
/* golobal btn css */
.g_btn{
    margin-top: 40px;
    border-radius: 0px 20px;
}
.g_btn a{
    display: inline-block;
    padding: 20px 50px;
    background: var(--bgcolor);
    color: var(--whitec);
    font-size: 14px;
    border-radius: 50px;
    font-weight: 700;
    border: 2px dashed  white;
}
.g_btn a:hover{
    background: var(--titlecolor);
    color: var(--whitec);
}
/* slider btn 2 */
.s_btn2 {
    background-color: var(--titlecolor) !important;
    margin-left: 10px;
}
.s_btn2:hover{
    background-color: var(--bgcolor) !important;
}
/* 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;
}

/* 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;
    transform: scale(1.2);
}
.slider_vedio iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* slider defult arrow css */
/* golobal slick defult arrow css */
.slider_area .slick-prev, .slider_area .slick-next {
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: none;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    right: 0;
    color: var(--titlecolor);
}
/* slider icon hover */
.slider_area .slick-prev:hover , .slider_area .slick-next:hover{
    border-radius: 0;
    margin: 0 10px 0 10px;
}
.slider_area .slick-prev::before:hover , .slider_area .slick-next::before:hover{
    font-size: 50px;
    color: var(--bgcolor);
}
.slider_area .slick-prev{
    left: 0;
}
.btestimonial .slick-next{
    right: 42%;
}
.slider_area .slick-prev::before , .slider_area .slick-next::before{
    content: "\eac9";
    font-family: IcoFont;
    font-size: 50px;
    font-weight: 700;
    transition: 1s;
}
.slider_area .slick-next::before {
    content: "\eaca";
    margin-left: 0;
}
.slider_area:hover .slick-prev , .slider_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
    background-color: var(--bgcolor);
}

/* h2 slider */

.k_h2_alider{
    margin: 0 150px;
}
.sh2_ac {
    background-position: center center;
    border-radius: 10px;
    background-size: cover;
    height: 720px;
    display: flex;
    align-items: center;
}
/* title */
.sh2_title h2{
    font-size: 60px;
    color: var(--titlecolor);
}
.sh2_title h2 span{
    font-size: 60px;
}
.sh2_title h1{
    color: var(--titlecolor);
    font-size: 18px;
}
/* h3 slider */
.h3_slider{
    text-align: left;
}
.h3_slider h1{
    color: var(--bgcolor);
}
.h3_slider h2{
    color: var(--titlecolor);
}
/* h3 */
.h3_item {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin: 0 0;
    padding: 20px 0 35px 0px;
    width: 87%;
}
/* title */
.h3_con{
    margin-top: 25px;
}
.h3_con p{
    color: 
    rgb(68, 68, 68);
    font-family: "Laila", Sans-serif;
}
.h3_test_title h1{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--bgcolor);
    padding: 0px 0px 20px 0px;
}
.h3_test_title h2{
    font-size: 48px;
}
.h3_test_title h2 span{
    font-size: 48px;
}
/* slick */
.h3_testmonial .slick-prev {
    left: 38%;
}
.h3_testmonial .slick-prev, .h3_testmonial .slick-next {
    top: 95%;
}

/*======== slider area end  ==========*/



.breadcumb_area{
    position: relative;
}
.breadcumb_area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0,0,0,0.3);
}
.sab_text {
    text-align: center;
    padding: 52px  0;
}
/* title */
.sab_text h2 {
    font-size: 30px;
    color: var(--whitec);
    margin: 0;
}
.breadcumb_inner ul{
    color: var(--whitec);
    display: block;
}
.breadcumb_inner li {
    display: inline-block;
    margin: 0 2px;
    list-style: none;
}
.breadcumb_inner ul li a{
    color: var(--whitec);
}
.current{
    color: var(--whitec);
}

/*======== PRODUCT AREA START  ==========*/
.product_area {
    padding: 120px 0 0;
}
.product_item h4{
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
    margin: auto;
    font-size: 16px;
    transition: .5s;
    padding: 0px 0px 15px 0px;
}
.product_item h4:hover{
    color: var(--bgcolor);
}
.product_item h2 {
    font-size: 42px;
}
.product_item h2 span{
    font-size: 42px;
}
.product_item p{
    width: 87%;
}
/* product btn */
.pro_btn{
    margin: 0;
}
.pro_btn a{
    border: none;
}
/* product item1 */
.pr_kd {
    text-align: center;
    margin-bottom: 26px;
}
.pr_kd h2 a{
    font-size: 18px;
    transition: .5s;
    padding: 20px 0 0 0;
}
.pr_kd h2 a:hover{
    color: var(--bgcolor);
}
.single_product{
    margin-bottom: 70px;
}
/*======== PRODUCT AREA END  ==========*/

/*======== ABOUT AREA START  ==========*/

.about_area {
    padding: 0 0 20px;
}
.inner_color{
    color: var(--bgcolor);
}
/* content 2*/
.e_con_area{
    border-top: 2px dashed var(--bgcolor);
}
/* month, year css */
.month_sec {
    display: flex;
    margin-top: 25px;
}
.month_sec h4{
    font-size: 24px;
}
.month_active{
    margin-right: 85px;
}
/* title */
.month_active h4{
    margin-bottom: 20px;
}.year_active h4{
    margin-bottom: 20px;
}
/* product btn */
.pr_ac a{
    border: none;
}
/* pr title */
.pro_title h2{
    font-size: 24px;
}.pro_title h2 span{
    font-size: 24px;
}
/* inner pr item */
.inner_pr_item {
    margin-top: 115px;
    width: 97%;
}
.about_title img{
    width: 100%;
    animation: title_shap 5s linear 1s infinite alternate running;
}
@keyframes title_shap{
    0%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
/* k2 about slider */
.about_area_slider {
    padding: 10px 0  20px;
}
/* h3 about */
.h3_ab{
    padding: 80px 0 80px;
}
.sh_h2_shap.h3_s_ab img{
    left: 100%;
}
/* ABOUT PAGE */
.br_ab {
    margin-top: -3px;
    padding: 0 0 20px;
}

/*======== ABOUT AREA END  ==========*/

/*======== COUN DOWN START  ==========*/
.coun_down_area{
    padding: 40px 0 80px;
    position: relative;
    z-index: 1;
}
.co_do_text img{
    width: 120%;
    max-width: 200%;
    left: -245px;
    position: relative;
}
.h3_co_d{
    width: 70%;
}
/* title */
.h3_co_d h2{
    font-size: 48px;
}
.h3_co_d span{
    font-size: 48px;
}
/* timmer */
.tx_countdown_box {
    display: inline-flex;
    border-radius: 10px;
    text-align: center;
    gap: 25px;
}
.tx_single_countdown{
    padding: 15px 20px 0;
    font-size: 45px;
    font-weight: 400;
    border-radius: 5px;
    color: var(--whitec);
    background-color: var(--titlecolor);
}
.tx_countdown_box span {
    font-size: 45px;
    font-family: Roboto, sans-serif;
    color: var(--whitec);
    margin-bottom: -10px;
}
.tx_countdown_box p{
    font-size: 19px;
    color: var(--whitec);
}
.tx_single_countdown.witr_digit{
    margin-left: 25px;
}
/* coundowm shap */

.h3_cd_shap img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    animation: witr_movelr_box45  5s  linear  1s  infinite  alternate  running;
}
@keyframes witr_movelr_box45{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
/* btn */
/*======== COUN DOWN END  ==========*/

/*======== SHOP AREA START  ==========*/

.shop_area {
    padding: 60px 0 60px;
    position: relative;
    z-index: 9;
}
.br_title{
    position: relative;
}
.br_title img {
    position: absolute;
    top: -45px;
    left: 0;
    z-index: -1;
    animation: shop_shap 5s  linear  1s  infinite  alternate  running;
}
@keyframes shop_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
.br_title h2{
    font-size: 48px;
}.br_title h2 span{
    font-size: 48px;
}
/* br border */
.br_border{
    border-bottom: 3px dashed var(--bgcolor);
}
.pd30{
    margin-bottom: 15px;
}
.tbd_product {
    position: relative;
    text-align: center;
    background-color: #F1F1F1;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 15px 15px 15px 15px;
    margin: 0 15px;
    padding: 35px 0px 35px 0px;
}
.tbd_product:hover{
    border-color: var(--bgcolor);
    background-color: var(--whitec);

}
.overlay_shop {
    opacity: 0;
    transition: .5s;
    bottom: -20px;
    position: relative;
    margin-top: -40px;
}
.tbd_product:hover .overlay_shop{
    opacity: 1;
    bottom: 20px;
}
/* pr icon */
.overlay_shop a{
    text-align: center;
}
.overlay_shop a i{
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    margin: 0 3px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    background-color: var(--whitec);
    transition: all .3s linear;
    box-shadow: 0 0 10px 0 rgb(27 81 209 / 10%);
}
.overlay_shop a i:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/* pr text area */
.tbd_product_text{
    text-align: center;
    display: block;
    overflow: hidden;
    padding: 20px 20px 18px;
}
.tbd_product_text h2 a{
    transition: .5s;
    font-size: 24px;
}
.tbd_product_text h2 a:hover{
    color: var(--bgcolor);
}
.tbd_product_text span{
    font-size: 16px;
    font-weight: 700;
}
.pr_icon i{
    color: var(--bgcolor);
}
/* btmn */
.k_btn{
    width: 100%;
    margin-top: 25px;
}
.k_btn a {
    border: none;
    display: block;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
/* h2 shop */
.shop_area .h2_shop{
    text-align: center;
}
.portfolio_nav.h2_portfolio ul li.current_menu_item{
    background-color: white;
    color: var(--bgcolor);
}
.portfolio_nav.h2_portfolio ul li:hover {
    background-color: var(--whitec);
    color: var(--bgcolor);
}
.portfolio_nav.h2_portfolio ul li{
    border: none;
}
.h2_sh img {
    position: absolute;
    top: -45px;
    left: 41%;
    animation: shop_shap 5s  linear  1s  infinite  alternate  running;
}
/* btn */
.sh_btn a{
    border-radius: 50px;
    background-color: var(--titlecolor);
}
.sh_btn a:hover{
    background-color: var(--bgcolor);
}
/* p shap */
.shop_area .h2_shop{
    background-size: cover;
    background-position: center center;
}
.shop_img img {
    margin: 0 auto;
    width: 100%;
}
.p_product{
    border: 1px solid transparent;
    background-color: #FCEFE7;
}
.p_product:hover{
    border-color: #080023;
    border-style: solid ;
    border-width: 1px 1px 1px 1px;
    background-color: #C3C2CE;
}
/* br shop */

/* single page shop area css */
.tab_list_main{
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
    margin-bottom: 30px !important;
}
.inner_tab_list_text{
    padding: 15px 0;
}
.single_page_shop{
    padding: 105px 0 105px;
}
.single_page_shop .inner_shop_area {
    box-shadow: 0px 0px 10px 0px rgba(148,146,245,0.2);
    padding: 0 0 5px;
    margin-bottom: 20px;
}
.single_page_shop .inner_shop_img{
    background: none;
    border: none;
    padding: 10px 0 0;
}
.single_shop_btn a {
    width: 38px;
    line-height: 38px;
    height: 38px;
    border-radius: 50%;
    margin-right: 3px;
    text-align: center;
    transition: all .3s linear;
    display: inline-block;
    box-shadow: 0 0 10px 0 rgb(27 81 209 / 10%);
}
.single_shop_btn a:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/* single shop page */

/* select items area css */
.inner_single_course_right_select{
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
}
.inner_shop_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
/* shop btn area css */
.shop_btn_area {
    margin-top: 20px;
}
.shop_btn_area a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0 20px;
    width: 100%;
    background-color: var(--bgcolor);
    color: var(--whitec);
    text-align: center;
}
.shop_btn_area a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_shop_area:hover .overlay_shop{
    opacity: 1;
    bottom: 20px;
}
/* select items css */
.inner_shop_right_icon ul li a.active{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.select_items {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}
.inner_shop_title_right{
    display: flex;
    align-items: center;
}
.inner_shop_right_icon a{
    font-size: 22px;
    margin: 1px 0 0;
    padding: 2px 9px 2px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 5px;
    color: #333;
    border: 1px solid #e8e8e8;
}
.inner_shop_right_icon a.active_shop_icon{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_shop_content h2 a {
    transition: .5s;
    margin: 10px 0;
}
.inner_shop_content h2 a:hover{
    color: var(--bgcolor);
}

/* inner shop page */

/* list */
.page_numbers{
    margin-top: 35px;
    text-align: center;
}
.page_numbers ul li{
    list-style: none;
    display: inline-block;
}
.page-numbers.current{
    padding: 18px 24px;
    border-radius: 5px;
    background-color: var(--bgcolor);
}
.page_numbers ul li a{
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
    margin: 0 5px;
    padding: 15px 24px;
    transition: .5s;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page_numbers ul li a:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/* single shop page */
.pr_details {
    margin: 100px 0 -58px;
}
.woocommerce_notices {
    display: flex;
    background-color: #f6f5f8;
    justify-content: space-between;
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #f6f5f8;
    border-top: 3px solid var(--bgcolor);
}
.woocommerce_notices::before {
    font-family: IcoFont;
    content: "\eed6";
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    color: var(--whitec);
    border-radius: 100px;
    background-color: var(--bgcolor);
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
}
/* btn */
.de_btn a{
    padding: 8px 15px;
    color: var(--whitec);
    transition: .5s;
    font-weight: 700;
    font-size: 16px;
    border-radius: 5px;
    background-color:var(--bgcolor);
}
.de_btn a:hover{
    background-color: var(--titlecolor);
}
/* item 2 */
.single_shop_img {
    position: relative;
}
.single_shop_img img{
    width: 100%;
}
.single_shop_img a{
    position: absolute;
    top: 0;
    right: 0;
}
.summer_entry{}
.product_title {
    margin-bottom: 4px;
    font-size: 24px;
}
.single_pcart {
    display: flex;
    align-items: baseline;
}
.summer_entry i{
    color: #ffc107;
}
.summer_entry a span{
    margin-left: 20px;
}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important;
}
.quantity input{
    margin: 0 10px;
    height: 39px;
    width: 90px;
    margin-left: 20px;
    border: 1px solid #dddddd;
}
/* input btn */
.single_add_to_cart_button{
    padding: 12px 15px;
    line-height: 16px;
    font-size: 14px;
    text-transform: uppercase;
    transition: all .2s;
    border: none;
    font-weight: 500;
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.single_add_to_cart_button i{
    color: var(--whitec);
    margin-right: 5px;
}
/* heart icon */
.heart_icon a{
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 20px;
}
.posted_in{
    color: #444444;
    display: block;
    font-weight: 700;
    margin-top: 7px;
}
.posted_in a{
    font-weight: 700;
    font-size: 16px;
    font-family: Roboto, sans-serif;
}
.posted_in a:hover{
    color: var(--bgcolor);
}
.comment_kidbo_btn{
    transition: .5s;
}
.comment_kidbo_btn:hover{
    background-color: var(--titlecolor);
}
/* item 3 */
.review_area{
    position: relative;
}
.re_btn a{
    font-weight: 700;
    padding: .5em 20px;
    color: var(--whitec);
    border-radius: 5px 5px 0 0;
    background-color: var(--bgcolor);
}
.re_btn::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #cfc8d8;
    z-index: 1;
    margin-bottom: -20px;
}
/* title */
.woocommerce_Reviews_title {
    font-size: 20px;
    padding-top: 40px;
    margin-bottom: 20px;
}
.comment_coc {
    margin: -62px 0 0 69px;
    border: 1px solid #e1dde7;
    border-radius: 4px;
    padding: 1em 1em 0;
}
.comment_i {
    float: right;
    margin: -87px 0;
}
.comment_i i{
    color: var(--bgcolor);
}
.form_comment {
    margin: 0 0 10px;
}
p.comment-form_comment {
    margin: 50px 0;
}
textarea {
    width: 100%;
}
/* coupon */
.coupon input {
    margin: 10px 0 30px;
    height: 40px;
    width: 100%;
}
.coupon button{
    padding: 10px 25px;
    transition: .5s;
    margin-bottom: 10px;
}
.coupon button:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/*======== SHOP AREA END  ==========*/

/*======== SERVICE AREA START  ==========*/
.service_area {
    padding: 60px 0px 50px 0px;
    position: relative;
}
.single_ser{
    text-align: center;
}
.single_ser h2 a{
    padding: 15px 0px 0px 0px;
    font-size: 20px;
    transition: .5s;
}
.single_ser h2 a:hover{
    color: var(--bgcolor);
}
/* cart area */
.kdcart_area{
    padding: 100px 0 50px;
}
.cart__sidebar {
    display: block;
    font-family: inherit;
    font-size: .75em;
    font-style: inherit;
    padding: .25rem 0;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}
.enter_in{
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 7%, .8);
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    padding: 1em;
    width: 100%;
    margin-top: 20px;
}
.subt {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding: 16px 0;
    margin-top: 25px;
}
.cart_btn{
    text-align: center; 
    font-weight: 700;
}
.cart_btn a:hover{
    color: var(--bgcolor);
}
/*======== SERVICE AREA END  ==========*/

/*======== SKILL AREA START  ==========*/
.video_area {
    padding: 50px 0 30px;
    position: relative;
    margin: 60px 200px 30px;
}
.skill_im img {
    width: 100%;
}

/*------- SKILL AREA END --------*/


/* ----- counter area ------ */
.counter_area {
    border-radius: 30px;
    margin: 0 200px 60px;
    background-color: var(--bgcolor);
    padding: 35px 50px;
    position: relative;
}
.counter_border{
    border: 2px dashed var(--whitec);
    border-radius: 30px;
}
.ab_counter {
    display: flex;
    margin-left: 30px;
    justify-content: center;
    margin-top: 40px;
    align-items: baseline;
}
.counter_active {
    text-align: center;
    margin-bottom: 20px;
}
.counter_active img {
    position: absolute;
    margin-left: -60px;
    margin-top: -20px;
}
/* counter site shap */
.counter_site_shap img {
    margin-top: -175px;
}
.counter_active h3{
    font-size: 48px;
}
.counter_active span{
    font-size: 48px;
    line-height: 1.1;
    color: var(--titlecolor);
}
.counter_active h4{
    display: inline-block;
    color: var(--whitec);
    font-size: 18px;
}

/* about */
.counter_area.ab_counter{
    margin: 120px 0;
}
/* counter h2 */
.h2_counter_area {
    padding: 120px 0 0;
}
.co_h2{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FF8B43;
    border-radius: 20px 0px 20px
}
.co_h2 h4{
    color: #FF8B43;
}
/* content 1*/
.co_item2{
    border-width: 2px 2px 2px 2px;
    border-color: #00C172;
    border-radius: 20px 0px 20px
}
.co_item2 h4{
    color: #00C172;
}
/* content 3*/
.co_item3{
    border-width: 2px 2px 2px 2px;
    border-color: #00C4FC;
    border-radius: 20px 0px 20px
}
.co_item3 h4{
    color: #00C4FC;
}
/* content 3*/
.co_item4{
    border-width: 2px 2px 2px 2px;
    border-color: #635BC6;
    border-radius: 20px 0px 20px
}
.co_item4 h4{
    color: #635BC6;
}
/* h3 */
.h3_co{
    background-color: #FAF5F2;
}
/*======== COUNTER AREA START  ==========*/


/*======== MEMBER AREA START  ==========*/
.testimonial_area{
    padding: 60px 0;
    position: relative;
}
.single_test{
    display: flex ;
}
.test_text h2{
    width: 80%;
    font-size: 24px;
    font-weight: 600;
    margin-top: 35px;
    padding: 0px 50px 15px 0px;
}
.test_text h5{
    font-size: 14px;
    color:  rgb(51, 51, 51);
}
.test_text h5 span{
    font-weight: 700;
    font-size: 16px;
    color: var(--bgcolor);
}
.test_text{
    margin-left: 60px;
}
/* slick-dots */
.slick-dots {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 99%;
    list-style: none;
}
.slick-dots li button{
    display: inline-block;
    outline: none;
   border: none;
   font-size: 0;
    line-height: 20px;
   width: 20px;
   background-color: var(--titlecolor);
   height: 20px;
   border-radius: 5px 5px 5px 5px;
   margin-top: 10px;
}
.slick-dots li.slick-active button {
    background: var(--bgcolor);
}
/* h2 test */
.h3_testmonial {
    position: relative;
    margin: 60px 0;
}
.v_img{
    position: relative;
    margin: 0 0 0 100px;
}
.te_test_shap {
    left: -35%;
}
.te_test_shap img{
    position: absolute;
    top: 0;
    left: 10%;
}
.h2_test {
    border-style: solid;
    border-width: 5px 5px 0px 0px;
    border-color: #FF8B43;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin: 5px 58px 05px;
    padding: 20px 18px 35px 40px;
}
.h2_test_text p {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    width: 90%;
}
.h2_test_img {
    display: flex;
}
.tr_vedio_vano_box.h3_s_video{
    padding: 0;
}
.h2_test_img img{
    margin-right: 10px;
}
.title_area{
    margin-top: 20px;
}
.title_area span{
    font-size: 18px;
    font-weight: 700;
}
/* video area */
.tr_vedio_vano_box {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    padding: 245px 0;
}
.tr_vedio_vano_box a{
    top: 50%;
    position: absolute;
    display: inline-block;
    color: var(--titlecolor);
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    font-size: 23px;
    border-radius: 100%;
    transition: .5s;
    background-color: transparent;
    animation: witr-shadow 1s linear infinite;
    background-color: var(--whitec);
}
.tr_vedio_vano_box a i{
    margin-top: -50px;
}
@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{
    color: var(--bgcolor);
}
/* tesimonial 5 */
.testimonial_area.md_cl {
    padding: 140px 0;
}
.te_5 {
    margin-top: 45px;
}
/*======== MEMBER AREA EMD  ==========*/

/*===== OFFER AREA START ======*/

.offer_area{
    padding: 60px 0;
    position: relative;
}
.offer_ac {
    border-radius: 10px 10px 10px 10px;
    position: relative;
    margin-bottom: 20px;
}
.offer_ac img{
    width: 100%;
}
.inner_of_text {
    padding: 30px 30px 30px 40px;
    top: 0;
    position: absolute;
}
.offer_ac h1 a{
    color: var(--whitec);
    font-size: 36px;
    transition: .5s;
}
.offer_ac h1 a:hover{
    color: var(--bgcolor);
}
/* offer btn */
.offer_btn a{
    font-weight: 700;
    color: var(--whitec);
}
.offer_btn a i{
    font-size: 14px;
}
/* h2 offer area */
.h2_offer_area{
    margin-top: 40px;
} 
.off_text {
    padding: 40px 0;
    text-align: center;
}
.offer_active {
    width: 95%;
}
.h2_offer_area .slick-next {
    right: -76px;
}
.h2_offer_area .slick-prev {
    left: -6%;
}
.h2_offer_area .slick-prev, .h2_offer_area .slick-next {
    top: 50%;
}
.h2_offer_area .slick-next.slick-arrow:hover {
    background: var(--bgcolor);
}
.h2_offer_area .slick-prev.slick-arrow:hover {
    background: var(--bgcolor);
}

/*====== OFFER AREA END =======*/


/*===== SHOP SLIDER AREA START ======*/

.s_slider{
    padding: 60px 0 30px;
}
.sborder{
    margin-bottom: 40px;
}
.w30{
    width: 80%;
}
/* golobal slick defult arrow css */
.s_slider .slick-prev ,
.s_slider .slick-next{
    top: -21%;
    background-color: var(--titlecolor);
    border-radius: 100px;
}
.s_slider .slick-prev{
    left: 91%;
}
.s_slider .slick-next{
    right: 0%;
}
.s_slider .slick-prev::before ,.s_slider .slick-next::before{
    color: var(--whitec);
}
 .slick-next::before{
    content: "\ea94";
}
 .slick-prev:hover, .slick-next:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*===== SHOP SLIDER AREA END ======*/



/*======== BRAND AREA START  ==========*/
.brand_area {
    padding: 60px 0px 60px 0px;
}
/* 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 .slick-prev , .brand_area .slick-next{
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    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(--titlecolor);
    opacity: 0;
    visibility: hidden;
}
.brand_area .slick-prev.slick-arrow:hover {
    background: var(--bgcolor);
}
.brand_area .slick-next.slick-arrow:hover {
    background: var(--bgcolor);
}
.brand_area .slick-prev{
    left: -6%;
}
.brand_area .slick-next{
    right: -3%;
}
.brand_area:hover .slick-prev , .brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}

/*======== BRAND AREA END  ==========*/

/*======== FAQ AREA START  ==========*/
.faq_area {
    padding: 120px 0 70px;
    position: relative;
}
.kd_border{
    margin: 0 0 65px;
    width: 90%;
}
/* inner faq accrodion item css */

/* inner faq accrodion item css */
.inner_faq_ac_item {
    margin-bottom: 20px;
    border-radius: 5px;
}
.inner_faq_ac_item a {
    width: 100%;
    font-size: 17px;
    padding: 15px 30px 15px 20px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-style: dashed;
    border-width: 2px 2px 2px 2px;
    border-radius: 5px;
}
.inner_faq_ac_item a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_faq_ac_item a i{
    font-size: 22px;
    font-weight: 700;
}
.inner_faq_ac_item a.active{
    background-color: var(--bgcolor);
    color: var(--whitec);
    position: relative;
}
.inner_faq_ac_item a.active::before {
    content: '\eacb';
    font-family: Icofont!important;
    position: absolute;
    top: 15px;
    bottom: 0;
    right: 30px;
    font-size: 22px;
}
.inner_faq_ac_item a.active i{
    display: none;
}
/* inner faq text */
.inner_faq_text {
    width: 100%;
    border-radius: 0 0 5px 5px;
}
.inner_faq_text p {
    margin: 20px 20px 20px 20px;
    font-weight: 400;
}
/* faq before icon */
.inner_faq_text:before {
    position: absolute;
    content: '\eacb';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 600;
    margin-top: -35px;
    color: var(--titlecolor);
}
.inner_faq_text .collapse{
    color: var(--bgcolor);
}
.main_appartment .apartment_area{
    width: 83%;
}
.twr_form_box.main_con input{
    margin: 0;
    height: 60px;
}
/* shap img */
.con_shap {
    position: absolute;
    top: -106px;
    right: -168px;
    animation: con_shap 1.5s ease-in-out infinite;
}
@keyframes con_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
/*======== FAQ AREA END  ==========*/

/*======== faq area start  ==========*/
.main_accordion_area  {
    padding: 120px 0 70px;
}
.inner_faq_img img{
    width: 100%;
}
.inner_faq_content{
    padding: 35px 0 0;
}
.inner_faq_content h2{
    font-size: 16px;
    color: var(--bgcolor);
}
.h3_section_title{
    width: 80%;
}
.h3_section_title h2{
    font-size: 16px;
    color: var(--bgcolor);
}
.h3_section_title h3{
    font-size: 48px;
    color: var(--titlecolor);
}
.h3_section_title p{
    color: #666666;
}
/* faq title */
.inner_faq_content h3 {
    font-size: 40px;
    width: 85%;
    margin: 20px 0 25px;
}
/* faq title content */
.inner_faq_content p {
    padding: 5px 0 25px;
    width: 83%;
    font-weight: 400;
}

.single_ac_items a i{
    font-size: 15px;
}
.inner_ac_items p{
    color: #666666;
    width: 88%;
    padding: 20px 20px 20px 0;
    font-weight: 400;
}
.inner_ac_items a.active {
    background-color: var(--bgcolor);
}
/* inner faq accrodion item css */
.inner_faq_ac_item {
    margin-bottom: 15px;
    position: relative;
}
.inner_faq_ac_item a i:hover{
    color: var(--bgcolor);
}
.active.witr_ac_style a{
    background-color: var(--bgcolor);
}
/* inner faq text */
.inner_faq_text p {
    width: 100%;
    background-color: var(--whitec);
    padding: 20px 20px 20px 20px;
    font-weight: 400;
}
.faq_page{
    width: 85%;
}
/*======== faq area end ==========*/

/*===== CONTACT AREA START =====*/

.witr_apartment_form {
    padding: 120px 0px 0;
}
/* title */
.apartment_text span{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: 'Laila', serif;
}
.apartment_text h2{
    font-size: 48px;
}
.apartment_text p {
    margin: 0 0 30px;
    width: 95%;
}
.apartment_area .con_btn a{
    border-radius: 10px;
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
}
.single_p_inner_contact_form input {
    width: 100%;
    height: 45px;
    outline: none;
    margin-bottom: 20px;
    color: var(--paracolor);
    padding: .375rem .75rem;
    border: 1px solid #ddd;
}
.single_p_inner_contact_form input:hover{
    border: 1px solid #0000ff40;
}

.single_p_inner_contact_form textarea{
    height: 160px;
    border: 1px solid #ddd;
    padding: .375rem .75rem;
}
.single_p_inner_contact_form textarea:hover{
    border: 1px solid  #0000ff40;
}
.single_p_inner_contact_form button {
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    color: var(--whitec);
    background-color: var(--bgcolor);
    font-size: 16px;
    margin-top: 10px;
    border-radius: 5px;
    transition: .5s;
}
.single_p_inner_contact_form button:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
/* comment area */
.twr_form_box{
    margin-bottom: 25px;
}
/* text right area */
.contact_text_area{
    padding: 60px 35px 60px;
}
.contact_text_area h2{
    font-size: 35px;
}
.contact_text_area p{
    width: 74%;
    margin-top: 10px;
}
/*===== CONTACT AREA END =====*/
.co_social_icon{
    margin: 0;
    padding: 0;
}
.co_social_icon li {
    list-style: none;
    margin: 50px 0;
}
.co_social_icon li i{
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    color: var(--whitec);
    margin-right: 10px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #6145C7 0%, #080023 100%);
}
.co_social_icon li i:hover{
    background-color: transparent;
    background-image: linear-gradient(90deg, #080023 0%, #6145C7 100%);
}
.co_social_icon li a{
    font-size: 17px;
}
.inner_contact_map iframe {
    width: 100%;
    height: 500px;
    margin-bottom: -7px;
}
/*===== TESTIMONIAL AREA =====*/
.btestimonial{
    position: relative;
}
.btest_im img {
    width: 100%;
}
.btest_im a {
    position: absolute;
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 23px;
    border-radius: 100%;
    color: var(--bgcolor);
    background-color: var(--whitec);
    top: 50%;
    left: 17%;
    text-align: center;
    animation: witr_squares 1.5s ease-in-out infinite;
}
@keyframes witr_squares{
    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);
   }
}
/* testimonial slider */
.ab_btext {
    margin-top: 100px;
}
.ab_btext h2 {
    font-size: 16px;
    color: var(--bgcolor);
}
.ttext {
    margin-left: 25px;
}
.ab_btext h3{
    width: 60%;
    margin: 0 0 60px;
    font-size: 40px;
}
.ttext p {
    width: 59%;
    margin: 20px 0;
}
.ttext i{
    color: var(--bgcolor);
    font-size: 54px;
}
.em_testi_title h2{
    font-size: 22px;
    display: inline-block;
    color: var(--titlecolor);
}
.em_testi_title h2 span{
    display: block;
    color: var(--btntlecolor);
}
/* golobal slick defult arrow css */
.slick-prev ,
.slick-next{
    position: absolute;
    top: 85%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100px;
    text-align: center;
    background: none;
    outline: none;
    border: none;
    font-size: 0;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    background-color: var(--titlecolor);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    opacity: 1;
    visibility: visible;
}
.slick-prev{
    left: 45%;
}
.slick-next{
    right: 42%;
}
.slick-prev::before , .slick-next::before{
    content: "\ea93";
    font-family: IcoFont;
    font-size: 50px;
    font-weight: 700;
    color: var(--whitec);
    transition: 1s;
    margin-left: -10px;
}
 .slick-next::before{
    content: "\ea94";
}
 .slick-prev:hover, .slick-next:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
/* client testimonial area */
.main_test_area{
    text-align: center;
}
.testiCreCon {
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-radius: 5px;
    padding: 50px 10px 50px;
    margin-bottom: 35px;
    width: 77%;
}
.testiCreCon p{
    margin: 0;
}
/* test after */
.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;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
.testAuthor {
    margin-left: -85px;
}
.testAuthor span{
    color: var(--btntlecolor);
}
/*===== TESTIMONIAL AREA =====*/

/*=====START TR TEAM AREA START  ======*/
.tr_tasti_shap{
    padding: 120px 0;
    position: relative;
    background-color: #F3F3F3;
}
.test_shap img{
    top: 20%;
    position: absolute;
    left: 5%;
    animation: logo 5s linear infinite;
}
@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);
}
/* 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;
}
/* title */
.inner_text_contant_thumb span{}
.inner_text_contant_thumb h3{
    color: var(--titlecolor);
    font-weight: 700;
    font-size: 40px;
}
   
/* 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;
}
.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);
}
/*===== END TR TEAM AREA ======*/



/*===== START BLOG area  ======*/
.blog_area{
    position: relative;
    padding: 60px 0px 60px 0px;
}
/* start latest sec title */
.latest_sec_title {
    position: relative;
    overflow: hidden;
    width: 90%;
}
.latest_sec_title:hover{
    box-shadow: none;
}
.latest_sec_thumb{
    overflow: hidden;
    position: relative;
}
.latest_sec_thumb img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .5s;
    position: relative;
}
.latest_sec_title:hover .latest_sec_thumb img{
    transform: scale(1.2);
}
.wblogovermeta {
    position: absolute;
    left: 15px;
    bottom: 0;
    z-index: 999;
}
.wblogovermeta span, .wblogovermeta span a {
    display: inline-block;
    color: var(--whitec);
    background: var(--bgcolor);
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
/* OVERLAY */
.latest_sec_title:hover .blog_overlay{
    transform: scale(1.4);
}
.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_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;
}
.latest_sec_title:hover .latest_sec_thumb a{
    visibility: visible;
}
/* blog slide */

.blog_area .slick-prev ,.blog_area .slick-next{
    top: -20%;
}
.blog_area .slick-prev.slick-arrow:hover {
    background: var(--titlecolor);
}
.blog_area .slick-next.slick-arrow:hover {
    background: var(--titlecolor);
}
.blog_area .slick-prev{
    left: 93%;
}
.blog_area .slick-next{
    right: -3%;
}
.blog_area:hover .slick-prev , .blog_area:hover .slick-next{
    background-color: var(--bgcolor);
    color: var(--whitec);
    opacity: 1;
    visibility: visible;
}

/* main blog text */
.blog_area_text a{
    padding: 15px 0 10px;
    font-size: 16px;
    margin-right: 10px;
    color: #888;
    transition: .5s;
}
/* blog text hover */
.blog_area_text a:hover{
    color: var(--bgcolor);
}
.blog_area_text a i{
    display: inline-block;
    width: 17px;
    height: 17px;
    font-size: 16px;
    color: var(--bgcolor);
}
.blog_area_text h2 a{
    font-size: 18px;
    color: var(--titlecolor);
    display: inline-block;
}
.blog_area_text h2 a:hover{
    color: var(--bgcolor);
}
.blog_area_text p {
    font-size: 14px;
    margin: 10px 0 25px;
}
/* btn */
.learn_more_adn a{
    color: var(--btntlecolor);
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #FFFFFF;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: 600;
    transition: .5s;
}
.learn_more_adn a:hover{
    color: var(--bgcolor);
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
/* inner blog area */
.recent_blog{
    height: 54.3%;
}
.read_area{
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left;
}
.read_btn a{
    border: 1px solid #ddd;
    display: inline-block;
    padding: 10px 20px;
}
.read_btn a:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/* h2 blo area */
.h2_bl{
    padding: 15px 20px 24px;
    background-color: #FCEFE7;
}
.h2_bl_span {
    bottom: 54%;
}
/*===== END BLOG AREA  ======*/

/*===== START PORT AREA  ======*/
.port_area{
    padding: 50px 0px 60px 0px;
    margin: 0 200px;
}
.pr_overlay{
    height: 100%;
}
/* start latest sec title */

.latest_sec_thumb{
    overflow: hidden;
 
}
.latest_sec_thumb img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .5s;
    position: relative;
}
.latest_sec_title:hover .latest_sec_thumb img{
    transform: scale(1.2);
}
/* OVERLAY */
.latest_sec_title:hover .port_overlay{
    transform: scale(1.4);
}
.port_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 83%;
    transition: .5s;
    opacity: .5;
    transform: scale(0);
    background-color: #080023;
}
.port_overlay a {
    position: absolute;
    top: 52%;
    left: 50%;
    font-size: 40px;
    color: #fff;
    background: none;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    visibility: hidden;
    transition: .2s;
}
.latest_sec_title:hover .port_overlay a{
    transform: translate(-50%, -50%) rotateY(145deg);
}
/* h3 */
.h3_port_area{
    padding: 50px 0px 0 0px;
    margin: 0 10px;
}
/*===== END PORT AREA  ======*/

/*===== START CALL TO ACTION AREA  ======*/
.cal_to_action{
    padding: 60px 0;
}
.cal_text{
    padding: 0px 0px 0px 25px;
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color: #FF8B43;
    border-radius: 5px 5px 5px 5px;
}
.cal_text h2{
    font-size: 48px;
}
.cal_text h2 span{
    font-size: 48px;
}
.cal_btn{
    margin-top: 0;
}
/* cal to h2 */
.h2_cal_to{
    padding: 60px 0;
}
.h2_cal_ac{
    height: 500px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
    text-align: center;
}
.h2_cal_co h2{
    font-size: 48px;
}
.h2_cal_co h2 span{
    font-size: 48px;
}
/* content */
.h2_cal_co p{
    font-weight: 400;
    text-align: center;
    width: 100%;
    color: rgb(68, 68, 68);
}
.h2_cal a{
    border: none;
}

/*===== END CALL TO ACTION AREA  ======*/

/*===== START PRICING AREA ======*/
.pricing_area{
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-color: #F3F3F3;
    padding: 115px 0px 115px 0px
}
.pri_item {
    position: relative;
    text-align: left;
    box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 10px 10px;
    padding: 0px 50px 50px 60px;
    margin-bottom: 30px;
    margin-top: 40px;
    width: 89%;
}
.inner_pr i{
    color: #F7E7E1;
    font-size: 100px;
    padding: 0px 0px 0px 165px;
    position: absolute;
}
.pricing_part{
    text-align: left;
    padding: 0 30px;
}
.pricing_part li i{
    margin-right: 5px;
    color: var(--bgcolor);
}

/* title */
.pri_active h4 {
    font-size: 16px;
    margin: -20px 0 16px;
}
.price_offer_line{
    justify-content: center;
    padding-bottom: 20px;
}
.price_offer_line h5{
    font-size: 35px;
}
.price_offer_line h5 span{
    font-size: 16px;
    color: var(--titlecolor);
}
.pri_active ul {
    margin-top: 25px;
    padding: 0;
}
.pri_active ul li{
    list-style: none;
    font-size: 14px;
    margin-bottom: 17px;
    color: var(--btntlecolor);
}
.pri_active ul li i{
    margin-right: 10px;
}
.pr_btn {
    margin: 30px 0px 0px 0px;
    padding: 15px 10px;
    display: inline-block;
    transition: .5s;
}
.pr_btn:hover{
    background-color: var(--titlecolor);
}
.line_x{
    text-decoration: line-through;
}
/* inner pricing area */
.pricing_part_h4 span{
    font-size: 22px;
    padding: 26px 0 12px;
    display: block;
}
/* title */
.inner_pr h5 {
    color: var(--titlecolor);
    margin: 0 0 -13px;
    font-size: 60px;
    padding: 10px 0;
}
.part_h4{
    text-align: center;
}
/* pr_btn */
.pr_btn a{
    border-radius: 50px;
    padding: 9px 40px 9px 40px;
}
.pri_item .sp_wt{
    color: var(--whitec) ;
}
/* sp wt btn */
.menu_btn .sp_wt_btn{
    color: var(--titlecolor);
    transition: .5s;
    color: var(--titlecolor);
    background-color: var(--whitec);
}
.menu_btn .sp_wt_btn:hover{
    background-color: var(--bgcolor);
}
/*===== START PRICING AREA ======*/


/*======== START PORTFOLIO  ==========*/
.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;
    z-index: 1;
    top: 33%;
    position: relative;
}
.portfolio_active{
    top: 0;
}
.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: 40px 0 40px;
}
/* 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;
    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;
}
.portfolio_img_area img{
    width: 100%;
    transition: .5s;
}
.inner_portfolio_items:hover .portfolio_img_area img{
    transform: scale(1.2);
}
.po_single_text {
    box-shadow: 0 0 16px 8px rgb(242 242 242 / 80%);
    padding: 20px 10px 23px;
    margin: 1px;
    margin-bottom: 20px;
}
.po_single_text h2 a:hover{
    color: var(--bgcolor);
}


.portfolio_2_subc a i{
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    color: var(--whitec);
    transition: .5s;
}
.portfolio_2_subc a i:hover{
    background-color: var(--bgcolor);
}

.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;
    height: 100%;
}
.port_titile{
    transform: translate(-50%, -15%);
}
.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 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 2 */
.pprotfolio4{
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: var(--bgcolor);
    text-align: center;
}
.pprotfolio4 h2 a:hover{
    color: var(--whitec);
}
/*======== END PORTFOLIO  ==========*/

/*======== START PROJECT INFORMATION  ==========*/
.project_information_area{
    padding: 100px 0
}
.inner_project_information_img img{
    width: 100%;
}
/* inner project right content css */
.inner_project_right_content{}
.inner_project_right_content ul{

}
.inner_project_right_content ul li {
    list-style: none;
    padding-top: 10px;
}
.inner_project_right_content h2{
    font-size: 22px;
    margin: 10px 30px  25px;
    color: #232323;
}
.inner_project_right_content p span{
    font-size: 18px;
    color: #666666;
    font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a{
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 48px;
    color: var(--titlecolor);
    border-radius: 100px;
}
.inner_project_in_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_project_in_icon {
    margin-left: 30px;
}
.pd30{
    margin-bottom: 20px;
}
.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;
}
/*======== END PROJECT INFORMATION  ==========*/

/*======== SIDE BLOG START  ==========*/
.kdblog_left {
    padding: 100px 0 90px;
}
.inner_yblog_form {
    margin-bottom: 30px;
    padding: 35px 30px 15px;
    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;
}
.blog_active_area {
    padding: 10px;
}
.inner_yblog_form button {
    display: inline-block;
    border: none;
    outline: none;
    padding: 16px 20px;
    margin-left: -5px;
    background-color: var(--bgcolor);
}
.inner_yblog_form button:hover{
    background-color: var(--titlecolor);
}
.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);
}
.kidbo_sblog{
    background: #f8f9fa;
    text-align: center;
    border: 0 none;
    margin: 20px 0;
    padding: 30px;
}
/* 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 5px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    position: relative;
}
.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%;
}
.bl_tti {
    margin-left: -152px;
}
.inner_yblog_left_title a {
    display: block;
    margin-top: 15px;
    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: 17px;
    color: #666666;
    transition: .5s;
}
/* item */
.recent_text {
    width: 62%;
}
.img_area {
    display: flex;
    width: 150%;
}
.img_area a img{
    width: 30%;
    height: 100%;
}
.recent_text a{
    color: #17161a;
    font-size: 16px;
    font-weight: 400;
    transition: .5s;
}
.recent_text a:hover{
    color: var(--bgcolor);
}
.recent_text span {
    color: var(--btntlecolor);
    display: block;
}
.kd30{
    margin-bottom: 30px;
}
/* item */
.t_month h5 {
    background: var(--bgcolor);
    padding: 15px;
    color: var(--whitec);
    font-size: 14px;
    text-align: center;
    margin: 0;
    width: 100%;
}
.bl_le_side_text a img{
    width: 30%;
    height: 100%;
}
.inner_blog_item{
    display: flex;
}
/* category */
.inner_yblog_left_title ul{
    margin: 0;
    padding: 0;
}
.inner_yblog_left_title ul li{
    list-style: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.inner_yblog_left_title ul li a{
    margin: 15px 30px;
    font-weight: 400;
    color: #454545;
}
.inner_yblog_left_title ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    left: 0;
    margin-left: 15px;
    position: absolute;
}
/* TABLE */
.bl_le_side_text h2{
    color: var(--titlecolor);
}
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 td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
}
.calender_text a{
    color: #454545;
}
/*======== SIDE BLOG END  ==========*/

/*======== TEAM AREA START  ==========*/
.team_area{
    padding: 60px 0 60px;
}
.tm_bg{
    background-color: var(--bgcolor);
}
.tr_shap{
    text-align: center;
}
.tr_shap h4{
    color: var(--bgcolor);
}
/* team icon */
.tr_single {
    border-radius: 8px 8px 8px 8px;
    padding: 15px 15px 11px 15px;
    background: var(--whitec);
    margin: 15px 7px;
}
.tr_single{
    position: relative;
}
.tr_single:hover .wblogicon{
    opacity: 1;
    bottom: -100%;
}
.t_single_item img{
    width: 100%;
}
/* after */
.tr_single:hover .t_single_item img{
    z-index: 1;
    background-color: #2222224d;
}
.tteamsocial a {
    color: #ababab;
    border: 1px solid #ababab;
    display:block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.t_single_item:hover.t_single_item::after{
    opacity: 1;
}
.tteamsocial a:hover{
    background-color: var(--titlecolor);
}
.ttiocn9 {
    left: auto;
    top: auto;
    right: 20px;
    bottom: 25px;
    opacity: 1;
    transform: none;
}
.wblogicon {
    position: absolute;
    left: 84%;
    top: 90%;
    text-align: center;
    z-index: 999;
    opacity: 0;
    transition: .5s;
    transform: translateX(-50%) translateY(-50%);
}
.tteamcon{
    padding: 18px 10px 23px;
}
/*======== TEAN AREA END  ==========*/

/*===========START FOOTER AREA  ======*/
.footer_area {
    background-color: var(--bgcolor);
    margin-top: 100px;
    padding: 46px 0 0;
}
.fo_bg {
    border-radius: 0 0 29px 30px;
    border-top: 8px solid var(--bgcolor);
    padding: 0 60px 0 61px;
    position: relative;
    top: -100px;
}
.main_item {
    margin: 55px 0 90px;
}
.footer_item1{}

.footer_item1 p {
    margin: 20px 0 15px;
    color: #222222;
    font-size: 16px;
}
.footer_social_icon a{
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 5px;
    transition: .5s;
    color: var(--whitec);
}
.footer_social_icon a:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/* icon */
/* face */
.i_face{
    background-color: #3b5998;
}
/* icon x*/
.i_x{
    background-color: #1da1f2;
}
/* in */
.i_in{
    background-color: var(--titlecolor);
}
/* link */
.i_li{
    background-color: #0077b5;
}
/* footer item 2 */
.widged h2{
    font-size: 24px;
    margin: 15px 0;
    position: relative;
}
.k_fo{
    color: #00C071;
}
.k_fo_co{
    color: var(--bgcolor);
}
.widged a img {
    height: 100%;
    width: 100%;
    margin: 5px 0 10px;
}
/* footer item 3 */
.widged{}
.widged ul {
    list-style: none;
    padding: 0;
    margin-top: 38px;
}
.widged ul li {
    margin-top: 15px;
}
.widged ul li{
    font-size: 16px;
    font-weight: 400;
    color: #222222;
    transition: .5s;
}
.widged ul li a:hover{
    color: var(--bgcolor);
}
.footer_icon_text{}
.footer_icon_text ul{
    list-style: none;
}
.footer_icon_text ul li i{
    margin-right: 6px;
}
.footer_icon_text ul li span{
    color: var(--titlecolor);
}
/* footer item 4 */
.widged ul li i {
    float: left;
    font-size: 16px;
    line-height: 1.5;
    color: var(--bgcolor);
    margin-right: 6px;
} 
.widged ul li span{
    color: var(--titlecolor);
}
/* footer content */
.widged .middle_inp{
    margin: 40px 0 0;
    color: var(--whitec);
    display: flex;
}
.widged .middle_inp input {
    font-size: 16px;
    line-height: 28px;
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 15px 10px;
    height: 50px;
    background: transparent;
    border-bottom: 1px solid var(--titlecolor);
}                
.widged .middle_inp button {
    padding: 12px 18px 12.7px;
    margin-left: -36px;
    border: none;
    background: none;
}
/* footer 2 css */
.ab_bg p{
    color: var(--whitec);
}                      
.f2_icon a{
    background-color: var(--titlecolor);
    color: var(--whitec);
    border-radius: 5px;
}          
.ab_title h2 {
    border-bottom: 2px solid var(--bgcolor);
    color: var(--whitec);
    display: inline;
}
.ab_title .fo_content li span{
    color: var(--whitec);
}  
.fo_content li span i{
    color: var(--whitec);
}   
.footer_icon_text {
    margin-top: 35px;
}
/* footer content */
.footer_bottom{
    padding: 15px;
    background-color: var(--bgcolor);
}
.kf_item{}
.kf_item ul {
    padding: 0;
    margin: 0;
}
.kf_item ul li{
    display: block;
    list-style: none;
}
.kf_item ul li a{
    color: var(--whitec);
    margin-right: 20px;
    font-size: 16px;
    font-family: Roboto, sans-serif;
}
.kfo_b p {
    color: var(--whitec);
    margin: 0;
}
      
/* footer copy right */

/*=====END FOOTER AREA  ======*/

/*======== copyright area start  ==========*/
.copy_right {
    text-align: center;
    margin-top: -60px;
    padding-bottom: 20px;
}
.copy_right p{
    color: var(--whitec);
}
/*======== copyright area end  ==========*/

/*======== 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: 9999;
}