/*
    Template  Name: Relstate
*/

/*
Table Of Content

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

*/

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

:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #000000;
    --brcolor: #f5a96e;
    --paracolor: #696969;
    --hoverbg: #dc3e03;
    --titlecolor: #000;
}
 
/* defult css */
body{
    font-size: 15px!important;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Poppins", sans-serif!important;
    color: #666;
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a{
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
    padding: 0;
    margin-bottom: 10px;
    
}
h1{
    font-size: 30px;
}
h2{
    font-size: 24px;
}
h3{
    font-size: 20px;
}
h4{
    font-size: 18px;
}
h5{
    font-size: 15px;
}
h6{
    font-size: 15px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ 
    color:inherit;    
}
 
 
a{
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    transition: .5s;
}
a:focus, 
a:hover {
    text-decoration: none;
    outline: none;
} 

 
p.form-messege{
    margin-top: 8px;
}
.witr_all_pd0{
    padding: 0;
}
/* highlight color css */
.highlight{
    color: #f5a96e;
}
/*======= header top area start =====*/
.header_top_area {
    background-color: #272f42;
    padding: 10px 190px;
}
/* header left */
.header_left span, .header_right span{
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}
.header_left span, .header_left a {
    margin: 0 15px 0 0;
    color: #ffffff;
}
.header_left span i,
.header_left a i{
    margin-right: 6px;
}
/* header right */
.header_right{float: right;}
.header_right a{
    margin-left: 12px;
    color: #ffffff;
}
.header_left a:hover, .header_right a:hover{
    color: #ccc;
}
.header_right span i{
    margin-right: 5px;
}
/*=========== header top area end =============*/

/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0 190px;
    background-color: #ffffff;
    /* width: 100%; */
    /* max-width: 1520px; */
}
/* mobile menu */
.mobile_menu{
    display: none;
}
.mobile_logo_area{
    display: none;
}
.main_logo img{vertical-align: middle;}
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    background: rgb(0 0 0 / 70%);
}
 
.main_menu_area.sticky .inner_main_nav_area >ul >li >a{
    color: #ffffff;
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{
    color: #fff;
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i{
    color: #ffffff;
}
.main_menu_area.sticky .main_nav_btn a{
    color: #ffffff;
}
.main_menu_area.sticky .main_nav_icons >i{
    color: #ffffff;
}

/* main nav area css */
.main_nav_area{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* absolute menu css */
.absolute_menu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: none;
}
.absolute_menu .main_nav_area{
    justify-content: flex-end;
}
/* landing menu css */
.landing_menu{
    justify-content: end;
}
.main_menu_all_item{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

/* 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;
    padding: 40px 30px 40px 0;
    font-size: 18px;
    font-weight: 500;
    /* text-transform: uppercase; */
    color: #272f42;
}
.inner_main_nav_area >ul >li >a>i {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}
.inner_main_nav_area >ul> li> a:hover{
    color: #00479d;
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: #ffffff;
}
.absolute_menu .inner_main_nav_area >ul >li >a:hover{
    color: #000000;
}
/* main nav icons together */
.main_nav_icons_together {
    display: flex;
    align-items: center;
}
/* main nav icons */
.main_nav_icons {
    margin-left: 7px;
}
.main_nav_icons >i{
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    color: #000000;
    cursor: pointer;
    transition: .5s;
}
.main_nav_icons >i:hover{
    background-color: #000000;
    color: #ffffff;
}
.main_nav_btn {
    margin-left: 12px;
}
.main_nav_btn a {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px;
    background-color: #272f42;
    color: #ffffff;
}
.main_nav_btn a:hover{
    background-color: #000000;
    color: #ffffff;
}
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: -110%;
    left: 0;
    background: #000000c2;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.nav_icon_popup.icon_popup {
    opacity: 1;
    visibility: visible;
    top: 0;
}
/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}
.inner_nav_icon_popup input{
    font-size: 30px;
    font-weight: 500;
    padding: 17px 40px 15px 15px;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: 0px 0px 30px 0px #dddddd45;
    background: #ffffff;
    border-radius: 10px;
}
.inner_nav_icon_popup input::placeholder{
    font-size: 30px;
}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
    position: absolute;
    top: 35%;
    right: 10px;
    transform: translateY(-50%);
}
.inner_nav_popup_btnicon{
    font-size: 40px;
    border: none;
    outline: none;
    background: none;
}
.inner_nav_icon_popup i{
    display: inline-block;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: #ffffff;
    color: #000000;
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}
/* 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: #ffffff;
    /* opacity: 0; */
    /* visibility: hidden; */
    transition: .1s;
    display: none;
}
.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: 16px;
    font-weight: 500;
    padding: 6px 10px;
}
.inner_main_nav_area ul li .sub_menu li a:hover{
    color: #00479d;
}

.inner_main_nav_area >ul >li:hover .sub_menu{
    top: 100%;
    /*opacity: 1;
    visibility: visible;*/
    display: block;
    z-index: 99999999;
}
.inner_main_nav_area .sub_menu >li > ul.sub_menu{
    top: 130%;
    left: 100%;
    /*opacity: 0;
    visibility: hidden;
    transition: 0.1s;*/
    display: none;
}
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu{
    top: 0;
    opacity: 1;
    visibility: visible;
    display: block;
}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area{
    display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mean-container .mean-nav ul li a {
    border: 0;  
    width: 100%;
    border-top: 1px solid #ddd; 
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
    width: auto;
}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_logo img{
    height: 60px;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
/*======== mobile menu area end ==========*/

/*======== slider area start  ==========*/
/* inner slider area */
.inner_slider_area {
    height: 820px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
    position: relative;
    z-index: 1;
}
.inner_slider_area::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #0000001f;
}
.inner_slider_content {
    width: 59%;
    margin: 0 auto;
    text-align: left;
}
.inner_slider_content h2{
    font-size: 70px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}
.inner_slider_content p {
    width: 45%;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
    color: #ffffff;
}
/* golobal btn css */
.r_btn{
    margin-top: 50px;
}
.r_btn a {
    display: inline-block;
    padding: 15px 45px;
    background-color: #ffffff;
    color: #000000;
    font-size: 19px;
    font-weight: 600;
}
.r_btn a:hover{
    background-color: #000000;
    color: #ffffff;
}


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

/*======== breadcum area start  ==========*/
.breadcum_area {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
}
.breadcum_area::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    z-index: -1;
}
.inner_breadcum_area {
    padding: 60px 0;
}
.inner_breadcum_area h1{
    font-size: 29px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}
.inner_breadcum_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_breadcum_area ul li{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
.inner_breadcum_area ul li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
.inner_breadcum_area ul li i, .inner_breadcum_area ul li a i {
    font-size: 22px;
}
/*======== breadcum area end  ==========*/

/*======== about area start  ==========*/
.about_area {
    padding: 100px 0 50px;
}
/* call to action about area css */
.call_about{
    padding: 100px 0 100px;
}
.inner_about_area {
    margin-top: 15px;
}
/* section title area css */
.section_title_area {
    margin-bottom: 50px;
}
.about_area .section_title_area{
    margin-bottom: 40px;
}
.section_title_area h2{
    padding-bottom: 10px;
    font-size: 36px;
    color: #fff;
    border-bottom: 1px solid #ffffff;
}
.section_title_area h3{
    font-size: 20px;
}
.section_title_area p{
    margin: 30px 0 10px;
    width: 90%;
}
@media only screen and (max-width: 768px) {
  .section_title_area h2{ 
    font-size: 30px;
  }
  .feature_area .section_title_area h3{
    font-size: 18px;
  }
}
/* inner about list area css */
.inner_about_list ul{
    list-style: none;
    padding: 0;
}
.inner_about_list ul li {
    color: #696969;
    font-size: 17px;
    margin: 10px 0 10px;
}
/* inner about lower css */
.inner_about_lower {
    display: flex;
    margin-top: 60px;
}
.inner_ab_icon{
    margin-right: 30px;
}
.inner_ab_icon i{
    display: inline-block;
    width: 67px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    border-radius: 100%;
    background-color: #000000;
    color: #ffffff;
    font-size: 30px;
    transition: 1s;
}
.inner_about_lower:hover .inner_ab_icon i{
    background-color: #000000;
    color: #ffffff;
}
.inner_ab_cont h1{
    color: #000000;
}
/* inner about right area css */
.inner_about_right_area {
    padding: 75px 60px 40px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
}
.inner_about_right_area::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: -1;
    opacity: .5;
}
.inner_ab_right_counter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.inner_ab_cou_icon{
    margin-right: 20px;
}
.inner_ab_cou_icon i{
    font-size: 60px;
    color: #ffffff;
}
.inner_ab_cou_title h2{
    font-size: 50px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
}
.inner_ab_cou_title h4{
    color: #ffffff;
}
/*======== about area end  ==========*/

/*======== feature area start  ==========*/
.feature_area {
    margin: 50px 0 50px;
    padding: 80px 0 50px;
    background-color: #000000;
}
.feature_area .section_title_area h3{
    color: #ffffff;
    margin-top: 20px;
}
.single_feature_right{
    position: relative;
}
.single_feature_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.single_feature_play a{
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    border-radius: 100%;
    background-color: #ffffff;
    color: #000000;
    animation: witr-shadow 1s linear infinite;
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}

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

/*======== service area start  ==========*/
.service_area {
    padding: 45px 0 50px;
}
/* single page service area css */
.single_page_service{
    padding: 95px 0 50px;
}
.service_area .section_title_area{
    margin-bottom: 35px;
}
/* single service area css */
.single_service_area{
    margin: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 30px -5px rgb(0 0 0 / 10%);
}
.single_service_area img{
    width: 100%;
}
/* inner single service content css */
.inner_single_service_content {
    padding: 45px 0 50px;
}
.inner_single_service_content p {
    width: 90%;
    margin: 0 auto 15px;
}
.inner_single_service_content>a{
    font-size: 19px;
    font-weight: 600;
    border: 1px solid #000000;
    color: #000000;
    display: inline-block;
    padding: 9px 30px;
}
.inner_single_service_content>a:hover{
    background-color: #000000;
    color: #ffffff;
}
/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    background: none;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.slick-prev{
    left: -65px;
}
.slick-next{
    right: -40px;
}
.slick-prev::before ,.slick-next::before{
    content: '\ea93';
    font-family: IcoFont;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    font-size: 40px;
    background-color: #000000;
    color: #ffffff;
    transition: 1s;
}
.slick-next::before{
    content: '\ea94';
}
.slick-prev:hover::before ,.slick-next:hover::before{
    background-color: #000000;
    color: #ffffff;
}
.service_area:hover .slick-prev , .service_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
} 
/*======== service area end  ==========*/

/*======== choose area start  ==========*/
.choose_area {
    background: #F9F9F9;
    padding: 80px 0 60px;
}
/* about choose area css */
.about_choose{
    margin: 30px 0 0px;
}
.inner_choose_img img{
    width: 100%;
}
/* inner choose right css */
.inner_choose_right .section_title_area{
    margin-bottom: 40px;
}
.inner_choose_right{
    padding: 0 20px;
}
.inner_choose_right h2{margin-top: 0;color: #ff5500;}
.inner_choose_right h3{font-size: 30px;}
.inner_choose_sub_cont {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.inner_choose_cont_icon{
    width: 50px;
}
.inner_choose_cont_title{
    margin-left: 20px;
}
.inner_choose_cont_title h2{
    margin: 0;
}
/*======== choose area end  ==========*/

/*======== project area start  ==========*/
.project_area{
    padding: 50px 0 50px;
}
/* about project area css */
.about_project{
    padding: 95px 0 30px;
}
.inner_project_area img{
    width: 100%;
}
.inner_project_area{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000a3;
    text-align: center;
}
.inner_pro_cont {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
}
.inner_pro_cont h2{
    margin: 0;
}
.inner_pro_cont h2 a{
    color: #ffffff;
}
.inner_pro_cont h2 a:hover{
    color: #000000;
}
.inner_pro_cont p{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
.inner_project_area:hover .overlay{
    opacity: 1;
    visibility: visible;
}
/*======== project area end  ==========*/

/*======= team area start =====*/
.team_area {
    padding: 25px 0 60px;
}
/* service team area css */
.service_team{
    padding: 45px 0 60px;
}
/* single page team css */
.single_page_team{
    padding: 95px 0 60px;
}
.inner_team_title_area {
    margin-bottom: 60px;
}
.inner_team_title_area h2{
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
}
.inner_team_title_area h3{
    font-size: 48px;
}
/* inner team area css */
.inner_team_area {
    position: relative;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
}
.inner_team_img{
    position: relative;
    overflow: hidden;
}
.inner_team_img img{
    width: 100%;
    height: 100%;
}
.inner_team_sub_icon {
    position: absolute;
    top: -150px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_team_area:hover .inner_team_sub_icon{
    top: 85px;
    opacity: 1;
    visibility: visible;
}
/* inner team content css */
.inner_team_content {
    padding: 15px 15px 10px;
}
.inner_team_content h2{
    margin: 0;
}
.inner_team_absoltue_icon {
    position: absolute;
    top: 50px;
    right: 20px;
}
.inner_team_absoltue_icon a{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    background-color: #000000;
    color: #ffffff;
}
.inner_team_absoltue_icon a:hover{
    background-color: #000000;
    color: #ffffff;
}
.inner_team_sub_icon a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    background-color: #000000;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 5px;
}
.inner_team_sub_icon a:hover{
    background-color: #000000;
    color: #ffffff;
}
.team_line {
    position: absolute;
    opacity: 1;
    transition: .5s;
    z-index: 99
}
.team_line_bottom , .team_line_top{
    width: 0;
    height: 2px;
    left: -60px;
    bottom: 0;
    background: linear-gradient(to right, rgba(117, 161, 251, 0), #08bce9, rgba(117, 161, 251, 0));
}
.team_line_top{
    top: 0;
}
.inner_team_area:hover .team_line_bottom, .inner_team_area:hover .team_line_top {
    width: calc(100% + 110px)
}
.team_line_right,  .team_line_left  {
    height: 0;
    width: 2px;
    top: -60px;
    right: 0;
    background: linear-gradient(to top, rgba(117, 161, 251, 0), #08bce9, rgba(117, 161, 251, 0));
}
.team_line_left {
    left: 0;
}
.team_line_right{
    right: 0;
}
.inner_team_area:hover .team_line_left, .inner_team_area:hover .team_line_right {
    height: calc(100% + 110px);
}
/*======= team area end =====*/

/*===== testimonial area start  ====*/
.testimonial_area {
    margin: 40px 0 0;
    padding: 100px 0 90px;
}
.single_page_testimonial{
    margin: 0 0;
}
.inner_testimonial_area {
    padding: 50px 30px 10px;
    margin: 10px 15px;
    background-color: #ffffff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
}
/* testimonial title css */
.inner_test_title {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.inner_test_img{
    margin-right: 20px;
}
.inner_test_text h2{
    margin: 0;
}
.inner_test_text p{
    margin: 0;
}
/* inner test thumb css */
.inner_test_thumb {
    padding: 20px 0px 30px;
}
/* testimonial icons css */
.inner_test_icon {
    margin-top: 30px;
}
.inner_test_icon i{
    font-size: 22px;
    color: #000000;
}
.testimonial_area:hover .slick-prev ,.testimonial_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*=====  testimonial area end  ====*/

/*======== brand area start  ==========*/
.brand_area{
    padding: 80px 0 80px;
}
/* team brand area css */
.team_brand{
    margin: 40px 0 100px;
}
.inner_brand_area img{
    margin: 0 auto;
}
.brand_area:hover .slick-prev ,.brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== brand area end  ==========*/

/*======== faq area start  ==========*/
.faq_area {
    padding: 100px 0 50px;
}
/* single page faq css */
.single_page_faq{
    padding: 100px 0 100px;
}
.inner_faq_area button{
    outline: none;
    border: 1px solid #6969694d;
    font-size: 18px;
    font-weight: 700;
}
.accordion-item{
    margin-top: 20px;
}
.accordion-button:focus{
    box-shadow: none;
}
.inner_faq_area .accordion-button h4{
    margin: 0;
}
.accordion-button:not(.collapsed) {
    background: none;
}
/*======== faq area end  ==========*/

/*======== call to action start  =========*/
.call_to_action{
    margin: 50px 0 50px;
    padding: 90px 0 80px;
    position: relative;
    z-index: 1;
}
.call_to_action::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .95;
    z-index: -1;
}
.inner_call_action h1{
    font-size: 40px;
    color: #ffffff;
}
/* call to right btn css */
.call_right_btn{
    margin-top: 30px;
}
.call_right_btn a{
    display: inline-block;
    padding: 12px 50px 12px 50px;
    font-size: 19px;
    font-weight: 600;
    background-color: #000000;
    color: #ffffff;
}
.call_right_btn a:hover{
    background-color: #ffffff;
    color: #000000;
}
/*======== call to action end  =========*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 50px 0 50px;
}
/* about contact area css */
.about_contact{
    padding: 50px 0 100px;
}
/* single page contact css */
.single_page_contact{
    padding: 100px 0 100px;
}
.inner_contact_area {
    padding: 60px 10px 60px 30px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
.inner_contact_content {
    margin-bottom: 20px;
}
.inner_contact_content h2{
    font-size: 17px;
    font-weight: 700;
    color: #000000;
}
.inner_contact_content h3{
    font-size: 38px;
    font-weight: 700;
}
.inner_contact_content p {
    width: 78%;
    font-weight: 400;
}
/* inner contact form */
.inner_contact_form input {
    border: 1px solid #f1f1f1;
    outline: none;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    padding: 0 20px;
    margin-right: 15px;
    margin-bottom: 23px;
}
.inner_contact_form textarea {
    width: 100%;
    border: 1px solid #f1f1f1;
    outline: none;
    padding: 20px 20px;
}
.inner_contact_form button {
    margin-top: 18px;
    padding: 15px 30px;
    font-size: 19px;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: #000000;
    color: #ffffff;
    transition: .5s;
}
.inner_contact_form button:hover{
    background-color: #000000;
    color: #ffffff;
}
.inner_contact_map{
    width: 100%;
    height: 100%;
}
.inner_contact_map iframe {
    width: 100%;
    height: 100%;
}
/*======== contact area end  ==========*/

/*======== single page price area start  ==========*/
.single_page_price_area {
    padding: 90px 0 80px;
}
.sp_inner_price_area{
    text-align: left;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 18%);
    padding: 0px 0 40px;
    margin-bottom: 20px;
    background-color: #ffffff;
}
/* inner price sub content */
.sp_inner_price_title {
    display: inline-block;
    width: 100%;
    background: #333;
    padding: 20px 0 10px;
}
.sp_inner_price_title h2 {
    font-size: 30px;
    color: #fff;
}
.sp_inner_price_content {
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border-radius: 100%;
    background-color: #000000;
    color: #ffffff;
    padding-top: 50px;
    margin-top: 30px;
}
.sp_inner_price_content h3{
    font-size: 25px;
    color: #ffffff;
    margin: 0;
}
.sp_inner_price_content h4{
    font-size: 18px;
    color: #ffffff;
}
/* inner price list menu css */
.sp_inner_price_list_menu {
    padding: 20px 0 15px;
}
.sp_inner_price_list_menu ul {
    list-style: none;
    padding-left: 18px;
}
.sp_inner_price_list_menu ul li {
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #696969;
}
.sp_inner_price_list_menu ul li i{
    font-weight: 700;
    margin-right: 6px;
}
/* inner price btn */
.sp_inner_price_btn a {
    display: inline-block;
    padding: 12px 50px;
    font-size: 19px;
    font-weight: 600;
    background-color: #000000;
    color: #ffffff;
}
.sp_inner_price_btn a:hover{
    background-color: #000000;
    color: #ffffff;
}
/*======== single page price area end  ==========*/

/*======== progess bar area start ==========*/
.progerss_bar{
    padding: 100px 0 50px;
}
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}
.progress {
    display: flex;
    height: 6px;
    background-color: #e9ecef;
}
.progress-bar {
    overflow: initial;
    background-color: #000000;
}
.witr_title2 span {
    font-weight: 700;
    font-size: 17px;
    color: #000;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    border-radius: 0;
    box-shadow: none;
}
.witr_progress-style2 {
    overflow: visible;
    position: relative;
    margin-top: 2px;
    box-shadow: none;
    background: #e9ecef;
    border-radius: 0;
    margin-bottom: 2px;
}
.witr_progress-style2 + .witr_progress-style2 {
    margin-top: 60px;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    border-radius:0;
    line-height: 25px;
    box-shadow: none;
    height: 6px;
}
.witr_title6 .witr_label {
    left: 2px;
    top: 8px;
    color: #272727;
    font-size: 16px;
    font-weight: 600;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -28px;
    color: #000000;
}
/*======== progess bar area end ==========*/

/*======= circle progress start ======*/
.circle_progress_bar{
    padding: 50px 0 50px;
}
.witr_cp_class {
    position: relative;
}
span.witr_cir_text {
    color: #000000;
    font-size: 22px;
}
span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 700;
}
.witr_circle_title {
    margin-top: 10px;
}
.witr_circle_title h2 {
    color: #000000;
}
.cir_witr .allcostyle {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    margin: 0 0 35px 0;
    padding: 0;
    border: none;
}
.cir_witr .allcostyle h2 {
    margin: 16px 0 8px 0;
}
.prog_page_cir {
    margin: 0;
}
.prog_page_cir .cir_inner {
    padding: 0;
}
.prog_page_cir .witr_circle_area{
    margin-right:25px;
    margin-left:25px;
}
/*======= circle progress end =====*/

/*======== blog area start  ==========*/
.blog_area {
    margin: 50px 0 0;
    padding: 95px 0 100px;
    background: #F9F9F9;
}
.blog_area .section_title h2{
    font-size: 16px;
    color: #ff5500;
}
.blog_area .section_title h3{
    font-size: 36px;
}
/* single page blog css */
.single_page_blog{
    margin: 0 0;
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
/* inner blog thumb css */
.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}
/* inner blog text css */
.inner_blog_text {
    padding: 20px 20px 8px;
}
.inner_blog_text span a{
    color: #00479d;
    font-weight: 400;
}
.inner_blog_text span {
    margin-right: 10px;
    color: #696969;
}
.inner_blog_text span i{
    margin-right: 3px;
    color: #00479d;
}
/*inner blog content css */
.inner_blog_content {
    padding: 0 20px 5px;
}
.inner_blog_content h2{
    margin-top: 10px;
}
.inner_blog_content h2 a {
    display: inline-block;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.inner_blog_content >a{
    font-size: 14px;
    color: #000000;
}
.inner_blog_content >a:hover{
    color: #000000;
}
/* blog btn area css */
.blog_sub_btn {
    padding: 5px 20px 35px;
}
.blog_sub_btn a{
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    background-color: #f5a96e14;
    color: #000000;
    border: 1px solid #ddd;
}
.blog_sub_btn a:hover{
    background-color: #000000;
    color: #ffffff;
}
/*======== blog area end  ==========*/

/*======== portfolio area start  ==========*/
.portfolio_area {
    padding: 95px 0 100px;
}
.portfolio_area .section_title_area{
    margin-bottom: 0;
}
/* portfolio 2 css */
.portfolio_2{
    margin-bottom: 30px;
}
.portfolio_title h2{
    font-size: 18px;
    color: #000000;
}
.portfolio_title h3{
    font-size: 48px;
}
.portfolio_title p {
    width: 64%;
    margin: 0 auto;
}
/* portfolio 2 sub content css */
.portfolio_2_subc {
    padding: 0px 0 5px 15px;
}
.portfolio_2_subc h2 a{
    font-size: 24px;
    transition: .5s;
    color: #000000;
}
.portfolio_2_subc h2 a:hover{
    color: #000000;
}
.portfolio_nav_all {
    padding: 24px 0 22px;
}
/* portfolio nav css */
.portfolio_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.portfolio_nav ul li{
    display: inline-block;
    border: 1px solid #f3eaea;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
}
.portfolio_nav ul li.current_menu_item{
    background-color: #000000;
    color: #ffffff;
}
.portfolio_nav ul li:hover{
    background-color: #000000;
    color: #ffffff;
}
/* portfolio items css */
.portfolio_img_area{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.portfolio_img_area img{
    width: 100%;
}
.inner_port_cont{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.inner_port_cont h2{
    margin: 0;
}
.inner_port_cont h2 a{
    color: #ffffff;
}
.inner_port_cont p{
    color: #ffffff;
}
.inner_portfolio_items:hover .portfolio_overlay_cont{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
/* portfolio lower nav area css */
.portfolio_lo_nav_area{
    padding: 40px 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: #000000;
    color: #ffffff;
}
.inner_portfolio_lower_nav ul li a:hover{
    background-color: #000000;
    color: #ffffff;
}
.inner_portfolio_lower_nav ul li a i{
    font-size: 22px;
    font-weight: bold;
}
/*======== portfolio area end  ==========*/

 
/*======== blog left area end  ==========*/

/*======== project information area start  ==========*/
.project_information_area {
    padding: 100px 0 85px;
}
.inner_project_information_img {
    margin-bottom: 20px;
}
.inner_project_information_img img{
    width: 100%;
}
/* inner project right content css */
.inner_project_right_content h2{
    font-size: 24px;
}
.inner_project_right_content p span{
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a{
    width: 48px;
    height: 48px;
    border: 1px solid #dddddd;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px;
    background-color: #ffffff;
    color: #000000;
    font-size: 20px;
    margin-right: 4px;
}
.inner_project_in_icon a:hover{
    background-color: #000000;
    color: #ffffff;
}
/* inner project text area css */
.inner_project_text_area {
    margin-top: 25px;
}
.inner_project_text_area h2{
    font-size: 24px;
}
.inner_project_information_descrip {
    margin-bottom: 8px;
}
.inner_project_information_descrip h4{
    font-size: 16px;
}
.inner_project_information_descrip p{
    margin: 0;
}
/* inner project information description css */
.inner_project_infor_list{
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}
.inner_project_infor_list li{
    margin-bottom: 5px;
}
/*======== project information area end  ==========*/

/*======== single blog page area start  ==========*/
.inner_single_box_area{
    background-color: #f8f9fa;
    padding: 20px 20px 20px;
}
.inner_single_box_area p {
    margin-bottom: 5px;
}
.inner_single_page_content_area p{
    margin-top: 20px;
}
/* inner single page middle text css */
.inner_single_page_middle_text {
    margin: 35px 0 45px;
}
.inner_single_page_middle_text h2{
    font-size: 24px;
}
/* single blog group css */
.single_blog_group {
    margin-top: 125px;
}
.inner_single_blog_group_box {
    background-color: #f8f9fa;
    padding: 10px 20px 30px;
    margin-top: 30px;
}
.inner_single_blog_group_box p{
    font-size: 1.5em;
    font-style: italic;
    margin-bottom: 0;
}
.inner_single_blog_group_box span{
    font-size: 1.125em;
    font-weight: 400;
    color: #696969;
}
.single_blog_post_area {
    margin: 80px 0 30px;
    padding: 25px 0 25px;
    border-top: 1px solid #767676;
    border-bottom: 1px solid #767676;
}
.single_blog_post_area p{
    margin: 0;
}
.single_blog_post_area a{
    color: #696969;
    font-size: 16px;
    font-weight: 400;
}
.single_blog_post_area a:hover{
    color: #dc3e03;
}
/* single comment title css */
.single_comment_title{
    margin: 35px 0 55px;
}
.single_comment_title h3{
    font-size: 20px;
}
.single_post_comment_area input {
    width: 47%;
    outline: none;
    height: 42px;
    padding: 0 20px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-right: 20px;
}
/* inner single post checkbox css */
.inner_single_post_checkbox {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.inner_single_post_checkbox input {
    height: 15px;
    width: 12px;
    margin-right: 6px;
}
.single_post_comment_area textarea{
    width: 97%;
    padding: 10px 20px;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    outline: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
}
.single_post_comment_area button{
    display: inline-block;
    text-align: center;
    padding: 16px 30px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: #000000;
    color: #ffffff;
    border: none;
    outline: none;
    transition: .6s;
}
.single_post_comment_area button:hover{
    background-color: #000000;
}
/*======== single blog page area end  ==========*/

/*======== footer area start  ==========*/
.footer_area {
    background-color: #000000;
    padding: 90px 0 25px;
}
.footer_widget p {
    color: #ffffff;
}
/* footer widget */
.footer_widget h2 {
    padding: 0 0 12px;
    color: #ffffff;
}
/* footer address area css */
.footer_address ul{
    list-style: none;
    padding-left: 0;
}
.footer_address ul li{
    font-size: 17px;
    font-weight: 400;
    padding: 0 0 10px;
    color: #ffffff;
}
.footer_address ul li i{
    margin-right: 5px;
}
/* footer nav css */
 
.f_widget_form{
    position: relative;
}
.f_widget_form input {
    height: 50px;
    position: relative;
    background: 0 0;
    color: #ffffff;
    width: 100%;
    padding-left: 10px;
    outline: none;
    border: 1px solid #fefcfc54;
}
.f_widget_form input::placeholder{
    color: #ffffff;
}
.f_widget_form button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 24px;
    border: none;
    outline: none;
    background-color: #000000;
    color: #ffffff;
}
/* footer widget sub img */
.footer_wid_sub_img {
    margin-top: 20px;
}
.inner_footer_widget_img{
    margin-bottom: 20px;
}
.inner_footer_widget_img img{
    width: 100%;
    height: auto;
}
/* copy right area css */
.copy_right_area {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 1px solid #ffffff73;
}
.copyright_text p{
    color: #ffffff;
    margin: 0;
}
/* copy right nav css */
.copyright_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.copyright_nav ul li{
    display: inline-block;
}
.copyright_nav ul li a {
    display: inline-block;
    margin-left: 20px;
    font-size: 17px;
    color: #ffffff;
}
.copyright_nav ul li a:hover{
    color: #ff5500;
}
/*======== footer area end  ==========*/

/*======== scroll top btn css  ==========*/
#scrollUp {
    bottom: 50px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 40px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: #000000;
    color: #ffffff;
    box-shadow: 0 0 10px #dddddd67;
}





/*** 

====================================================================
Section Title
====================================================================

***/
.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-btn .btn-title {
  position: relative;
}
.btn-style-one {
  background-color: #ff5500;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.btn-style-one:before {
  background-color:#0f2c49;
  content: "";
  height: 100%;
  opacity: 0.2;
  position: absolute;
  right: -15px;
  top: 0;
  width: 35px;
  z-index: -1;
  -webkit-transform: skewX(-22deg);
          transform: skewX(-22deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-style-one:hover:before {
  opacity: 1;
  right: 0;
  -webkit-transform: skewX(0deg);
          transform: skewX(0deg);
  width: 100%;
}
.btn-style-one:hover {
  color: #ffffff;
}

.mb-100 {
  margin-bottom: 100px !important; }
.mb-50 {
  margin-bottom: 50px !important; }
.bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sec-title {
  position: relative;
}
.sec-title .sub-title {
  display: inline-block;
  color: #ff5500;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.6px;
  position: relative;
  text-transform: uppercase;
}
.sec-title .sub-title:before {
  background: #ff5500;
  content: "";
  height: 2px;
  left: 100%;
  margin-left: 10px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 35px;
}
.sec-title h1 {
  position: relative;
  font-size: 60px;
  line-height: 1em;
  color: #0f2c49;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}
.sec-title h2 {
  position: relative;
  font-size: 48px;
  color: #0f2c49;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 12px;
  font-family: "DM Sans", sans-serif;
}
@media only screen and (max-width: 1023px) {
  .sec-title h2 {
    font-size: 38px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 599px) {
    .blog_area .section_title h3{
        font-size: 30px;
    }
  .sec-title h2 {
    font-size: 30px;
    line-height: 1.2em;
    margin-top: 0;
  }
  .sec-title h2 br {
    display: none;
  }
}
.sec-title h3 {
  font-size: 30px;
}
.sec-title .text {
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .sec-title .text {
    margin-top: 15px;
  }
}

.sec-title.light h3,
.sec-title.light h2,
.sec-title.light .text,
.sec-title.light h1 {
  color: #fff;
}
.sec-title.light .sub-title {
  color: #e6f3ff;
}

.sec-title.text-center h2:before {
  left: 50%;
  margin-left: -30px;
}
/*service*/


.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
    width: 100%;
}
.sec-title {
    position: relative;
    z-index: 1;
}
/*** 
====================================================================
  Services Section One
====================================================================

***/
.service-section {
  position: relative;
  padding: 100px 0 70px;
}
.service-section .sec-title {
  margin-bottom: 30px;
}
.service-section .bg-pattern-1 {
  z-index: 0;
}
.service-section .bg-image {
  background-color: #EBF1F5;
  height: 500px;
  z-index: -1;
}

.service-block {
  position: relative;
}
.service-block .inner-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  margin-right: 50px;
  position: relative;
}
.service-block .inner-box:hover .icon {
  background-color: #00479d;
}
.service-block .inner-box:hover .image img {
  -webkit-transform: scale(1.1) rotate(-1deg);
          transform: scale(1.1) rotate(-1deg);
}
.service-block .image-box {
  margin-right: -50px;
  overflow: hidden;
  position: relative;
}
.service-block .image-box .image {
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: 20px;
  position: relative;
}
.service-block .image-box .image img {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .lower-content {
  position: relative;
  padding: 55px 25px 30px;
}
.service-block .lower-content .icon {
  background-color: #000000;
  color: #ffffff;
  font-family: "Flaticon";
  font-size: 54px;
  height: 80px;
  line-height: 70px;
  position: absolute;
  right: -40px;
  text-align: center;
  top: -40px;
  width: 80px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block .lower-content .read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #00479d;
  border-radius: 0%;
  bottom: -30px;
  color: #ffffff;
  height: 58px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  width: 58px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.service-block .lower-content .read-more i{
    font-size: 26px;
}
.service-block .lower-content .title {
  letter-spacing: -0.04em;
  margin-bottom: 15px;
  color: #0f2c49;
}
.service-block .lower-content .title a{font-size: 24px;font-family: "DM Sans", sans-serif;}
.service-block .lower-content .title a:hover {
  color: #ff5500;
}
.service-block .inner-box1 {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 8px 10px;
}
.service-block .inner-box1:hover .icon {
  background-color: #00479d;
}
.service-block .inner-box1:hover .image img {
  -webkit-transform: scale(1.1) rotate(-1deg);
          transform: scale(1.1) rotate(-1deg);
}
.service-block .inner-box1 h3{
    font-size: 26px;
    color: #0f2c49;
}
.service-block .inner-box1 h5{
    color: #0f2c49;
}
@media only screen and (max-width: 1023px) {
  .service-block {
    margin-bottom: 80px;
  }
}
.service-block:last-child {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
    .choose_area{padding-top: 50px;}
    .feature_area{padding: 50px 0;margin-top: 0;}
    .service-section{padding: 50px 0;}
}

/*** 
====================================================================
  Services Section Two
====================================================================

***/
.service-section-two {
  position: relative;
}
.service-section-two .floating-object1 {
  background-size: 180px;
  bottom: -242px;
  height: 250px;
  left: 30px;
  opacity: 0.25;
  top: -100px;
  width: 180px;
  position: absolute;
}
.service-section-two .floating-object2 {
  background-size: 180px;
  bottom: 100px;
  height: 250px;
  opacity: 0.25;
  position: absolute;
  right: 100px;
  width: 180px;
}

.service-block-two {
  position: relative;
}
.service-block-two.style2 {
  background-color: #F8F5F1;
  border-radius: 10px;
  padding: 40px 50px 50px 50px;
  text-align: center;
}
.service-block-two.style2 .inner-box {
  margin-bottom: 0;
}
.service-block-two.style2 .lower-content {
  bottom: 0;
  left: 0;
  position: relative;
}
.service-block-two.style2 .lower-content p {
  margin-bottom: 10px;
}
.service-block-two.style2 .lower-content .title {
  margin-bottom: 30px;
  line-height: 1.3;
}
.service-block-two.style2 .lower-content .title a {
  color: #000;
  font-size: 20px;
}
.service-block-two.style2 .lower-content .btn-style-one {
  padding: 13px 39px;
}
.service-block-two .inner-box {
  margin-bottom: 30px;
  position: relative;
}
.service-block-two .inner-box:hover .image-box img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.service-block-two .inner-box:hover .image-box:after {
  -webkit-transform: translate3d(0px, 0, 0px);
          transform: translate3d(0px, 0, 0px);
}
.service-block-two .image-box {
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.service-block-two .image-box:before {
  background: rgb(22, 36, 61);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(14%, rgba(22, 36, 61, 0.9164040616)), color-stop(58%, rgba(22, 36, 61, 0.0368522409)));
  background: linear-gradient(0deg, rgba(22, 36, 61, 0.9164040616) 14%, rgba(22, 36, 61, 0.0368522409) 58%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.service-block-two .image-box:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(22, 36, 61, 0.3);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: translate3d(0px, -100%, 0px);
          transform: translate3d(0px, -100%, 0px);
}
.service-block-two .image-box img {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-block-two .lower-content {
  bottom: 25px;
  left: 30px;
  position: absolute;
  z-index: 2;
}
.service-block-two .lower-content .title {
  margin-bottom: 0;
}
.service-block-two .lower-content .title a {
  color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
/**/
/***

==================================================================
    Main Footer
==================================================================

***/
.main-footer {
    position: relative;
    background-color: #110C1B;
    overflow: hidden;
}
.footer-bg {
    background-image: url(../image/footer-bg1.png);
    opacity: 0.1;
}
.main-footer .footer-upper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff5500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .main-footer .footer-upper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 0 70px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-footer .footer-upper {
    padding: 0 30px 30px;
  }
}
.main-footer .footer-upper .logo-box {
  position: relative;
  width: 25%;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .main-footer .footer-upper .logo-box {
    margin: 30px 0;
    width: auto;
  }
}
.main-footer .footer-upper .contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 75%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (max-width: 1023px) {
  .main-footer .footer-upper .contact-info {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .main-footer .footer-upper .contact-info {
    display: block;
  }
}
@media only screen and (max-width: 424px) {
  .main-footer .footer-upper .contact-info {
    width: 100%;
    margin: 0 -15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.main-footer .footer-upper .contact-info li {
  padding-left: 45px;
  position: relative;
}
.main-footer .footer-upper .contact-info li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
@media only screen and (max-width: 1023px) {
  .main-footer .footer-upper .contact-info li {
    padding: 0 15px;
    border: 0;
    margin: 0 0 30px !important;
    min-width: initial;
  }
}
@media only screen and (max-width: 767px) {
  .main-footer .footer-upper .contact-info li {
    padding: 0;
    width: 100%;
  }
}
.main-footer .footer-upper .contact-info li .icon {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 30px;
  line-height: 20px;
  margin-top: -10px;
  color: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .main-footer .footer-upper .contact-info li .icon {
    position: relative;
    top: 0;
  }
}
.main-footer .footer-upper .contact-info li .title {
  font-size: 14px;
  line-height: 26px;
  color: #e6f3ff;
  display: block;
  margin-bottom: 0;
}
.main-footer .footer-upper .contact-info li .text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 0;
}
.main-footer .footer-upper .contact-info li .text a {
  color: #ffffff;
}
.main-footer .footer-upper .btn-box {
  margin-left: auto;
}
.main-footer .footer-upper .btn-box .theme-btn:before {
  background-color:#0f2c49;
}
@media only screen and (max-width: 1023px) {
  .main-footer .footer-upper .btn-box {
    margin: 0 auto;
  }
}

/* Widget Section */
.main-footer .widgets-section {
  position: relative;
  padding: 75px 0 0;
}
.main-footer .about-widget .logo-box {
  margin-bottom: 28px;
}
.main-footer .about-widget .text {
  color: #dddddd;
  margin-bottom: 20px;
}
.main-footer .about-widget .list-style-two {
  margin-bottom: 20px;
}
.main-footer .about-widget .list-style-two li {
  margin-bottom: 10px;
  color: #dddddd;
}
.main-footer .about-widget .list-style-two li:hover {
  color: #ffffff;
}
.main-footer .about-widget .list-style-two a {
  color: #dddddd;
}
.main-footer .about-widget .list-style-two i {
  color: #ff5500;
  margin-right: 3px;
}
.main-footer .about-widget .list-style-two a:hover {
  color: #ffffff;
}
.main-footer .about-widget .list-style-two li:hover i {
  color: #ffffff;
}
.main-footer .about-widget .social-icon-two a {
  background-color: #ff5500;
}
.main-footer .about-widget .social-icon-two a:hover {
  background-color: #ffffff;
  color: #ff5500;
}
.main-footer .footer-column {
  position: relative;
}
.main-footer .footer-widget {
  margin-bottom: 50px;
  position: relative;
}
.main-footer .widget-title {
  position: relative;
  color: #ffffff;
  margin-bottom: 30px;
  font-size: 22px;
}
.main-footer .footer-widget h5{
    color: #ddd;font-size: 18px;
}
.main-footer.home5-style {
  background-color: #100F12;
  position: relative;
}
.main-footer.home5-style:before {
  background-color: #100F12;
  background-image: url(../image/bg10.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.05;
  position: absolute;
  right: 0;
  top: 0;
}
.main-footer.home6-style {
  background-color: #1E1B1B;
  position: relative;
}

/*=== Latest News ===*/
.lnews-widget {
  position: relative;
}
/*.lnews-widget .post-item:first-child {
  margin-bottom: 45px;
}*/
.lnews-widget .post-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  left: 0;
  position: absolute;
  width: 75px;
}
.lnews-widget .post-right {
  /*padding-left: 90px;*/
}
.lnews-widget .post-right li{
    float: left;
    width: 48%;
    margin: 1%;
}
.lnews-widget .posted-date .entry-date,
.lnews-widget .posted-date i {
  color: #ff5500;
}
.lnews-widget .entry-date {
  color: var(--entry-meta-color-light);
  display: block;
  font-size: 14px;
  line-height: 12px;
  padding: 4px 0;
}
.lnews-widget .entry-title {
  color: #dddddd;
  font-size: 16px;
  line-height: 22px;
}
.lnews-widget .entry-title:hover {
  color: #ffffff;
}
.lnews-widget .entry-title a:hover{
    color: #ff5500;
}
.rounded-circle {
    border-radius: 50%!important;
}
/*=== User LInks ===*/
.user-links {
  margin-bottom: 50px;
  position: relative;
}
.user-links li {
  color: #ddd;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
}
.user-links li:before {
  color: #ff5500;
  content:"\eaca";
  font-family: IcoFont!important;
  font-weight: 600;
  left: 0;
  position: absolute;
}
.user-links li:last-child {
  margin-bottom: 0;
}
.user-links li a {
  color: inherit;
  display: inline-block;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.user-links li a:hover {
  color: #ffffff;
}
.user-links li a:before {
  background-color: #ff5500;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.user-links li a:hover:before {
  width: 100%;
}

/* Gallery Widget */
.gallery-widget {
  position: relative;
}
.gallery-widget .widget-content {
  padding-right: 50px;
}
@media only screen and (max-width: 767px) {
  .gallery-widget .widget-content {
    padding-right: 0;
  }
}
.gallery-widget .outer {
  position: relative;
  padding-top: 5px;
  margin: 0px -5px 0;
}
.gallery-widget .outer .image {
  position: relative;
  float: left;
  width: 33.3333%;
  padding: 0px 5px;
  margin-bottom: 10px;
}
.gallery-widget .image img {
  display: block;
  width: 100%;
}
.gallery-widget .image a {
  position: relative;
  display: block;
  overflow: hidden;
}
.gallery-widget .image a:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #ff5500 padding-box content-box;
  opacity: 0.8;
  content: "";
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.gallery-widget .image a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.gallery-widget .image a:hover:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.gallery-widget .image a:after {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  content: "\f16d";
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Font Awesome 6 Brands";
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/**/
/*Social Icon Two*/
.social-icon-two {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-icon-two li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
.social-icon-two li:first-child {
  margin-left: 0;
}
.social-icon-two li a {
  position: relative;
  display: block;
  line-height: 42px;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 50%;
  background-color: #081125;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social-icon-two li a:hover {
  color: #ffffff;
  background-color: #232331;
}


/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 8.0 - OUR TEAM AREA                                                   
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.our-team{padding: 50px 0;}
.team-members {
    text-align: center;
    position: relative;
    background-color: #4c4040;
    background-size: cover;
    margin-top: 30px;
    border-radius: 30px 0;
    border: 1px solid #0f2c4e;
}
.team-members img {
    display: block;
    width: 100%;
    border-radius: 30px 0;
}
.team-members h3 {
    font-size: 20px;
    color: #fff;
    margin: 10px 0;
    font-weight: 500;
}
.member-name {
    background-color: #0f2c4e;
    min-width: 160px;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 10px;
    border-radius: 0 0 30px;
}
.team-members:hover .member-name {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.team-members:hover .member-hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 20;
}

.team-members .member-hover {
    content: "";
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    -webkit-box-shadow: 1px 1px 1px 1px #5d5a5e;
    -moz-box-shadow: 1px 1px 1px 1px #5d5a5e;
    box-shadow: 1px 1px 1px 1px #5d5a5e;
    border: 1px solid #fff;
    border-radius: 30px 0;
    background: rgba(3, 3, 30, 0.80);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.team-members .member-hover .member-info {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 55%;
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    transform: translateY(-65%);
}
.team-members .member-hover .member-info a {
    font-size: 15px;
    color: #de931f;
    font-weight: 400;
}
.team-members .member-hover .member-info a:hover {
    color: #fd800f;
}
.team-members .member-hover .member-social {
    margin-top: 50px;

}
.team-members .member-hover .member-social ul {
    display: table;
    margin: auto;
}
.team-members .member-hover .member-social ul li {
    float: left;
}
.team-members .member-hover .member-social ul li a {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 100%;   
}
.team-members .member-hover .member-social ul li a:hover {
    background-color: #fff;
    color: #fe931f;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.team-members .member-hover .member-social ul li a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*service*/
.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 133px 0;
  min-height: 300px;
}
@media only screen and (max-width: 768px) {
  .page-title {
    padding: 110px 0 110px;
  }
}
.page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #131313;
  opacity: 0.6;
  content: "";
}
.page-title .title {
    color: #ffffff;
    font-size: 64px;
    margin-bottom: 17px;
    position: relative;
}
 
.page-breadcrumb {
  background-color: #ff5500;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  position: relative;
}
.page-breadcrumb li {
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  margin-right: 12px;
  padding-right: 13px;
  position: relative;
  text-transform: capitalize;
}
.page-breadcrumb li:after {
  font-family: IcoFont!important;
  color: #fff;
  content:"\eaca";
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: -6px;
  top: 5px;
}
.page-breadcrumb li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
  color: #fff;
}
  .services-details{
     margin-top: 50px;
  }
 .services-details h3{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f2c49;
 }
  .services-details h5{
     color: #0f2c49;
     margin: 15px 0;
     font-size: 22px;
  }
  .services-details p>strong{
    color: #000;
  }
 /***
=============================================
    Services Details
=============================================
***/
.service-sidebar {
  position: relative;
  display: block;
  max-width: 365px;
  width: 100%;
  margin-top: 50px;
}
.service-sidebar .service-sidebar-single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.service-sidebar .service-sidebar-single-services {
  position: relative;
  display: block;
  background: #f6f4ec;
  border-radius: 10px;
  padding: 35px 30px 25px;
}
.service-sidebar .service-sidebar-single-services .title {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding-left: 20px;
}
.service-sidebar .service-sidebar-single-services .title h3 {
  color: #0f2c49;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.service-sidebar .service-sidebar-single-services ul {
  position: relative;
  display: block;
  margin-top: 10px;
}
.service-sidebar .service-sidebar-single-services ul li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  margin-top: -10px;
}
.service-sidebar .service-sidebar-single-services ul li:last-child {
  margin-bottom: 0;
}
.service-sidebar .service-sidebar-single-services ul li a {
  position: relative;
  display: block;
  color: #687469;
  font-size: 18px;
  padding: 22px 20px 22px;
  border-radius: 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-sidebar .service-sidebar-single-services ul li a:hover {
  color: #fff;
}
.service-sidebar .service-sidebar-single-services ul li a:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.service-sidebar .service-sidebar-single-services ul li a:hover i {
  color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-sidebar .service-sidebar-single-services ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  z-index: -1;
  opacity: 1;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background-color: #ff5500;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.service-sidebar .service-sidebar-single-services ul li a i {
  font-size: 16px;
}
.service-sidebar .service-sidebar-single-services ul li.current a {
  color: #fff;
}
.service-sidebar .service-sidebar-single-services ul li.current a::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.service-sidebar .service-sidebar-single-services ul li.current a i {
  color: #fff;
}
.service-sidebar .service-sidebar-single-services ul li.current:first-child {
  margin-top: 20px;
}
.service-sidebar .service-sidebar-single-services ul li.current:last-child {
  margin-bottom: 35px;
}
.service-sidebar .service-sidebar-single-contact-box {
  position: relative;
  display: block;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 50px 0px 44px;
  z-index: 1;
}
.service-sidebar .service-sidebar-single-contact-box::before {
  background-color:#0f2c49;
  border-radius: 10px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.service-sidebar .service-sidebar-single-contact-box .icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 50%;
  background: #ff5500;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover {
  background-color: #ff5500;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
  color: #fff;
}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .title {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 42px;
}
.service-sidebar .service-sidebar-single-contact-box .title h2 {
  color: #ffffff;
  font-size: 36px;
}
.service-sidebar .service-sidebar-single-contact-box .phone {
  font-size: 24px;
  line-height: 34px;
}
.service-sidebar .service-sidebar-single-contact-box .phone a {
  color: #ffffff;
  font-size: 24px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
  color: #ff5500;
}
.service-sidebar .service-sidebar-single-contact-box p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
/*.service-sidebar .service-sidebar-single-btn {
  position: relative;
  display: block;
}
.service-sidebar .service-sidebar-single-btn .thm-btn {
  font-size: 16px;
  padding: 13px 50px 28px;
}
.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
  position: relative;
  display: inline-block;
  top: 13px;
  color: #334b35;
  font-size: 40px;
  padding-right: 25px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {
  color: #ffffff;
}*/
.service-sidebar .banner-widget {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.service-sidebar .banner-widget .widget-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 45px 30px 40px 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .widget-content .shape {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 278px;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-sidebar .banner-widget .overlayer:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  content: "";
}
.service-sidebar .banner-widget .content-box {
  position: relative;
}
.service-sidebar .banner-widget .content-box .icon-box {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  background-color: #232331;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 23px;
}
.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
  position: absolute;
  top: -15px;
  right: -38px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .content-box h3 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
  background: #0a267a;
}
.service-sidebar .service-sidebar-single-btn .theme-btn {
  padding: 20px 50px;
}
.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
  position: relative;
  display: inline-block;
  font-size: 36px;
  padding-right: 25px;
  margin-top: 7px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}

.services-details__content .feature-list .single-item {
  position: relative;
  display: block;
  border: 1px solid #e1e8e4;
  padding: 16px 30px 16px 53px;
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .icon-box {
  color: #ff5500;
  position: absolute;
  left: 20px;
  top: 16px;
  font-size: 18px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .title {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
}
.services-details__content .feature-list .single-item:hover {
  background-color: #ff5500;
  color: #fff;
}
.services-details__content .feature-list .single-item:hover .title {
  color: #fff;
}
.services-details__content .feature-list .single-item:hover .icon-box {
  color: #fff;
}


/**/

/***

====================================================================
    Blog Details
====================================================================

***/
.blog-details {
  display: block;
  position: relative;
  margin-top: 50px;
}

.blog-details__left {
  display: block;
  position: relative;
}

.blog-details__img {
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
}
.blog-details__img img {
  border-radius: 10px;
  width: 100%;
}

.blog-details__date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff5500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 21px 24px 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.blog-details__date .day {
  color: #fff;
  font-size: 16px;
  line-height: 16px;
}
.blog-details__date .month {
  color: #fff;
  display: block;
  font-size: 10px;
  line-height: 12px;
  position: relative;
  text-transform: uppercase;
}

.blog-details__content {
  position: relative;
  display: block;
  margin-top: 22px;
}

.blog-details__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #ff5500;
}
.blog-details__meta li + li {
  margin-left: 18px;
}
.blog-details__meta li a {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-details__meta li a:hover {
  color: #ff5500;
}
.blog-details__meta li a i {
  color: #232331;
  margin-right: 6px;
}

.blog-details__title {
    font-size: 28px;
    line-height: 1.3;
    margin-top: 12px;
    margin-bottom: 20px;
    color: #0f2c49;
}
.blog-details__text{
    font-size: 16px;
    line-height: 1.8;
} 
  
.blog-details__pagenation-box {
  display: block;
  margin-bottom: 53px;
  overflow: hidden;
  position: relative;
}

.blog-details__pagenation {
  position: relative;
  display: block;
}
.blog-details__pagenation li {
  position: relative;
  float: left;
  font-size: 20px;
  background-color: #f6f6f6;
  border-radius: 10px;
  color: #0e2207;
  color: #0f2c49;
  line-height: 30px;
  max-width: 370px;
  padding-bottom: 52px;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 52px;
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-details__pagenation li:hover {
  background-color: #232331;
  color: #fff;
}
.blog-details__pagenation li + li {
  margin-left: 30px;
}
.nav-links{
    border-top: 1px solid #ece9e0;
    margin-top: 49px;
    padding: 30px 0 30px;
}
.nav-links .prev{
    margin-bottom: 15px;
}
.nav-links a span{
    background-color: #ff5500;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    padding: 5px 15px 5px;
}
/*** 

====================================================================
Sidebar
====================================================================

***/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 700;
}
 

.sidebar__post {
  position: relative;
  display: block;
  padding: 46px 30px 30px;
  color: #0f2c49;
  background-color: #f6f6f6;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__post {
    padding: 30px;
  }
}
.sidebar__post .sidebar__title {
  margin-left: 20px;
  color: #0f2c49;
  font-weight: 600!important;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__title {
    margin-left: 0;
  }
}
.sidebar__post .sidebar__post-list {
  margin: 0;
}
.sidebar__post .sidebar__post-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 18px 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__post-list li {
    padding: 16px 0;
  }
}
.sidebar__post .sidebar__post-list li:hover {
  background-color: #ffffff;
  border-radius: 10px;
}
.sidebar__post .sidebar__post-list li + li {
  margin-top: 11px;
}
.sidebar__post .sidebar__post-list .sidebar__post-image {
  /* margin-right: 20px; */
  -webkit-box-flex: 100px;
  -ms-flex: 100px 0 0px;
  flex: 100px 0 0;
}
.sidebar__post .sidebar__post-list .sidebar__post-image > img {
  width: 80px;
  border-radius: 10px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content {
  position: relative;
  top: -3px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 {
  font-size: 18px;
  margin: 0;
  line-height: 26px;
  letter-spacing: 0;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta {
  font-size: 14px;
  font-weight: 500;
  color: #757873 !important;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {
  color: #ff5500;
  font-size: 13px;
  padding-right: 5px;
}

.sidebar__category {
  position: relative;
  display: block;
  color: #0f2c49;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 45px 30px 38px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__category {
    padding: 30px 15px 30px;
  }
}
.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 9px;
  color: #0f2c49;
  font-weight: 600!important;
}
.sidebar__category-list {
  margin: 0;
}
.sidebar__category-list li + li {
  margin-top: 4px;
}
.sidebar__category-list li a {
  color: #757873;
  font-size: 15px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 12px 20px;
  font-weight: 500;
  border-radius: 10px;
}
.sidebar__category-list li a:hover {
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: #0e2207;
  text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5);
}
.sidebar__category-list li a:hover span {
  color: #ff5500;
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}
.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #232331;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
}
.sidebar__category-list li.active a {
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: #0e2207;
  border-radius: 10px;
  text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5);
}
.sidebar__category-list li.active a span {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  color: #ffcd1e;
}

  
/*** 
====================================================================
    News Section
====================================================================
***/
.news-section {
  background-color: #f9f9f9;
  overflow: hidden;
  padding: 120px 0 70px;
  position: relative;
}
.news-section.style-two {
  padding-top: 210px;
}
.news-section.home6-style {
  background-color: #fff;
  border-top: 10px solid #ff5500;
}

.news-block {
  margin-bottom: 30px;
  position: relative;
}
.news-block .inner-box {
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.news-block .inner-box:hover .image-box .image a:after {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.news-block .inner-box:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.news-block .inner-box:hover .read-more {
  width: 100%;
  left: 0%;
  opacity: 1;
}
.news-block .image-box {
  position: relative;
}
.news-block .image-box .image {
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
.news-block .image-box .image img {
  border-radius: 10px 10px 0 0;
  display: block;
  width: 100%;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.news-block .image-box .image a:after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 51%;
  top: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.news-block .image-box .date {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ff5500;
  color: #fff;
  font-size: 14px;
  height: 55px;
  position: absolute;
  right: 20px;
  top: -10px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70px;
  z-index: 1;
}
.news-block .image-box .date span.month {
  font-size: 12px;
  font-weight: 400;
}
.news-block .image-box .date b {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.news-block .image-box .date:before {
  border-top: 10px solid transparent;
  border-right: 10px solid #ff5500;
  content: "";
  left: -10px;
  position: absolute;
  top: 0;
}
.news-block .image-box .date:after {
  border-top: 10px solid transparent;
  border-left: 10px solid #ff5500;
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
}
.news-block .lower-content {
  border-radius: 0 0 10px 10px;
  padding: 25px 30px 35px;
  position: relative;
}
.news-block .lower-content p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;

}
 
.news-block .title {
  margin-bottom: 0;
  display: block;
  position: relative;
  color: #0f2c49;
  font-weight: 600;
}
.news-block .title a {
    font-size: 22px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.news-block .title a:hover {
  color: #ff5500;
}
.news-block .read-more {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #232331;
  border-radius: 0 0 10px 10px;
  bottom: -20px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 50%;
  line-height: 20px;
  opacity: 0;
  padding: 10px 40px;
  position: absolute;
  text-transform: uppercase;
  width: 0%;
  white-space: nowrap;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.news-block.style-two .inner-box {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.news-block.style-two .lower-content {
  border: 1px solid #EFEAE4;
  border-radius: 0 0 10px 10px;
}

/**/
.product-discription {
    display: block;
    position: relative;
    padding: 50px 0;
}
/*======================
    Tabs Box
======================*/
.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}
.product-discription .tab-btn-box {
  display: block;
  margin-bottom: 60px;
  position: relative;
  width: 100%;
}
.product-discription .tab-btn-box:before {
  background-color: #e1e8e4;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  top: 28px;
  width: 100%;
}
.product-discription .tab-btn-box .tab-btns li {
  background-color: #fff;
  border: 1px solid #e1e8e4;
  color: #1e2434;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 0px 8.5px;
  padding: 14px 30px;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.product-discription .tab-btn-box .tab-btns li.active-btn {
  background-color: #ff5500;
  color: #fff;
} 
.product-discription .single-comment-box {
  background-color: #f4f5f4;
  display: block;
  padding: 34px 30px 34px 30px;
  position: relative;
  margin-bottom: 30px;
}
.product-discription .single-comment-box .inner-box{

}
 
.product-discription .single-comment-box .inner-box  img {
  /*border-radius: 50%;*/
  width: 100%;
}
.product-discription .single-comment-box .inner{
}
.product-discription .single-comment-box .inner h5 {
  display: block;
  line-height: 26px;
  margin-bottom: 16px;
}
.product-discription .single-comment-box .inner h5 a{

  font-size: 18px;
}
.product-discription .single-comment-box .inner h5 span {
  font-weight: 400; 
  color: #ff5500;
  text-transform: capitalize;
}
.product-discription .single-comment-box .inner p{
    color: #333;
}
.product-discription .customer-comment {
  display: block;
  position: relative;
}
 
.w3l-grids-block-5 .grids5-info h4 a {
  color: #060606;
  font-size: 22px;
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
}

.w3l-grids-block-5 .grids5-info h4 a:hover {
  color: #0099e5;
}

.w3l-grids-block-5 .blog-card-single {
  background: #fff;
  transition: .3s ease;
  -webkit-transition: .3s ease;
  border: 1px solid #ddd;
  padding: 12px;
  text-align: center;
      margin: 18px 0;
}

.w3l-grids-block-5 .blog-card-single:hover {
  box-shadow: 0px 15px 18px -11px rgb(0 0 0);
  border-color: transparent;
}

.w3l-grids-block-5 .grids5-info a img {
  display: block;
  width: 100%;
}

.w3l-grids-block-5 .blog-info {
  padding: 20px 0;
}

.btn-style {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #ff5500;
    padding: 7px 45px;
    margin-top: 15px;
    border-radius: 4px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}


 
 /**/
.our-about {
padding-top: 50px;
background:-webkit-linear-gradient(top, #0856a1, #6faceb); background:linear-gradient(to bottom, #0856a1, #6faceb);
background-attachment: fixed;
position: relative;
overflow: hidden;
}
.our-about_bg{position:absolute;top:0;left:0;width:100%;height:100%; /*background: url(../../img/damen.png) no-repeat right bottom;*/ background-size: 100%;background-attachment: fixed;}
.our-about .wrap{position: relative; z-index: 2;}
.our-about .i_tit h2 {color: #fff;font-size: 48px;margin-bottom: 30px;}
.our-about_t {display: block;text-align: center;margin: 10px auto 0;max-width: 100%;color: #FFF;}
 .ab_list {padding: 5% 5%;display: -webkit-flex;display: flex;flex-wrap: wrap;/* gap: .5rem 6%; */}
.ab_list dt {width: 47%;margin-bottom: 20px;}
.ab_list .ico {width: 17%;height: 60px;float: left;display: inline-block;}
 .ab_list .ico img {z-index: 2;max-width: 60px;}
.ab_list  span{float: left;width: 80%;}
.ab_list dt:hover .ab_list span {
margin-left: 0.3rem;
}
.ab_list span h3 {font-size: 20px;color: #FFF;}
.ab_list span h6 {margin-top: 10px;font-size: 15px;color: rgb(255 255 255 / 70%);font-weight: 400;}
.ab_list dt:hover .ico{}
.ab_list dt:hover .ico::after{height: 100%;}
.ab_list dt:hover img{/* -webkit-transform:translate(-50%, -50%) rotateY(180deg); *//* transform:translate(-50%, -50%) rotateY(180deg); */}
.ab_list dt:hover h3,.ab_list dt:hover h6{color: #ffa924;}
.ab_list .ico,.ab_list .ico::after,.ab_list .ico img,.ab_list span h3,.ab_list span h6{-webkit-transition:all .5s ease; transition:all .5s ease}
.i_tit {
text-align: center;
}
 
 
@media screen and (max-width:1024px) {
.our-about{}
.adv_ico_list li img{}
.ab_list{padding: 30px 0;}
.ab_list .ico{}
.ab_list .ico img{}
.ab_list span h3{}
.ab_list span h6{}
}
@media screen and (max-width:768px) {
.ab_list dt{width: 100%;}
.ab_list .ico{ text-align: center; }
.our-about .i_tit h2{font-size: 38px;}
.ab_list .ico img{}

.our-about_bg{background-size: 120%;}
}
@media screen and (max-width:560px) {
 .our-about .i_tit h2{font-size: 30px;}
 .ab_list span h3{font-size: 18px;}
 .ab_list span h6{color: #fff;}
 .ab_list .ico img{max-width: 50px;}
}




#faq{padding: 2.5rem 0}
.title-big {
  font-size: 36px;
  line-height: 46px;
  font-weight: 600;
  position: relative;
  color: #3b3663;
   }

.title-big span {
  font-family: 'Playfair Display',serif;
  font-weight: 700;
  font-style: italic;
  color: #fe5a0e; }

.w3l-faq-block .w3l-faq .transition,
.w3l-faq-block .w3l-faq p,
.w3l-faq-block .w3l-faq ul li i:before,
.w3l-faq-block .w3l-faq ul li i:after {
  transition: all 0.25s ease-in-out; }

.w3l-faq-block .w3l-faq .flipIn,
.w3l-faq-block .w3l-faq h1,
.w3l-faq-block .w3l-faq ul li {
  -webkit-animation: flipdown 0.5s ease both;
  animation: flipdown 0.5s ease both; }

.w3l-faq-block .w3l-faq .no-select,
.w3l-faq-block .w3l-faq h2 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.w3l-faq-block .w3l-faq h2 {
  font-size: 18px;
  line-height: 26px;
  display: block;
  margin: 0;
  cursor: pointer;
  color: #3b3663;
  font-weight: 600;
  padding: 0 10px 0 0;
  }

.w3l-faq-block .w3l-faq p {
  color: #696687;
  font-size: 16px;
  line-height: 26px;
  padding: 0;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 15px;
  }
.w3l-faq-block .w3l-faq p {
  color: #696687
}

.w3l-faq-block .w3l-faq p a.btn{
  color: #fff;
}
.w3l-faq-block .w3l-faq ul {
  list-style: none;
  padding: 0; }

.w3l-faq-block .faq-page {
  border-radius: 6px;
  background: #f8f9fa;
  padding: 20px 35px; }

.w3l-faq-block .w3l-faq ul li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
  }

.w3l-faq-block .w3l-faq ul li:last-child {
  border-bottom: 1px solid transparent; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(4) {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(5) {
  -webkit-animation-delay: 1.50s;
  animation-delay: 1.50s; }

.w3l-faq-block .w3l-faq ul li:nth-of-type(6) {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s; }

.w3l-faq-block .w3l-faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 0px;
  top: 9px;
  z-index: 0;
  }

.w3l-faq-block .w3l-faq ul li i:before,
.w3l-faq-block .w3l-faq ul li i:after {
  content: "";
  position: absolute;
  background-color: #3b3663;
  width: 3px;
  height: 9px; }

.w3l-faq-block .w3l-faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg); }

.w3l-faq-block .w3l-faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg); }

.w3l-faq-block .w3l-faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-appearance: none; }

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%); }

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg); }

.w3l-faq-block .w3l-faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg); }



.w3l-faq-block .banner-form-w3 .title-big {
  color: #fff;
  font-size: 32px; }

.w3l-faq-block .banner-form-w3 p {
  color: #ccc; }

.w3l-faq-block .banner-form-w3 {
  padding: 2.5em;
  background: #3B3663;
  border-radius: 6px;
  /*max-width: 400px;*/
  margin-left: auto;
  border: 1px solid transparent; }

.w3l-faq-block ::-webkit-input-placeholder {
  color: #aaa; }

.w3l-faq-block ::-moz-placeholder {
  color: #aaa; }

.w3l-faq-block :-ms-input-placeholder {
  color: #aaa; }

.w3l-faq-block :-moz-placeholder {
  color: #aaa; }

@media screen and (max-width: 1080px) {
  .w3l-faq-block .banner-form-w3 {
    padding: 2em;
    margin: 0 auto; } }

@media screen and (max-width: 568px) {
  .w3l-faq-block .w3l-faq ul li {
    padding-right: 30px; } }

@media screen and (max-width: 480px) {
  .w3l-faq-block .w3l-faq h2 {
    font-size: 18px;
    line-height: 30px; }
  .w3l-faq-block .faq-page {
    padding: 10px 25px; }
  .w3l-faq-block .w3l-faq ul li {
    padding: 15px 0;
    padding-right: 15px; }
  .w3l-faq-block .banner-form-w3 {
    padding: 2em 1.5em; }
  .w3l-faq-block .w3l-faq h2 {
    font-size: 16px;
    line-height: 26px; } }


.contact-info > p{
    padding-top: 20px;
    padding-bottom: 20px;
}
.contact-info ul li{
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    float: none;
}
.contact-info ul li:last-child{
    margin-bottom: 0;
}

.contact-info ul li .icon i{
    width: 35px;
    height: 35px;
    line-height: 34px;
    border-radius: 50px;
    border: 1px solid #ebebeb;
    text-align: center;
    color: #2e4db9;
    font-size: 22px;
}
.contact-info ul li .cont p{
    font-weight: 400;color: #000;
    text-align: left;    font-size: 17px;

}
.contact-info ul li .cont p a
{
     font-weight: 500;
     color: #000;
}
.contact-info .cont{padding-left: 15px;}

.contact-info .cont h5{color: #2e4db9;font-size: 19px;margin-bottom: 5px;}