/* slider defult arrow css */
.slider_area .slick-prev, .slider_area .slick-next {
    background: none;
    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: 10px;
}
.slider_area .slick-prev::before ,.slider_area .slick-next::before{
    content: '\f104';
    font-family: FontAwesome;
    color: var(--whitec);
    display: inline-block;
    background: 0 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    font-size: 40px;
    font-weight: 700;
}
.slider_area .slick-next::before{
    content: '\f105';
}
.slider_area .slick-prev:hover::before ,.slider_area .slick-next:hover::before{
    background-color: var(--whitec);
    color: var(--blackc);
    font-size: 60px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.slider_area:hover .slick-prev , .slider_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}

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

/*======== video area start  ==========*/
.video_slider_area{
    position: relative;
    overflow: hidden;
}
.slider_vedio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -9999;
    transform: scale(1.4);
}
.single_slide_img {
    position: relative;
}
.slider_vedio iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/*======== video area end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.breadcum_area::before{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
    background-color: rgba(2, 37, 89, 0.266);
}
.inner_breadcum_area {
    padding: 60px 0;
    position: relative;
    z-index: 9999;
    text-align: center;
}
.inner_breadcum_area h1 {
    font-size: 30px;
    font-weight: 700;
    color: var(--whitec);
    margin: 0;
}
.inner_breadcum_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: var(--whitec);
}
.inner_breadcum_area ul li{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_breadcum_area ul li a {
    display: inline-block;
    font-size: 16px;
    color: var(--whitec);
    font-weight: 400;
}
.inner_breadcum_area ul li i, .inner_breadcum_area ul li a i {
    font-size: 22px;
    margin: 0 -4px;
}
/*======== breadcum area end  ==========*/

/*======== about area end =======*/
.about_area {
    padding: 3% 0 3%;
}
.single_about_img img{
    width: 100%;
}
.about_active h1{
    font-size: 48px;
    margin: 15px 0 20px;
}
.about_list{
    display: flex;
    gap: 14px;
    margin-bottom: 25px;
    align-items: center;
}
.about_item i{
    font-size: 40px;
    width: 72px;
    height: 82px;
    display: block;
    text-align: center;
    line-height: 77px;
    border-radius: 50%;
    border: 4px solid var(--bgcolor);
}
.about_text h2 a{
    font-size: 22px;
}
.about_text h3 a{
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.about_text h2 a:hover{
    color: var(--bgcolor);
}
.about_text p {
    color: var(--bgcolor);
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
}
.main_counter.about_counter2{
    padding: 35px 0px 35px 0px;
    background-color: var(--titlecolor);
    border-style: solid;
    border-width: 8px 8px 8px 8px;
    border-color: var(--bgcolor);
    border-radius: 0px 30px 0px 30px;
}
.about_counter2 h2{
    color: var(--whitec) !important;
    padding: 0;
}
.about_counter h3,.about_counter span{
    color: var(--whitec) !important;
    font-size: 48px !important;
}
/*======== about  end  ==========*/

/*===== feature  start  ====*/
.feature_area{
}
.main_feature{
    background: url(../images/feature-image.png);
    background-position: center center;
    background-size: cover;
    padding: 30px 20px 72px 30px;
    position: relative;
    margin-bottom: 15px;
}
.main_feature h2{
    margin: 15px 0 10px;
}
.feature_icon{
    position: absolute;
    right: 30px;
    top: 30px;
}
.feature_icon a{
    font-size: 25px;
    color: var(--titlecolor);
    background-color: #EBF7EB;
    border-style: solid;
    transition: .5s;
    border-width: 5px 5px 5px 5px;
    border-color: var(--titlecolor);
    border-radius: 0px 20px 0px 20px;
    padding: 10px 20px 10px 20px;
}
.feature_icon a:hover{
    color: var(--whitec);
    background: var(--bgcolor);
    border: 5px solid var(--bgcolor);
}
/*===== feature area end  ====*/

/*===== service area start  ====*/
.service_area{
    padding: 3% 0; background-color:#333;
}
.service_area .section_title h2{ color:#fff;}

.br_service{
    margin-top: 65px;
}
/* section title */
.section_title{
    text-align: center;
    margin-bottom: 3%;
}
.section_title h2{
    font-size: 48px;
    margin-top: 15px;
}
/* section title */
.main_service {
    border-radius: 0px 20px 0px 20px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 0px 20px 20px 20px;
    background: var(--whitec);
    position: relative;
    margin-bottom: 20px;
}
.service_icon{
    margin-bottom: 20px;
}
.service_img img{
    width: 100%;
}
.service_icon i{
    font-size: 60px;
    transition: .5s;
    color: var(--textcolor);
}
.service_icon i:hover{
    color: var(--bgcolor);
}
.service_text{
    padding: 30px 20px 10px 0px;
}
.service_text h2{
    margin-bottom: 25px;
}
.service_text h2 a:hover{
    color: var(--bgcolor);
}
.service_right_icon {
    position: absolute;
    right: 60px;
    top: 35%;
}
.service_right_icon a{
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: var(--whitec);
    height: 50px;
    width: 50px;
    display: block;
    text-align: center;
    background-color: var(--bgcolor);
    border-radius: 50%;
    line-height: 40px;
    font-size: 20px;
    transition: .5s;
    color: var(--whitec);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.service_right_icon a:hover{
    background: var(--titlecolor);
}
/*===== service area end  ====*/

/*===== video area start  ====*/
.video_area {
    padding: 60px 0 70px;
    margin: 0;
    position: relative;
    z-index: 1;
}
.video_alin{
    align-items: center;
    padding-bottom: 70px;
    border-bottom: 1px solid var(--ddcolor);
}
.video_alin .col-lg-3{float:right; text-align:right;}
.inner_video_area a {
    display: inline-block;
    width: 140px;
    border-radius: 100%;
    height: 140px;
    font-size: 35px;
    line-height: 120px;
    background-color: transparent;
    color: var(--bgcolor);
    transition: .5s;
    border: 8px solid var(--bgcolor);
}
.video_title h2 {
    font-size: 48px;
    margin: 10px 0 12px;
}
.video_btn a{
    border: 1px solid var(--ddcolor);
    color: var(--whitec);
    background: var(--bgcolor);
    display: inline-block;
    border-radius: 0px 15px 0px 15px;
    padding: 18px 40px;
    transition: .5s;
}
.video_btn a:hover{
    background-color: var(--titlecolor);
}
/*===== video area end  ====*/

/*======= project area start  ======*/
.project_area {
    padding: 3% 0 0;
    margin-bottom: -170px;
    position: relative;
    z-index: 9999;
}
.port_title{
    margin-bottom: 3%;
}
.port_title h2{
    font-size: 48px;
    margin-top: 15px;
}
.inner_img_area{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.inner_img_overlay img {
    height: 100%;
    transition: .5s;
    width: 100%;
}
.inner_img_area:hover .inner_img_overlay img{
    transform: scale(1.2);
}
/* img overlay go  */
.img_overlay_go{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color: #15194677;
    transition: .5s;
    transform: scale(0);
}
.inner_img_area :hover .img_overlay_go{
    transform: scale(1);
}
.item_pos{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.vategory{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.Featuredp-1{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.newbolg{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 1px;
}
/* absolute icons css */
.absolute_icons {
    transform: rotateY(90deg);
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_img_area:hover .absolute_icons{
    transform: rotateY(0);
    opacity: 1;
    visibility: visible;
}
.absolute_icons a{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.absolute_icons a:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
/* inner img content  */
.project_title {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    transition: .5s;
    text-align: center;
    margin: 0 30px;
    padding: 40px 10px 15px;
    border-radius: 0px 20px;
    padding: 40px 10px 15px;
    background: var(--whitec);
}
.project_title p{
    color: var(--titlecolor);
    margin: 0;
}
.project_title h2 a{
    color: var(--titlecolor);
    font-size: 22px;
}
.project_title h2 a:hover{
    color: var(--bgcolor);
}
/* project area arrow */
.project_area .slick-prev, .project_area .slick-next {
    opacity: 1;
    visibility: visible;
}
.project_area .slick-prev, .project_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -100px;
    border-radius: 10px 0px 10px 0px;
    margin-left: 29px;
    margin-top: 0;
    left: 73%;
}
.project_area .slick-next {
    margin-left: 100px;
}
.project_area .slick-prev::before, .project_area .slick-next::before {
    border-radius: 10px 0px 10px 0px;
    font-size: 30px;
    color: var(--whitec);
    border: none;
    background: var(--titlecolor);
}


/* team_area  arrow */
.team_area .slick-prev, .team_area .slick-next {
    opacity: 1;
    visibility: visible;
}
.team_area .slick-prev, .team_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -100px;
    border-radius: 10px 0px 10px 0px;
    margin-left: 29px;
    margin-top: 0;
    left: 87%;
}
.team_area .slick-next {
    margin-left: 100px;
}
.team_area .slick-prev::before, .team_area .slick-next::before {
    border-radius: 10px 0px 10px 0px;
    font-size: 30px;
    color: var(--whitec);
    border: none;
    background: var(--titlecolor);
}

/* blog_area  arrow */
.blog_area .slick-prev, .blog_area .slick-next {
    opacity: 1;
    visibility: visible;
}
.blog_area .slick-prev, .blog_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -100px;
    border-radius: 10px 0px 10px 0px;
    margin-left: 29px;
    margin-top: 0;
    left: 87%;
}
.blog_area .slick-next {
    margin-left: 100px;
}
.blog_area .slick-prev::before, .blog_area .slick-next::before {
    border-radius: 10px 0px 10px 0px;
    font-size: 30px;
    color: var(--whitec);
    border: none;
    background: var(--titlecolor);
}

/*===== counter  start  ====*/
.counter_area {
    padding: 200px 0 5%;
    position: relative;
    margin-bottom: 0px;
}
.counter_area .section_title h2{ color:#fff;}
.br_counter{
    padding: 120px 0 130px;
    margin-top: 50px;
}

/*===== counter  end  ====*/

/*======= zidingyyi  start  ======*/

.dt_pricing_area {
    padding: 55px 0 0px;
    position: relative;
}
.br_price{
    margin-top: 60px;
}
.pricing_body_shap {
    position: absolute;
    left: 0%;
    animation: title_shap 5s linear 1s infinite alternate running;
}
@keyframes title_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
.pr_title {
    text-align: left;
    margin-bottom: 10px;
}
.pricing_body_shap {
    position: absolute;
    left: 0%;
    animation: title_shap 5s linear 1s infinite alternate running;
}
@keyframes title_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
.pr_title {
    text-align: left;
    margin-bottom: 10px;
}
.pricing_body_shap {
    position: absolute;
    left: 0%;
    animation: title_shap 5s linear 1s infinite alternate running;
}
@keyframes title_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
.pr_title {
    text-align: left;
    margin-bottom: 10px;
}
.tpr_curn{
    background-color: var(--titlecolor);
    border-radius: 0px 20px 0px 20px;
    margin: 0px 0px 30px 0px;
    padding: 40px 30px;
}
.pr_title h2{
    color: var(--titlecolor);
}
.pricing_area {
    border-radius: 5px;
    background: transparent;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}
.pricing-part {
	text-align:left;
}
.all_pricing_color h5 {
    font-size: 22px;
    color: var(--whitec);
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {
    margin: 0;
}
.all_pricing_color span {
    font-size: 35px;
    margin-right: 5px;
}
.pricing_bar_title_img{
    padding: 30px 0px 20px 0px;
}
.pric_middle {
    padding: 40px 40px 40px 40px;
    background: var(--whitec);
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.15);
}
.pricing_style_7.pricing-part h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
}
.witri_texti_list {
    margin-top: 10px;
}
.pricing-part ul {
    padding: 0;
    text-align: left;
}
.witri_texti_list ul li {
    font-size: 17px;
    margin-bottom: 10px;
    padding: 7px 0 0 0;
    list-style: none;
}
.witri_texti_list ul li i{
    color: #009046;
    margin-right: 10px;
}
.witr_btnp_color {
    padding-top: 10px;
    text-align: left;
    margin-right: 25px;
}
.witr_btnp_color a.btn {
    font-size: 16px;
    display: inline-block;
    border-radius: 0px 20px 0px 20px;
    padding: 18px 40px;
    transition: .5s;
    font-weight: 600;
    background: transparent;
    color: var(--titlecolor);
    border: 2px solid var(--titlecolor);
    text-transform: uppercase;
}
.witr_btnp_color a.btn:hover {
    background: var(--bgcolor);
    color: var(--whitec);
    border: 2px solid var(--bgcolor);
}
.tpr_curn h3 {
    font-size: 36px;
    margin: 10px 0;
    color: var(--bgcolor);
}
.tpr_curn h3 span{
    font-size: 16px;
    color: var(--whitec);
}
.trp_middle{
    background: var(--bgcolor);
}
.trp_middle h3{
    color: var(--titlecolor);
}
.witr_btnp_color.middle_btn a{
    background: var(--bgcolor);
    color: var(--whitec);
    border: 2px solid var(--bgcolor);
}
.witr_btnp_color.middle_btn a:hover{
    background: var(--titlecolor);
    border: 2px solid var(--titlecolor);
}
/*======= zidingyyi  end  ======*/

/*======= team  start  ======*/
.team_area {
    padding: 3% 0% 0;
}
.br_team{
    margin-top: 65px;
    margin-bottom: 50px;
}
.main_tem{
    position: relative;
    overflow: hidden;
}
.single_team img{
    width: 100%;
}
.team_title{
    margin-bottom: 55px;
}
.team_title h2{
    color: var(--titlecolor);
}
.team_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(360deg, #111111CC 0%, #FFFFFF1A 100%);
    transform: scale(0);
    transition: .5s;
}
.main_tem:hover .team_overlay {
    transform: scale(1.2);
}
.team_icon {
    text-align: center;
    position: absolute;
    top: 0;
    right: 20px;
    opacity: 0;
    transition: .8s;
    visibility: hidden;
}
.main_tem:hover .team_icon {
    opacity: 1;
    visibility: visible;
    top: 10%;
}
.team_icon a{
    font-size: 18px;
    color: var(--whitec);
    transition: .5s;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 5px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    background: var(--bgcolor);
}
.team_icon a:hover{
    color: var(--whitec);
    background-color: var(--titlecolor);
}
.ttsicon {
    position: absolute;
    bottom: 68%;
    top: -30px;
    right: 20px;
}
.ttsicon a {
    font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 48px;
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: var(--bgcolor);
    color: var(--whitec);
    display: block;
    text-align: center;
    background: var(--titlecolor);
    border-radius: 0px 10px 0px 10px;
}
.ttsicon a:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.team_text{
    text-align: left;
    padding: 25px 20px 20px 30px;
    position: relative;
    background: #031A05BF;
    margin-top: -100px;
    border-radius: 0 0 0 15px;
}
.team_text h2 a {
    color: var(--whitec);
    font-size: 22px;
    font-weight: 700;
}
.team_text span{
    color: var(--bgcolor);
}


/*======= team  end  ======*/


@keyframes title_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@keyframes title_shap{
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(45px);
    }
}



/*====== lx_contact_area start ======*/
.lx_contact_area {
    padding: 3% 0 3%;
    margin-bottom: 3%;
}
.lx_contact input,.lx_contact textarea{
    border-radius: 0px 10px 0px 10px;
    transition: .5s;
    border: none;
}
.lx_contact input:hover,.lx_contact textarea:hover{
    background: var(--bgcolor);
}
.lx_contact input::placeholder,.lx_contact textarea::placeholder{
    font-size: 13px;
}
.inner_contact_form.lx_contact textarea{
    height: 130px;
}
/*====== lx_contact_area end ======*/



/*====== testimonial area start ==========*/
.testimonial_area {
    padding: 3% 0 3%;
    position: relative;
    margin: 3% 3%;
}
.testimonial_area .section_title h2{ color:#fff;}
.testimonial_area .section_title{margin-bottom:0px;}


/* client */
.main_client {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-top: 3%;
    padding-top: 3%;
    border-top: 1px solid #475A48;
}
.main_client .clint_ing img{
border-radius: 0px 20px 0px 20px;}


.client_text p {
    color: var(--whitec);
    font-size: 20px;
    font-weight: 400;
    line-height:30px;
}
.client_text h2{
    color: var(--bgcolor); font-size:30px;
}
.client_text span{
    color: var(--whitec);
}
/* client */

/* testimonial arrow */
.testimonial_area .slick-prev, .testimonial_area .slick-next {
    opacity: 1;
    visibility: visible;
}
.testimonial_area .slick-prev, .testimonial_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: 90%;
}
.testimonial_area .slick-next {
    right: 0;
}
.testimonial_area .slick-prev {
    left: 90%;
}
/* testimonial arrow */



/*======== contact  start  ==========*/
.contact_area {
    padding: 30px 0 90px;
}
.inner_contact_area.text-left {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    padding: 10px;
}
.inner_contact_content h4{
    color: var(--bgcolor);
    font-size: 18px;
}
.letter_sp h4{
    letter-spacing: 2px;
}
.inner_contact_content h2 {
    font-size: 48px;
    margin: 10px 0;
    font-weight: 700;
    color: var(--whitec);
}
.inner_contact_content p {
    font-size: 16px;
    color: var(--titlecolor);
    margin: 0 0 20px;
    width: 94%;
}
.inner_contact_content p span{
    color: var(--bgcolor);
}
.lx_contact_title h2 {
    color: var(--titlecolor);
    margin-bottom: 15px;
}

/* inner contact form */
.inner_contact_form {
    margin-top: 20px;
}
/* inner contact form */
.inner_contact_form input {
    outline: none;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    margin-right: 15px;
}
.inner_contact_form input::placeholder{
    color: var(--paracolor);
}
.inner_contact_form textarea {
    width: 100%;
    outline: none;
    padding: 5px 20px;
    height: 100px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
}
textarea::placeholder {
    color: var(--paracolor);
}
.inner_contact_form {
    text-align: center;

}
.inner_contact_form button {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    display: inline-block;
    border-radius: 0px 10px 0px 10px;
    background-color: var(--bgcolor);
    color: var(--whitec);
    transition: .5s;
    width: 100%;
}
.inner_contact_form button:hover{
    background-color: var(--whitec);
    color: var(--titlecolor);
}



/*======== blog area start  ==========*/
.blog_area {
    margin-bottom: 0px;
    padding: 0 0px 3% 0px;
    position: relative;
}
.body_shap_6 {
    position: absolute;
    animation: title_shap 5s linear 1s infinite alternate running;
    z-index: -1;
}
@keyframes title_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
.blog_title h2{
    color: var(--blackc);
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px;
}
/* inner blog thumb css */
.wblogovermeta {
    position: absolute;
    z-index: 999;
}
.wblogovermeta span {
    display: inline-block;
    color: var(--whitec);
    background: var(--bgcolor);
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
}
.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}
/* inner blog absolute css */
.inner_blog_absolute {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    color: var(--whitec);
    background: var(--brcolor);
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
/* inner blog text css */
.single_blog_title {
    padding: 15px 0 0;
    position: relative;
}
.inner_blog_text span a{
    color: var(--paracolor);
    font-weight: 400;
}
.inner_blog_text span {
    font-size: 14px;
    margin-right: 10px;
    color: var(--paracolor);
}
.inner_blog_text span i{
    margin-right: 3px;
    color: var(--bgcolor);
}
/*inner blog content css */
.inner_blog_content {
    padding: 10px 0px 0px;
}
.inner_blog_content h2 a {
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
}
.inner_blog_content h2 a:hover{
    color: var(--bgcolor);
}
.inner_blog_content p {
    font-size: 16px;
    margin: -10px 0 0;
}
.witr_btn_sinner >a {
    margin-top: 0;
    display: inline-block;
    font-weight: 600;
    text-align: left;
    transition: .5s;
    font-size: 13px;
}
.witr_btn_sinner >a:hover{
    color: var(--bgcolor);
}
/* inner blog btn css */
.inner_blog_btn {
    padding: 17px 0px 0px;
}
.blbtn{
    font-size: 14px;
}
.inner_blog_btn a {
    font-size: 16px;
    color: var(--bgcolor);
    font-weight: 600;
    background-color: #F1F1F1;
    border-style: none;
    transition: .5s;
    border-radius: 0px 30px 0px 30px;
    padding: 12px 30px 12px 30px;
    text-transform: uppercase;
}
.inner_blog_btn a:hover{
    color: var(--whitec);
    background: var(--brcolor);
}
.inner_blog_btn a i{
    font-weight: 700;
    margin-left: 4px;
}
@media (max-width:1400px){
	  .about_active h1, .section_title h2, .video_title h2, .port_title h2 {
        font-size: 26px;
    }	.team_text h2 a{ font-size:18px;}
		.client_text h2{ font-size:26px ;margin-top:3%;}
	  .inner_contact_content h2, .witr_section_title_inner h2 {
        font-size: 26px;
    }
	}

@media (max-width:767px){
	  .about_active h1, .section_title h2, .video_title h2, .port_title h2 {
        font-size: 20px;
    }
		.client_text h2{ font-size:20px ;margin-top:3%;}
	.client_text p{ font-size:16px ;line-height:25px;}
		.team_text h2 a{ font-size:18px;}
		  .inner_contact_content h2, .witr_section_title_inner h2 {
        font-size: 20px;
    }
	}