/* ======= site font family ==========*/
:root{--blackc: #272727;--whitec: #fff;--bgcolor: #a89968;--brcolor: #0E76BC;--paracolor: #444;--titlecolor: #17161a;}
html,body{overflow-x: hidden;}
/* defult css */
body{font-family: 'Microsoft Yahei';font-weight: 400;font-style: normal;font-size: 16px;line-height:2;color: var(--titlecolor);}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family: 'Microsoft Yahei',serif;font-style: normal;line-height: 1.6;font-weight: 700;font-size: 24px;margin: 0;color: var(--titlecolor);}
h1,h1 a{font-size: 30px;}
h2,h2 a{font-size: 22px;}
h3,h3 a{font-size: 24px;}
h4,h4 a{font-size: 16px;font-family: 'Microsoft Yahei';}
h5,h6,h6 a{font-size: 15px;}
.btn-primary:focus,select:focus,textarea:focus,input:focus{box-shadow: none !important;border: none;}
textarea,input{outline:none;}
.btn:focus {text-decoration: none;outline: none;box-shadow: none;}
input:focus,button:focus{border-color:transparent;outline-color:transparent;}
textarea:focus{border-color:transparent;outline-color:transparent;}
::-moz-placeholder {font-size: 16px;}
::-webkit-input-placeholder {font-size: 16px;}
:-ms-input-placeholder {font-size: 16px;}
::placeholder {font-size: 16px;}
a{transition: .5s;text-decoration:none;color:var(--linkcolor);}
a:focus, a:hover {text-decoration: none;outline: none;} 

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;}
p.form-messege{margin-top: 8px;}
P{font-size: 16px;font-weight: 400;line-height: 26px;color: var(--paracolor);}
a{text-decoration: none;transition: .5s;}
a:hover{color: var(--brcolor);}
.witr_all_pd0{padding: 0;}
/* highlight color css */
h2 span.highlight {color: var(--bgcolor);}

/*======== header top start ==========*/
.header_top {padding: 10px 0;background: var(--bgcolor);}
.top_menu_left {margin-left: 95px;color: var( --bgcolor);}
.top_menu_left span {color: var(--whitec);margin-right: 10px;font-size: 15px;font-weight: 500;}
.top_menu_left span i {margin-right: 6px;}
/*--ICON--*/
.top_menu_left a i {margin-right: 6px;color: var(--whitec);font-size: 15px;}
.top_menu_left a span{color: var(--whitec);font-size: 15px;}

.top_menu_left_icon {display: inline-block;margin-left: 15px;}
.top_menu_left_icon>a>i{margin-right: 0px;}
.top_menu_left_icon a i{transition: .5s;font-size: 15px;font-weight: 600;color: var(--whitec);}
.top_menu_left_icon a i:hover{color: var(--titlecolor);}

/*--top_menu_right--*/
.top_menu_right {display: flex;color: var( --whitec);justify-content: end;margin-right: 95px;position: relative;}
.top_menu_right span {display: none;}
.top_menu_right span img {max-width: 180px;}
.top_menu_right a:hover span {display: block;position: absolute;z-index: 99;right: 0;}
.top_menu_right a{color: var(--whitec);margin-left: 15px;transition: .5s;}
.top_menu_right a i{font-size: 15px;}
.top_menu_right :hover{color: var(--titlecolor);}
.absolute_menu .sticky .header_top{display: none;}
/*======== header top end ==========*/

/*======== main menu area start ==========*/
.main_menu_area {background: var(--whitec);}
.main_menu_area.breadcam_menu {background-color: var(--whitec);}
/* mobile menu */
.mobile_menu{display: none;}
.mobile_logo_area{display: none;}
.main_menu_area.sticky {position: fixed;top: 0;left: 0;right: 0;z-index: 999999;background: rgb(0 0 0 / 70%);}
.main_menu_area .sticky_logo{display: none;}
.main_menu_area.sticky .main_logo{display: none;}
.main_menu_area.sticky .sticky_logo{display: block;}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a{color: var(--whitec);}

.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{color: var(--bgcolor);}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i{color: var(--whitec);}
.main_menu_area.sticky .main_nav_btn a{color: var(--whitec);}
.main_menu_area.sticky .main_nav_icons a i{color: var(--whitec);}
/* main nav area css */
.main_nav_area {display: flex;align-items: center;justify-content: 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 .main_nav_area{justify-content: end;}
.main_menu_all_item {align-items: center;margin: 0 80px;}
/* 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: block;margin: 35px 12px;transition: .2s;position: relative;font-size: 16px;font-weight: 700;color: var(--blackc);}
.inner_main_nav_area >ul >li >a>i{font-weight: 700;color: var(--titlecolor);}
.inner_main_nav_area >ul> li> a:hover{color: var(--bgcolor);}
/* main nav btn css */
.main_nav_btn a {display: inline-block;font-size: 18px;font-weight: 500;border-radius: 5px;padding: 10px 30px;border: 1px solid #dddddd;background: none;color: var(--paracolor);}
.inner_main_nav_area ul li a.menu_nav_active{color: var(--bgcolor) !important;}
.main_nav_btn a:hover{background-color: var(--bgcolor);color: var(--whitec);}
.absolute_menu .inner_main_nav_area >ul >li >a{color: var(--whitec);}
.absolute_menu .inner_main_nav_area >ul >li >a:hover{color: var(--bgcolor);}
/* main nav icons together */
.beutty_right_area {display: flex;align-items: center;}
.main_nav_icons_together {display: flex;align-items: center;}
/* main nav icons */

.main_nav_icons >i {display: inline-block;cursor: pointer;transition: .5s;color: var(--blackc);margin-left: 25px;cursor: pointer;font-size: 16px;height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 100px;}
.main_nav_icons >i:hover{color: var(--whitec);background-color: var(--bgcolor);}
.main_menu_area.sticky .main_nav_icons >i{color: var(--whitec);}
/* nav icon popup css */
.nav_icon_popup {position: fixed;top: 0;left: -110%;background: #c54a1580;display: flex;align-items: center;width: 100%;height: 100%;z-index: 999;opacity: 0;visibility: hidden;transition: 1s;}
.nav_icon_popup.icon_popup {opacity: 1;visibility: visible;left: 0;}

/* main nav icon right */
.main_nav_icon_right {margin-left: 22px;}
.main_nav_icon_right> i {display: inline-block;font-size: 23px;border-radius: 10px;cursor: pointer;}

/* main nav icon right popup */
.main_nav_icon_right_popup {position: fixed;top: 0;right: -110%;width: 400px;height: 100%;background: #fff;z-index: 999;padding: 100px 20px 30px;overflow: scroll;opacity: 0;visibility: hidden;transition: 1s;}
.main_nav_icon_right_popup.site_popup {right: 0;opacity: 1;visibility: visible;}
.main_nav_icon_right_popup h2 {font-size: 22px;font-weight: 600;padding-bottom: 5px;}
/* main nav right popup close */
.m_nav_rpi_close {text-align: end;margin: -57px 0 20px;}
.m_nav_rpi_close >i{display: inline-block;color: var(--blackc);font-size: 40px;font-weight: 400;cursor: pointer;}
.m_nav_right_pp_form{position: relative;}
.m_nav_right_pp_form input{height: 54px;width: 100%;border: 1px solid #efefef;outline: none;padding: 0 20px;}
.m_nav_right_pp_form button{position: absolute;top: 0;right: 0;font-size: 18px;padding: 13px 20px;outline: none;border: none;background: #ddd;color: var(--blackc);}
/* right popup nav */
.right_popup_nav {padding: 65px 0 0 0;}
.right_popup_nav ul {list-style: none;padding-left: 0;}
.right_popup_nav ul li {padding: 12px 0;border-bottom: 1px solid #dddddd;}
.right_popup_nav ul li.r_nav_child_border{border-bottom: none;}
/* right popup address */
.right_popup_address {padding: 40px 0 14px;}
.right_popup_address h2 {font-size: 24px;margin-bottom: 30px;}
.right_popup_address p{width: 85%;}
.right_popup_inner_address p{color: var(--brcolor);}
.right_popup_inner_address p i{margin-right: 6px;}
.right_popup_address h5 {background-color: var(--bgcolor);color: var(--whitec);padding: 15px 0 14px;font-size: 14px;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: 2px;width: 100%;margin: 0;position: relative;}
/* inner nav icon popup */
.inner_nav_icon_popup {width: 47%;margin: 0 auto;position: relative;}
.inner_nav_icon_popup input{font-size: 30px;font-weight: 500;padding: 17px 40px 15px 15px;width: 100%;border: none;outline: none;box-shadow: 0px 0px 30px 0px #dddddd45;background: var(--whitec);border-radius: 10px;}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {position: absolute;top: 35%;right: 10px;transform: translateY(-50%);}
.inner_nav_popup_btnicon{font-size: 40px;border: none;outline: none;background: none;}
.inner_nav_icon_popup i{display: inline-block;margin-top: 10px;width: 36px;height: 36px;line-height: 36px;text-align: center;border-radius: 100%;background-color: var(--whitec);color: var(--blackc);font-size: 25px;cursor: pointer;transition: 1s;}
/* main nav icons middle css */
.main_nav_icons_middle {margin-left: 30px;position: relative;}
.main_nav_icons_middle a {position: relative;font-size: 18px;cursor: pointer;padding: 8px;display: inline-flex;background: #fff;border-radius: 100%;}
.main_nav_icons_middle a span {position: absolute;top: 0;right: -5px;width: 18px;height: 20px;font-size: 12px;line-height: 20px;text-align: center;background-color: var(--bgcolor);border-radius: 100%;color: var(--whitec);}
.main_nav_middle_box_item {overflow: scroll;position: absolute;right: 0;top: 130%;width: 300px;height: 300px;z-index: 999;opacity: 0;visibility: hidden;background-color: var(--whitec);transition: .5s;}
.main_nav_icons_middle:hover .main_nav_middle_box_item{top: 170%;opacity: 1;visibility: visible;}
.main_nav_middle_box_item p{padding: 20px;}

.m_nav_right_pp_form{position: relative;}
.m_nav_right_pp_form input{height: 54px;width: 100%;border: 1px solid #efefef;outline: none;padding: 0 20px;}
.m_nav_right_pp_form button{position: absolute;top: 0;right: 0;font-size: 18px;padding: 13px 20px;outline: none;border: none;background: #ddd;color: var(--blackc);}
/* right popup nav */
.right_popup_nav {padding: 65px 0 0 0;}
.right_popup_nav ul {list-style: none;padding-left: 0;}
.right_popup_nav ul li {padding: 12px 0;border-bottom: 1px solid #dddddd;}
.right_popup_nav ul li.r_nav_child_border{border-bottom: none;}
.right_popup_nav ul li a{display: inline-block;font-size: 16px;font-weight: 400;color: var(--paracolor);}
/* right popup address */
.dtbtn {background-color: var(--bgcolor);color: var(--whitec);display: block;font-size: 14px;margin-left: 20px;border-radius: 50px;padding:8px 12px;font-weight: 700;position: relative;}
.dtbtn span img{max-width: 180px;}
.dtbtn span { display: none;}
.menu_btn:hover .dtbtn span{ display:block; position:absolute; z-index:999;right: 0;}
.menu_btn:hover .dtbtn span p {background: #fff;text-align: center;font-size: 14px;line-height: 1.5;}
.menu_btn a:hover{color: var(--whitec);background-color: #54595F;}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{position: absolute;top: 130%;left: 0;width: max-content;min-width: 205px;max-width: 320px;text-align: left;margin: 0;padding: 15px 5px 14px;z-index: 9999;box-shadow: 0 0 30px rgb(0 0 0 / 9%);background-color: var(--whitec);opacity: 0;visibility: hidden;transition: .5s;}
.inner_main_nav_area ul li .sub_menu li{position: relative;}
.inner_main_nav_area ul li .sub_menu li a {display: inline-block;font-size: 18px;font-weight: 500;color: #444;padding: 6px 17px;}
.inner_main_nav_area ul li .sub_menu li a:hover{color: var(--bgcolor);margin-left: 5px;}
.inner_main_nav_area >ul >li:hover .sub_menu{top: 100%;opacity: 1;visibility: visible;}
.inner_main_nav_area .sub_menu >li > ul.sub_menu{top: 130%;left: 100%;opacity: 0;visibility: hidden;transition: .5s;}
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu{top: 0;opacity: 1;visibility: visible;}
.navd_active{background-color: var(--bgcolor);color: var(--whitec);}
/*======== 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: 26px;height: 20px;line-height: 23px;text-align: center;background: #66666617;}
.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 {max-width: 100%;}
.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 */
.slider_area{overflow: hidden;position: relative;}
.inner_slider_area {height: 870px;background-size: cover;background-position: center center;background-repeat: no-repeat;display: flex !important;align-items: center;}
.inner_slider_content {text-align: left;width: 50%;margin-left: 380px;}
.inner_slider_content h2 {font-size: 56px;color: var(--whitec);margin: 0;font-weight: 700;}
.inner_slider_content h3{font-size: 56px;color: var(--whitec);margin: 0;font-weight: 700;}
.inner_slider_content p {color: var(--whitec);width: 50%;font-weight: 500;font-size: 17px;margin: 30px 0 55px;}
/* golobal btn css */
.b_btn {margin-top: 35px;}
.b_btn a {display: inline-block;border-radius: 100px;padding: 25px 48px 25px 48px;font-size: 17px;font-weight: 700;margin-right: 10px;margin-bottom: 10px;text-transform: uppercase;color: var(--whitec);background-color: var(--bgcolor);}
.b_btn a:hover{background-color: var(--whitec);color: var(--bgcolor);}
.b_btn a i {font-size: 18px;margin-left: 10px;color: var(--whitec);}
.b_btn a.active{background-color: transparent;color: var(--whitec);display: inline-block;border: 2px dashed var(--bgcolor);}
.b_btn a.active:hover{background-color: var(--titlecolor);color: var(--whitec);border: 2px dashed var(--titlecolor);}

/* slider defult arrow css */
.slider_area .slick-prev, .slider_area .slick-next {background: none;width: 60px;height: 60px;line-height: 60px;border-radius: 0;opacity: 0;visibility: hidden;}
.slider_area .slick-prev{left: 0;}
.slider_area .slick-next{right: 10px;}
.slider_area .slick-prev::before ,.slider_area .slick-next::before{content: '\eac9';font-family: IcoFont;color: var(--whitec);display: inline-block;background: 0 0;width: 40px;height: 40px;line-height: 40px;border-radius: 0;font-size: 40px;font-weight: 700;}
.slider_area .slick-next::before{content: '\eaca';}
.slider_area .slick-prev:hover::before ,.slider_area .slick-next:hover::before{background-color: var(--whitec);color: var(--blackc);font-size: 60px;width: 60px;height: 60px;line-height: 60px;}
.slider_area:hover .slick-prev , .slider_area:hover .slick-next{opacity: 1;visibility: visible;}

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

/*======== video area start  ==========*/
.video_slider_area{position: relative;overflow: hidden;}
.slider_vedio {position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;z-index: -9999;aspect-ratio: 16/9;}
.single_slide_img {position: relative;}
.slider_vedio iframe {width: 100%;height: 100%;border: none;}
.video_slider_area .inner_slider_content h1, .video_slider_area .inner_slider_content h2, .video_slider_area .inner_slider_content p{color: var(--whitec);}
/*======== video area end  ==========*/

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


/*======== feature area start  ==========*/
.feature_area {padding: 0 0 50px;}
.main_feature {display: flex;gap: 20px;padding: 45px 50px 40px;margin-bottom: 20px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.single_feature i{color: var(--blackc);width: 77px;height: 77px;line-height: 77px;border-style: solid;display: block;text-align: center;font-size: 40px;border-width: 1px 1px 1px 1px;border-color: #EAEBEC;}
.feature_text h2{margin: 8px 10px 8px 0px;font-size: 22px;transition: .5s;}
.feature_text h2 a:hover{color: var(--bgcolor);}
.feature_middle{background: var(--bgcolor);}
.feature_middle h2 a{color: var(--whitec);}
.feature_middle i{color: var(--whitec);}
.feature_middle p{color: var(--whitec);}
/*======== feature area end  ==========*/


/*======== about area end =======*/
.about_area{padding:15px 0 55px;}
.about_area div#tab_item1,.about_area div#tab_item2,.about_area div#tab_item3,.about_area div#tab_item4 {margin-bottom:100px;}
.about_img{animation: witr_abmovetb 3s linear 2s infinite alternate running;}
.about_img img {border-radius: 15px;}
@keyframes witr_abmovetb{0% {    -webkit-transform: translateY(-40px);    transform: translateY(-40px);}
    
    100% {    -webkit-transform: translateY(-20px);    transform: translateY(-20px);}
}
.about_title h4{color: var(--bgcolor);}
.about_title h2 {font-size: 36px;margin: 25px 0 30px;}
.about_text_box{display: flex;gap: 30px;margin-top: 40px;}
.ls_text_box_content p{color: #333333;font-size: 23px;}
.last_about_content {padding:0px;margin-top: 25px;}
.main_sing {display: flex;gap: 20px;margin-top: 55px;}
.sign_text span{color: var(--bgcolor);}
/*======== about area end  ==========*/

/*======== tab area start  ==========*/
.tab_area {padding: 120px 0 80px;margin: 45px 0 0;position: relative;background: #F9F9F9;}
.inner_shop_title_right {display: block;}
/* section title area css */
.section_title_area {margin-bottom: 50px;position: relative;}
.section_title_area img {position: absolute;top: -60px;right: 40%;z-index: -1;}
.section_title_area p{font-size: 16px;width: 66%;margin: 0 auto;}
.section_title_area h4 {font-weight: 700;color: var(--bgcolor);margin-bottom: 15px;font-size: 17px;}
.section_title_area h2,.section_title_area h3{font-size: 35px;font-weight: 700;}

ul.nav.tab_blog {justify-content: center;margin-bottom: 30px;}
ul.tab_blog li a {margin-right: 10px;margin-bottom: 25px;padding:35px;display: inline-block;margin-left: 10px;transition: .5s;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;border-radius: 5px;box-shadow: 0px 0px 25px 2px rgba(196, 206, 213, 0.2);}
ul.tab_blog li a:hover{background-color: var(--bgcolor);}
.witr_tab_icona i{font-size:40px;margin:0 15px;color: var(--bgcolor);display: inline-block;margin-bottom: 5px;}
.main_tab_list ul li a.active  .witr_tab_icona i{color: var(--whitec);}
ul.tab_blog li a:hover .witr_tab_icona i{color: var(--whitec);}
span.witr_tab_icona {float: none;display: block;}
ul.tab_blog li a:hover strong{color: var(--whitec);}
.main_tab_list ul li a.active{color: var(--whitec);background: var(--bgcolor);}
.main_tab_list {text-align: center;}
  /* inner single page middle text css */
  
  /* award text area */
  .award_left_img{position: relative;}
  .award_left_img img {border-radius: 10px;}
  .inner_video_area {right: 0;position: absolute;top: 66%;left: 0;}
  .inner_video_area a {  display: inline-block;  width: 90px;  border-radius: 100%;  height: 90px;  font-size: 16px;  line-height: 90px;  background-color: var(--bgcolor);  color: var(--whitec);  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);  }
  }
  .award_middle_text h2 {font-size: 36px;margin-bottom: 25px;}
.witr_widget_list{margin-top: 30px;}
.witr_widget_list ul{margin: 0;padding: 0;}
.witr_widget_list ul li {list-style: none;margin: 0 0 10px;}
.witr_widget_list ul li span i{color: var(--bgcolor);}
.tab_btn{margin-top:25px;}
.tab_btn a{display: inline-block;margin: 0;background: transparent;transition: .5s;color: var(--bgcolor);border: 2px solid var(--bgcolor);}
.tab_btn a:hover{color: var(--whitec);background: var(--bgcolor);}
/*======== tab area end  ==========*/

/*======== testimonial area start ==========*/
.testimonial_area {padding: 120px 0;}
.br_test_area {padding: 0 0 75px;}
/* about testimonial area css */
.single_testimonial_text h4 {font-weight: 600;font-size: 17px;color: var(--whitec);margin-bottom: 20px;}
.single_testimonial_text h2{font-size: 35px;color: var(--whitec);}
.single_testimonial p{color: var(--whitec);font-size: 19px;}
.ticon i {font-size: 24px;display: inline-block;color: var(--blackc);margin-bottom: 30px;}
.single_testimonial {padding: 30px 14px 15px;position: relative;text-align: left;width: 95%;border-style: solid;border-width: 2px 0px 0px 0px;border-color: var(--bgcolor);}
.test_single_img {display: flex;gap: 25px;margin-top: 15px;margin-bottom: 10px;}
.tstitle{color: var(--whitec);padding: 10px 0px 0px 0px;}
.tesspanf{color: var(--whitec);font-size: 16px;}
/* testimonial defult arrow css */
.testimonial_area .slick-prev {left: -50%;top: 92%;color: var(--whitec);}
.testimonial_area .slick-next {right: 136%;top: 92%;}
.testimonial_area .slick-prev, .testimonial_area .slick-next {opacity: 1;top: 68%;visibility: visible;}

.breadcam_test{background-color: #F7F7F7 !important;box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.11);border-bottom: 2px solid var(--bgcolor) !important;border-top: none;}
/*======== testimonial area end ==========*/

/*======== client area start ==========*/

.cs_test_area {border-style: solid;border-width: 1px 0px 0px 0px;border-color: #DDDDDDAD;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 120px 0;background: #F9F9F9;}
.cs_test_area .witr_section_title {margin-bottom: 16px;}
.single_creativeItem {text-align: center;}
.box-size {padding: 10px 15px;}
.testiCreCon {position: relative;box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);background: #fff;border-radius: 5px;padding: 50px 20px 50px;margin-bottom: 35px;}
.testiCreCon li {font-size: 100px;color: #dddddd4f;position: absolute;left: 50%;transform: translateX(-50%);}
.testiCreCon p {position: relative;margin: 0;z-index: 1;}
.testiCreCon:after {position: absolute;content: '';left: 50%;bottom: -36px;border-radius: 15px;width: 50px;height: 50px;background: #fff;transform: rotate(45deg) translateX(-50%);z-index: -1;box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);}
.post_t6 .em_test_thumb {float: inherit;margin-right: 0;margin-bottom: 10px;text-align: -webkit-center;}
.em_test_thumb img {border-radius: 50%;width: 59px;}
.testAuthor h6 {margin-bottom: 0;font-size: 22px;}
.testAuthor span {font-size: 15px;}
.client_title_page h2{color: var(--titlecolor);}
.client_title_page h4{color: var(--paracolor);}
.client_title_page p {width: 58%;margin-right: auto;margin-left: auto;margin-top: 15px;}
/*======== client area end ==========*/

/*======== team area start ==========*/
.team_member {padding: 115px 0 150px;}
.law_team{margin-bottom: 50px;}
.br_team {margin: 0 0 70px;}
.single_team{margin: 0 10px;}
.single_team_img {position: relative;overflow: hidden;}
.single_team_img::after{content: '';position: absolute;top: 0;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;opacity: 0.5;z-index: 1;transition: 0.5s;}
.single_team_img:hover::after{background-color: #323A43D4;}
.single_team{margin: 10px;}
.single_team_img img{width: 100%;}
/* social icon */
.team_social_icon {position: absolute;transition: .5s;bottom: -80%;z-index: 9999;text-align: center;left: 32%;}
.single_team:hover .team_social_icon{bottom: 25%;}
.team_social_icon a {width: 55px;height: 55px;display: inline-block;border-radius: 50%;line-height: 55px;text-align: center;margin: 5px 3px;transition: .5s;font-size: 18px;color: var(--whitec);background-color: #a8996833;border-style: solid;border-width: 1px 1px 1px 1px;}
.team_social_icon a:hover{color: var(--bgcolor);background-color: var(--whitec);}
/* team text */
.team_text {text-align: center;margin-top: -50px;margin-left: 20px;z-index: 9999;margin-right: 20px;position: relative;padding: 5px 0;transition: .5s;background: var(--whitec);box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);}
.single_team:hover .team_text{background: var(--bgcolor);}
.team_text h2 {margin: 10px 0 0;font-size: 18px;}
.single_team:hover .team_text h2 a{color: var(--whitec);}
.team_text h2 a{transition: .5s;color: var(--titlecolor);}
.team_text p{color: var(--titlecolor);transition: .5s;}
.single_team:hover .team_text p{color: var(--whitec);}
/* team defult arrow css */
.team_member .slick-prev {left: 45%;top: 92%;color: var(--whitec);}
.team_member .slick-next {right: 45%;top: 92%;}
.team_member .slick-prev, .team_member .slick-next {opacity: 1;top: 115%;visibility: visible;}
.team_member .slick-prev::before, .team_member .slick-next::before {width: 45px;height: 45px;line-height: 45px;border-radius: 0;}
/* lawest portfolio */
.lawest_portfolio {margin: 65px 0;background-color: #F9F9F9;}
.portfolio_nav.lawest_nav ul li{border: none;}
.portfolio_nav.lawest_nav ul li:hover{background: transparent;color: var(--bgcolor);}
.portfolio_nav.lawest_nav ul li.current_menu_item{background: transparent;color: var(--bgcolor);}
.ls_btn{margin: 18px 0px 0px 0px;padding: 16px 66px 16px 66px;background: var(--bgcolor);color: var(--whitec);transition: .5s;border-radius: 30px;}
.ls_btn:hover{color: var(--whitec);background-color: var(--blackc);}
/* lawest portfolio */
/* single team */
.single_team_lw{padding: 60px 0 100px;}
.main_single_team {box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.06);padding: 60px 72px 60px 86px;}
.s_single_team_icon a {height: 35px;width: 35px;line-height: 35px;display: inline-block;color: var(--whitec);text-align: center;border-radius: 5px;font-size: 18px;}
.team_face{background: #3b5998;}
.team_you{background: #1da1f2;}
.team_x{background: #cd201f;}
/* single team */
.witr_section_title_inner h3{font-size: 35px;margin: auto;font-weight: 700;line-height: 1.4;}
/*======= team area end =====*/

/*======== service area start  ==========*/
.family_law {padding: 60px 0 80px;}
.single_law img, .single_service_img img{width: 100%;}
.single_service_img{position: relative;}
.family_v {top: 40%;right: 50%;}
.sing_lw_content p{margin: 10px 0 15px;}
.sing_lw_content ul{margin: 0;padding: 0;}
.sing_lw_content ul li{list-style: none;font-weight: 700;}
.sing_lw_content ul li i{color: var(--bgcolor);margin-right: 10px;}
/* single service page css */
.single_service_page{margin: 0px 0 0px;}
/* single service area css */
.single_service_area {position: relative;width: 100%;height: 345px;margin-bottom: 20px;}
.single_service_front, .single_service_back{backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.09);border-radius: 10px 10px 10px 10px;transform: perspective(1000px) rotateY(0deg);transition: 1s;background-color: var(--whitec);}
/* single service front css */
.single_service_ss_front_3d {width: 100%;padding: 0 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.single_service_ss_front_3d i{color: var(--bgcolor);font-size: 60px;}
.single_service_ss_front_3d h2 a{display: inline-block;margin: 20px 0 5px;color: var(--whitec);}
.single_service_ss_front_3d p{color: var(--whitec);}
.single_service_ss_front_3d>a{font-size: 16px;color: var(--whitec);}
/* single service back css */
.single_service_back{background-size: cover;background-repeat: no-repeat;transform: perspective(1000px) rotateX(-180deg);position: relative;width: 100%;height: 100%;z-index: 1;}
.single_service_back::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: var(--bgcolor);z-index: -1;border-radius: 10px;}
/* single service back 3d css */
.single_service_ss_back_3d {width: 100%;padding: 0 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.single_service_ss_back_3d i{color: var(--whitec);font-size: 60px;}
.single_service_ss_back_3d h2 a{display: inline-block;margin-top: 20px;color: var(--whitec);}
.lw_service_btn a{padding: 15px 0 25px;margin-bottom: 20px;border-radius: 30px;color: var(--whitec);}
.single_service_area:hover .single_service_front{transform: perspective(1000px) rotateX(180deg);}
.single_service_area:hover .single_service_back{transform: perspective(1000px) rotateX(0deg);}
/*======== service area end  ==========*/

/*======= year tab area start =====*/
.tab_area.year_tab{background: transparent;padding: 50px 0;}
.main_tab_list ul.year_nav li a{background: transparent;font-size: 24px;font-weight: 700;box-shadow: none;}
.witr_adv_tab_menu{border-bottom: 1px solid #ddd;}
.main_tab_list .year_nav li a:hover{background: transparent;}
.main_tab_list ul.year_nav li a.active{background: transparent;color: var(--bgcolor);}
.award_middle_text h3{font-size: 35px;}
.award_middle_text h3 span{color: var(--bgcolor);}
/*======= year  tab area end =====*/

/*===== counter area start  ====*/
.counter_area {padding: 80px 0 70px;position: relative;margin: 70px 0 60px;background: var(--bgcolor);}
.main_counter i {color: var(--whitec);font-size: 40px;position: absolute;top: 37%;}
.counter_title h2{font-size: 48px;}
.inner_counter_area {position: relative;padding: 0px 50px 0px 50px;margin-bottom: 20px;}
.inner_counter_sub_cont {display: flex;justify-content: left;align-items: baseline;}
.inner_counter_sub_cont h3, .inner_counter_sub_cont span{font-size: 32px;font-weight: 700;color: var(--whitec);}
.inner_counter_sub_cont h3 {font-size: 38px;}
.inner_counter_area h2 {font-size: 16px;font-weight: 700;margin-top: 2px;position: relative;color: var(--whitec);text-transform: uppercase;}
/*===== counter area end  ====*/

/* ===== 7. Skill Area CSS ===== */
.skill_area {padding: 55px 0 90px;}
.br_skill{margin-top: 60px;}
.witr_section_title_inner h3 {font-size: 35px;margin: 10px 0 35px;}
.witr_section_title_inner h4{color: var(--bgcolor);}
.skill_left_inner {margin: 0 35px 20px 40px;}
.grid_caur_image {margin-bottom: 23px;}
.witr_title2 span{font-weight: 700;}
.anzal_skill_area .slide_items {margin: 20px 0 50px 0;text-align: center;}
.anzal_skill_area .witr_section_title {margin-bottom: 40px;}
.skill_left_inner .witr_section_title {margin-bottom: 30px;}
.witr_single_progress {overflow: hidden;margin-bottom: 35px;}
.progress {display: flex;height: 6px;background-color: #e9ecef;}
.progress-bar {background: var(--bgcolor);}
.progress-bar {overflow: inherit;}
.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: 400;font-size: 16px;top: -28px;}
.witr_progress-style2 .witr_percent {color: var(--blackc);}
.skill_btn a{display: inline-block;margin: 25px 0;}
/*======== skill area end ======*/

/*======== brand area start ======*/
.brand_area {border-style: solid;border-width: 1px 0px 0px 0px;border-color: #EFF0F0;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 70px 0px 70px 0px;}
.br_brand {padding: 130px 0 0;}
.md_brand {padding: 50px 0 130px;}
.inner_brand_area {text-align: -webkit-center;}
/* service */
.service_brand {margin: -80px 0 10px;}
/*====== brand area end ======*/

/*======= pricing area start  ======*/

.gogrin_prt_area {padding: 70px 0 100px;}
.gogrin_prt_area .witr_section_title_inner h2{text-transform: uppercase;}
.gogrin_prt_area .witr_section_title {margin-bottom: 50px;}
.pricing_area {box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.12);border-style: solid;border-width: 3px 0px 0px 0px;border-color: var(--bgcolor);border-radius: 0;margin-bottom: 20px;}
.pricing-part {position: relative;overflow: hidden;text-align:center;}
.witr_pricing_icon i {font-size: 50px;padding-top: 40px;display: block;color: var(--bgcolor);}
.pricing-part h4 {font-size: 30px;padding: 26px 0 12px;display: block;}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {margin: 0;position: relative;}
.pricing_style_2 .pricing-part h5 {padding: 10px 0;margin-bottom: 30px;background: var(--bgcolor);font-size: 35px;color:#fff;}
.pricing-part span {font-size: 24px;margin-right: 5px;}
.witri_texti_list {margin-top: 25px;}
.pricing-part ul {padding: 0 30px;}
.witri_texti_list ul li {list-style: none;font-size: 17px;margin-bottom: 17px;}
.witri_texti_list ul li i {margin-right: 10px;}
.witr_btnp_color {padding-top: 37px;padding-bottom: 40px;}
.witr_btnp_color a.btn {letter-spacing: -0.1px;border-radius: 0;padding: 15px 30px 15px 30px;border: 1px solid var(--bgcolor);background: var(--bgcolor);color: var(--whitec);}
.witr_btnp_color a.btn:hover {color: var(--whitec);background: #140909;border-color: #140909;}
.pricing-part strong {font-size: 16px;font-weight: 400;position: absolute;right: -40px;top: 13px;padding: 7px 20px;width: 160px;text-align: center;-webkit-transform: rotate(45deg);transform: rotate(45deg);color: var(--whitec);background: var(--bgcolor);}
/*======= pricing area end  ======*/

/*======== contact area start  ==========*/
.contact_area {padding: 70px 0 120px;}
.inner_contact_area {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);background-color: var(--bgcolor);padding: 40px 40px 20px 40px;text-align: center;}
.inner_contact_area h4{color: var(--whitec);}
.inner_contact_area h2{font-size: 35px;margin: 10px 0 15px;color: var(--whitec);}
.inner_contact_area p{width: 60%;margin: 0 auto;color: var(--whitec);}
/* inner contact form */
.inner_contact_form {margin-top: 20px;}
/* inner contact form */
.inner_contact_form input {outline: none;border-style: solid;border-width: 1px 1px 1px 1px;border-color: var(--whitec);width: 100%;height: 60px;color: var(--whitec);padding: 0 20px;margin-right: 15px;border-radius: 5px;background: transparent;}
.inner_contact_form input::placeholder{color: var(--whitec);}
.inner_contact_form textarea {width: 100%;outline: none;padding: 5px 20px;height: 150px;color: var(--whitec);border-style: solid;border-radius: 5px;border-width: 1px 1px 1px 1px;border-color: var(--whitec);background: transparent;}
textarea::placeholder {color: var(--whitec);}
.inner_contact_form {text-align: center;display: block;}
.inner_contact_form button {margin: 17px 0px 0px 0px;padding: 18px 70px 18px 70px;font-size: 16px;font-weight: 600;border: none;outline: none;background-color: var(--whitec);color: var(--bgcolor);border-radius: 30px;transition: .5s;}
.inner_contact_form button:hover{background-color: var(--brcolor);color: var(--whitec);}
.inner_contact_map {width: 100%;}
.inner_contact_map iframe {width: 100%;height: 500px;border: none;outline: none;}
/*======== contact area end  ==========*/

/*======== blog area start  ==========*/
.blog_area {padding: 90px 0px 80px 0px;position: relative;background: #F9F9F9;font-size: 0;}
.br_blog {margin: -184px 0 0;}
.blog_title h2{color: var(--blackc);}
/* inner blog area css */
.inner_blog_area {overflow: hidden;position: relative;margin: 0 15px 20px;}
/* inner blog thumb css */
.wblogovermeta {position: absolute;z-index: 999;}
.wblogovermeta span {display: inline-block;color: var(--whitec);background: var(--bgcolor);padding: 5px 10px;font-size: 14px;text-align: center;}
.inner_blog_thumb{position: relative;overflow: hidden;}
.inner_blog_img img{transition: .5s;}
.inner_blog_area:hover .inner_blog_img img{transform: scale(1.2);}
/* blog overlay css */
.blog_overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 50%);transform: scale(0);transition: .5s;}
.inner_blog_area:hover .blog_overlay{transform: scale(1.2);}
/* inner blog absolute css */
.inner_blog_absolute {position: absolute;top: 20px;left: 20px;display: inline-block;color: var(--whitec);background: var(--brcolor);padding: 4px 10px;border-radius: 5px;font-size: 14px;text-align: center;}
/* inner blog text css */
.single_blog_title {padding: 15px 20px 15px;position: relative;background-color: var(--whitec);text-align: center;margin: -85px 15px 0;box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);}
.inner_blog_text span a {color: #888;font-weight: 400;}
.inner_blog_text span {font-size: 14px;margin-right: 10px;color: var(--paracolor);}
.inner_blog_text span i{margin-right: 3px;color: var(--bgcolor);}
/*inner blog content css */
.inner_blog_content {padding: 5px 0px 0px;}
.inner_blog_content h2 a {display: inline-block;margin-bottom: 21px;font-weight: 700;font-size:18px;}
.inner_blog_content h2 a:hover{color: var(--bgcolor);}
.inner_blog_content p {font-size: 16px;margin: -10px 0 0;}
.witr_btn_style {text-align: center;display: inline-block;margin-top: -15px;}
.witr_btn_sinner >a {margin-top: 10px;font-size: 15px;display: block;font-weight: 600;text-align: left;color: var(--bgcolor);border-radius: 30px;padding: 12px 39px 12px 39px;border: 1px solid var(--bgcolor);}
.inner_blog_content >a:hover{color: var(--titlecolor);}
/* inner blog btn css */
.inner_blog_btn {padding: 17px 0px 0px;}
.blbtn{font-size: 14px;}
.inner_blog_btn a {font-size: 16px;color: var(--bgcolor);font-weight: 600;background-color: #F1F1F1;border-style: none;transition: .5s;border-radius: 0px 30px 0px 30px;padding: 12px 30px 12px 30px;text-transform: uppercase;}
.inner_blog_btn a:hover{color: var(--whitec);background: var(--brcolor);}
.inner_blog_btn a i{font-weight: 700;margin-left: 4px;}
.csingle_contant input {width: 100% !important;}
.csingle_contant textarea {width: 100% !important;}
.product_meta {margin-top: 30px;}
.prdc-lft {position: relative;}
/*======== blog area end  ==========*/


/* 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;}
.glowbal:hover .slick-prev ,.glowbal:hover .slick-next{opacity: 1;visibility: visible;}
.slick-prev {left: -80px;}
.slick-next{right: -55px;}
.slick-prev::before ,.slick-next::before{content: '\eac9';font-family: IcoFont;display: inline-block;width: 55px;height: 55px;line-height: 55px;border-radius: 100%;font-size: 40px;background-color: #D9CDA6;color: var(--whitec);transition: 1s;}
.slick-next::before{content: '\eaca';}
.slick-prev:hover::before, .slick-next:hover::before {background-color: var(--titlecolor);color: var(--whitec);}

/*======== faq area start  ==========*/
.to_faq_area {padding: 55px 0 100px;}
.inner_faq_ac_item{margin-bottom: 20px;border: 1px solid #ddd;}
.inner_faq_ac_item a {width: 100%;font-size: 17px;padding: 15px 15px;font-weight: 600;display: flex;color: var(--titlecolor);justify-content: space-between;align-items: center;}
.inner_faq_ac_item a:hover{background: var(--bgcolor);color: var(--whitec);border-color: var(--bgcolor);}
.inner_faq_ac_item a i{font-size: 18px;font-weight: 700;right: 30px;width: 30px;line-height: 30px;text-align: center;height: 30px;color: var(--titlecolor);}
.inner_faq_ac_item a.active {position: relative;background: var(--bgcolor);color: var(--whitec);border-color: var(--bgcolor);}
.inner_faq_ac_item a.active::before {content: '\ef9a';font-family: Icofont!important;position: absolute;top: 15px;bottom: 0;right: 30px;width: 30px;text-align: center;height: 30px;color: var(--whitec);line-height: 30px;font-size: 18px;}
.inner_faq_ac_item a.active i{display: none;}
/* inner faq text */
.inner_faq_text {width: 100%;border-radius: 0 0 5px 5px;border: 1px solid var(--textcolor);}
.inner_faq_text p {padding: 18px 22px 0px 22px;font-weight: 400;}
/*======== faq area end  ==========*/

/*======== contact area start  ==========*/
.rd_contact_area{padding: 120px 0 80px;}
.apartment_area{text-align: center;border-style: solid;border-width: 5px 0px 0px 0px;border-color: var(--bgcolor);border-radius: 0px 0px 0px 0px;padding: 85px 30px 50px 30px;box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);}
.rd_contact_area{text-align: center;}
.rd_contact_area h4{color: var(--bgcolor);font-size: 16px;text-transform: uppercase;}
.rd_contact_area h2 {font-size: 48px;margin-bottom: 25px;text-transform: uppercase;}
.appartment_btn{text-align: center;}
.appartment_inp input{height: 55px;border-radius: 5px;}
.appartment_inp textarea{border-radius: 5px;}
.appartment_btn button{border-radius: 30px;}
/*======== contact area end  ==========*/


/*======= google map area start  ======*/
.google_map_title{border: 15px solid var(--bgcolor);}
.site_br{margin-bottom: 0;}
.site_ifram iframe{width: 100%;height: 800px;}
/*======= google map area end  ======*/


/*====== single page accordion start=====*/
.single_page_accordion {padding: 20px 0 30px;}
.single_ac_items{margin-bottom: 20px;box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);}
.single_ac_items a{display: inline-block;width: 100%;padding: 15px 20px;font-size: 18px;font-weight: 700;color: var(--paracolor);}
.single_ac_items a i{margin-right: 8px;}
.single_ac_items a.active{position: relative;color: var(--bgcolor);}
.single_ac_items a.active::before {content: "\ef9a";position: absolute;font-family: Icofont!important;top: 18px;left: 20px;bottom: 0;}
.single_ac_items a.active i{opacity: 0;visibility: hidden;}
.single_accor_contents {margin: 10px 20px 10px;}
.single_accor_contents p {font-weight: 600;padding-bottom: 15px;}
/*======== single page accordion end ==========*/

/*======== portfolio area start  ==========*/
.portfolio_area {padding: 130px 0 130px;}
/* portfolio 2 css */
.portfolio_title h4 {font-size: 30px;color: var(--bgcolor);margin-bottom: 25px;}
.portfolio_title h2 {font-size: 35px;}
.portfolio_title h3 {font-size: 35px;margin-bottom: 40px;}
.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: var(--brcolor);}
.portfolio_2_subc h2 a:hover{color: var(--bgcolor);}
.portfolio_nav_all {padding: 24px 0 30px;}
/* 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: var(--bgcolor);color: var(--whitec);}
.portfolio_nav ul li:hover{background-color: var(--bgcolor);color: var(--whitec);}
/* portfolio items css */
.portfolio_img_area{position: relative;overflow: hidden;}
.portfolio_2{margin-bottom: 20px;}
.portfolio_img_area img{width: 100%;}
.portfolio_overlay{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgb(222 169 26 / 40%);opacity: 0;visibility: hidden;transition: .5s;}
.inner_portfolio_items:hover .portfolio_overlay{opacity: 1;visibility: visible;}
.em_plus_port{position: absolute;bottom: 20px;right: 30px;z-index: 99;opacity: 1;visibility: visible;}
.em_plus_port a{border-radius: 5px;display: inline-block;font-size: 20px;height: 50px;line-height: 50px;margin: 0 3px 11px;width: 50px;transition: .5s;text-align: center;color: var(--whitec);background: var(--bgcolor);}
.em_plus_port a:hover{color: var(--whitec);background: var(--titlecolor);}
.overlay{position: absolute;top: 0;left: 0;background-color: rgb(233 48 71 / 64%);text-align: center;}
.overlay >a {display: inline-block;width: 55px;height: 55px;line-height: 55px;border-radius: 100%;text-align: center;color: var(--whitec);margin-right: 6px;transition: .5s;margin-top: 22%;background-color: var(--bgcolor);}
.overlay >a:hover{color: var(--whitec);background-color: var(--titlecolor);}
.overlay >a >i{font-size: 22px;}
.overlay h2{margin: 10px 0;color: var(--whitec);}
.overlay p{color: var(--whitec);}
.overlay >h2 >a:hover{color: var(--bgcolor);}
.overlay.port_text >h2 >a{margin: 10px 0;color: var(--whitec)!important;}
.port_text >h2 >a:hover{color: var(--bgcolor);}
/* portfolio text */
.am_portfolio_text{box-shadow: 0 0 16px 8px rgb(242 242 242 / 80%);padding: 15px 20px;;}
.am_portfolio_text h2 {display: inline-block;font-size: 24px;transition: .5s;margin: 0 0 10px;}
.am_portfolio_text h2 a:hover{background: none;color: var(--bgcolor);}
.am_portfolio_text p {font-size: 16px;font-weight: 400;color: var(--paracolor);margin: -5px 0 -2px;}
.inner_portfolio_items:hover .overlay{opacity: 1;visibility: visible;}
/* portfolio content css */
.portfolio_overlay_cont {position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);width: 100%;transition: all 0.3s ease-in-out 0.3s;opacity: 0;visibility: hidden;}
.portfolio_overlay_cont >a{display: inline-block;width: 55px;height: 55px;line-height: 55px;border-radius: 5px;text-align: center;background: none;color: var(--whitec);}
.portfolio_overlay_cont >a:hover{background: var(--bgcolor);color: var(--whitec);}
.portfolio_overlay_cont >a i{font-size: 25px;}
.portfolio_overlay_cont h2{margin: 0;}
.portfolio_overlay_cont h2 a {margin: 0;display: inline-block;font-size: 24px;color: var(--whitec);transition: .5s;}
.portfolio_overlay_cont h2 a:hover{color:#fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.portfolio_overlay_cont p{font-size: 16px;font-weight: 400;color: var(--whitec);}
.inner_portfolio_items:hover .portfolio_overlay_cont{top: 50%;opacity: 1;visibility: visible;}
/* portfolio lower nav area css */
.portfolio_lo_nav_area{padding: 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: var(--bgcolor);color: var(--whitec);}
.inner_portfolio_lower_nav ul li a:hover{background-color: var(--bgcolor);color: var(--whitec);}
.inner_portfolio_lower_nav ul li a i{font-size: 22px;font-weight: bold;}
/*======== portfolio area end  ==========*/

/*======== blog left area start  ==========*/
.yblog_left {padding:50px 0 40px;}
.inner_yblog_form {position: relative;width: 100%;padding: 20px 0 20px;box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);}
.inner_yblog_form input {width: 80%;outline: none;height: 55px;border: 1px solid #efefef;margin-left: 20px;padding-left: 20px;}
.inner_yblog_form button {position: absolute;display: inline-block;right: 0;outline: none;border: none;padding: 16px 20px 15px;margin-right: 13px;color: var(--whitec);background-color: var(--bgcolor);}
.inner_yblog_form button i{font-size: 18px;}
.both_blog {padding: 20px 0 !important;}
/* inner  left title css */
.inner_yblog_left_title {margin: 30px 0 30px;padding: 20px 20px 15px;box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);}

.inner_yblog_left_title h2 {font-size: 24px;margin-bottom: 10px;}
.inner_yblog_left_title a {display: inline-block;font-size: 15px;font-weight: 400;}
.inner_yblog_left_title a.bottom{border-bottom: none;}
.inner_yblog_left_title a:hover{color: var(--hoverbg);}
.glowbal.blog_area .inner_yblog_left_title {display: inline-block;box-sizing: border-box;}
/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {display: inline-block;width: 100%;border-bottom: 1px solid #dddddd;padding: 13px 0 12px;margin-top: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner_yblgo_left_style2 a:hover{color: var(--bgcolor);}
/* blog left inner css */
.inner_yblog_left_img{margin-bottom: 10px;}
.inner_yblog_left_img img {width: 100%;margin: 12px 0 -0;}
.yblog_left_inner {padding: 0 0;background: none;margin-bottom: 30px;box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);}
.yblog_left_sub{padding: 25px 0 30px 15px;}
.yblog_left_sub h2 a{width: 100%;}
.yblog_left_sub h2 a:hover{color: var(--bgcolor);}
.yblog_left_text_sub {padding: 0px 0 10px;}
.yblog_left_text_sub span{color: var(--paracolor);}
.yblog_left_text_sub span i{color: var(--bgcolor);}
.yblog_left_sub p{font-size: 16px;font-weight: 400;width: 95%;}
.yblog_left_sub >a {display: inline-block;margin: 7px 0 0;padding: 7px 25px;border: 1px solid #dddddd;font-size: 16px;font-weight: 400;border-radius: 5px;color: var(--paracolor);text-transform: capitalize;}
.yblog_left_sub >a:hover{background-color: var(--bgcolor);color: var(--whitec);}
.ycalender_inner h5 {background-color: var(--bgcolor);color: var(--whitec);padding: 14px 0 12px;font-size: 14px;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: 2px;width: 100%;margin: 0;}
.ycalender_inner {padding: 20px 20px;width: 100%;}
.ycalender_inner th {text-align: center;border: 1px solid #dddddd;padding: 10px 16px;font-size: 15px;font-weight: 700;}
.ycalender_inner td {text-align: center;border: 1px solid #dddddd;padding: 10px 12px;font-size: 14px;font-weight: 400;}
.speko_active{color: var(--whitec);background-color: var(--bgcolor);}
.transko_active{color: var(--whitec);background-color: var(--bgcolor);}
.speko_theme_widget .widget a {color: var(--pracolor);}
.wp-calendar-nav span a {border: none;padding: 10px 0 0;}
/*======== 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: var(--bgcolor);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: var(--whitec);color: var(--bgcolor);font-size: 20px;margin-right: 4px;}
.inner_project_in_icon a:hover{background-color: var(--bgcolor);color: var(--whitec);}
/* 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;}

/* single shop page */
/* Demo Product Area Start */

.sec_padding {padding: 100px 0 90px;}
  .prdc-pic img {width: 100%;}
  .prdc-pic {position: relative;margin-bottom: 30px;}
  .prdc-lft .onsale {padding: 8px 12px;display: inline-block;border-radius: 2px;font-size: 14px;text-transform: uppercase;right: auto;top: 10px;left: 10px;line-height: 1;min-width: auto;min-height: auto;}
  .prdc-lft .woocommerce-product-gallery__trigger {position: absolute;top: 20px;right: 30px;font-size: 2em;z-index: 9;width: 36px;height: 36px;background: #fff;text-indent: -9999px;border-radius: 100%;box-sizing: content-box;}
  .prdc-lft .woocommerce-product-gallery__trigger::before {content: "";display: block;width: 10px;height: 10px;border: 2px solid #000;border-radius: 100%;position: absolute;top: 9px;left: 9px;box-sizing: content-box;}
  .prdc-lft .woocommerce-product-gallery__trigger::after {content: "";display: block;width: 2px;height: 8px;background: #000;border-radius: 6px;position: absolute;top: 19px;left: 22px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);box-sizing: content-box;}
  .product .product_title {margin-bottom: 4px;font-size: 24px;}
  .price ins {font-weight: 700;font-size: 1rem;text-decoration: none;}
  .qntity_own {font-weight: 700;}
.tab_list_main {box-shadow: 0px 0 28px 6px rgb(0 0 0 / 5%);margin-bottom: 30px !important;}
.inner_tab_star i{display: inline-block;color: var(--bgcolor);}
.single_shop_btn {position: relative;margin-top: -60px;}
  .quantity .qty {border: 1px solid #ddd;}
  .quantity .qty {border: 1px solid #ddd;margin: 0 10px;height: 39px;width: 90px;text-align: center;}
  form.cart.single_pcart {display: flex;align-items: baseline;margin: 21px 0;}
  form.cart .button {background: #be9674;padding: 12px 15px;line-height: 16px;font-size: 14px;text-transform: uppercase;transition:all 0.2s;border:none;font-weight: 500;color: #fff;cursor:pointer;}
  form.cart .button:hover {background: #e0a067;}
  p.price {color: #e0a067;}
  p.price del {font-weight: 500;opacity: 0.5;display: inline-block;}
  .entry-summary span {font-weight: 700;margin-top: 7px;}
  
  .entry-summary span a {font-weight: 700;color: var(--titlecolor);}
  .tbd_product.single_summery_p_icon {margin-bottom: 10px;box-shadow: none;/* box-shadow: 0 0 10px 0 rgba(148, 146, 245, 0.2); */
    padding: 12px 0;}
  .single_summery_p_icon .thb_product_car {position: inherit;justify-content: flex-start;opacity: 1;}
  .demo-pr {position: static !important;}
  .woocommerce-tabs ul.tabs {padding: 0 0 10px;margin: 0 0 30px;overflow: hidden;position: relative;}
  .woocommerce-tabs ul.tabs::before {position: absolute;content: " ";width: 100%;bottom: 0;left: 0;border-bottom: 1px solid #d3ced2;z-index: 1;}
  .woocommerce-tabs ul.tabs li.active a {border: none;display: inline-block;padding: 8px 1.5em;background: #be9674;margin-right: 15px;margin-left: 2px;color: #fff;font-weight: 700;border-radius: 4px 4px 0 0;}
  .woocommerce-Reviews-title {font-size: 20px;padding-bottom: 20px;}
  span.comment-reply-title {font-size: 18px;font-weight: 500;text-transform: capitalize;}
  .stars {display: block;margin: 0 0 10px;}
  #review_form_wrapper .comment-form label {font-size: 14px;margin-right: 10px;font-weight: 700;}
  
  .comment-form-rating p.stars a {position: relative;height: 1em;width: 1em;text-indent: -999em;display: inline-block;text-decoration: none;}
  .comment-form-rating .star-rating {color: #ffc107;}
  
  .comment-form-rating p.stars a {color: #ffc107;}
  .comment-form-rating p.stars a::before {display: block;position: absolute;top: 0;left: 0;width: 1em;height: 1em;line-height: 1;font-family: WooCommerce;content: "\e021";text-indent: 0;}
  
  .comment-form-rating p.stars a:hover ~ a::before {content: "\e021";}
  
  .comment-form-rating p.stars:hover a::before {content: "\e020";}
  
  .comment-form-rating p.stars.selected a.active::before {content: "\e020";}
  
  .comment-form-rating p.stars.selected a.active ~ a::before {content: "\e021";}
  
  .comment-form-rating p.stars.selected a:not(.active)::before {content: "\e020";}
  .comment-form-comment textarea {border: 1px solid #f6f6f6;box-sizing: border-box;width: 100%;height: 75px;}
  button.button {font-size: 100%;margin: 0 0 45px;line-height: 1;cursor: pointer;position: relative;overflow: visible;padding: 0.618em 1em;font-weight: 700;border-radius: 3px;left: auto;border: 0;transition: .5s;display: inline-block;box-shadow: none;text-shadow: none;}
.stars i{color: var(--bgcolor);}
  button.button:hover {color: var(--whitec);background: var(--bgcolor);}
  h2.witr_related_title {padding: 20px 0 40px;}
  .wp_related .tbd_product {margin: 50px 0;box-shadow: 0 0 10px 0 rgba(148, 146, 245, 0.2);}
  
  /* Demo Product Area End */
/* 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;margin-bottom: 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: var(--brcolor);color: var(--whitec);border: none;outline: none;transition: .6s;}
.single_post_comment_area button:hover{background-color: var(--bgcolor);}
/*======== single blog page area end  ==========*/

/*======== footer area start  ==========*/
.footer_area {padding:25px 0 0px;position: relative;z-index: 999;background: #17161A;}
/* footer top */
.footer_widget,.copy_right_text  {color: #fff;}
.footer_top {background: #17161A;border-style: solid;border-width: 0px 0px 1px 0px;border-color: #2F2E31;padding: 35px 0;}
.footer_logo_top img {max-width: 100%;}
.footer_nav_top a {font-size: 20px;width: 50px;height: 50px;line-height: 50px;text-align: center;color: var(--whitec);transition: .5s;margin: 0 8px;display: inline-block;background-color: #2F2E31;border-radius: 50px 50px 50px 50px;}
.footer_nav_top a:hover{color: var(--whitec);background-color: var(--bgcolor);}
/* footer top */
.footer_text h2{color: var(--whitec);font-size: 36px;}
.footer_widget h4 {margin-bottom: 20px;padding: 0 0 12px;font-size: 22px;color: var(--whitec);position: relative;}
.footer_widget h4::before {content: '';position: absolute;bottom: 0;border: 1px solid var(--bgcolor);width: 25%;border-radius: 50%;}
/* foote top */
.footer_content {display: flex;gap: 220px;}
.footer_middle {padding: 15px 0 0;}
.footer-top-inner p {margin-left: auto;margin-right: auto;width: 81%;color: var(--whitec);}
.footer_nav_top {text-align: center;}
.footer_widget.footer_logo_area p {padding: 5px 0;margin: 25px 0 10px;}
.footer_logo_area p i{margin-right: 7px;}
/* footer socail icon css */
.footer_socail_icons {padding: 10px 0 0;margin-bottom: 10px;}
.footer_socail_icons a {color: var(--whitec);font-size: 20px;width: 40px;height: 40px;line-height: 40px;display: inline-block;margin-right: 5px;border-radius: 5px;text-align: center;background: #323a43;}
.footer_socail_icons a:hover{background-color: var(--bgcolor);color: var(--whitec);border-color: var(--bgcolor);}
.footer_widget p {color: var(--whitec);margin-top: 15px;margin-bottom: 9px;}
.footer_widget p i{margin-right: 10px;}
/* about */
.bread_footer {margin-top: 19px;}
.footer_addres_area h4{color: var(--bgcolor);}
.footer_addres_area i{font-size: 18px;}
/* footer nav css */
.footer_nav {margin-top: 25px;}
.footer_nav ul{list-style: none;padding-left: 0;}
.footer_nav ul li {padding: 0 0 10px;}
.footer_nav ul li a{color: var(--whitec);font-size: 16px;font-weight: 400;}
.footer_nav ul li a:hover{color: var(--bgcolor);}
/* footer address area css */
.footer_addres_area {margin-top: 25px;}
.footer_addres_area h5 {color: var(--brcolor);font-size: 18px;font-weight: 700;margin: 0;}
.footer_addres_area p {font-size: 14px;color: var(--whitec);font-weight: 400;margin-bottom: 5px;}
.footer_addres_area p i{margin-right: 6px;}
/* footer widget sub img */
.footer_blog_area
{display: inline-block;padding: 1.79104477%;text-align: center;vertical-align: top;width: 100%;margin: 0;}
.footer_blog_area{display: inline-block;padding: 1.79104477%;text-align: center;vertical-align: top;width: 100%;margin: 0;}
.footer_main_add{display: flex;gap: 12px;padding-top: 10px;}
.footer_add_cont{text-align: left;}
.footer_main_add a{color: var(--whitec);transition: .5s;}
/*======== footer area end  ==========*/

/*======== copyright area start  ==========*/
.copyright_area {padding: 17px 0 17px;position: relative;background: #181b1f;}
.copy_right_text p{color: var(--whitec);margin: 0;}
.border_copyright{border-top: 1px solid ;}
.copyright_menu{text-align: right;}
.copyright_menu ul{padding: 0;margin: 0;}
.copyright_menu ul li{list-style: none;display: inline-block;}
.copyright_menu ul li a{}
.copyright_menu a {padding: 0 10px;color: var(--whitec);font-size: 16px;font-weight: 400;}
.copyright_menu a:hover{color: var(--bgcolor);}
/*======== copyright area end  ==========*/

/*======== scroll top btn css  ==========*/
#scrollUp {position: fixed;bottom: 50px;font-size: 22px;height: 40px;line-height: 42px;right: 40px;text-align: center;border-radius: 5px;width: 40px;color: var(--whitec);background: var(--bgcolor);display: none;cursor: pointer;z-index: 9999;}
@media (max-width: 1023px) {
.top_menu_right{ display:none;}
}
@media (max-width:767px) {
	.breadcum_area{margin-bottom:0;}
	.feature_area {padding: 0 0 20px;}
    .about_area {padding: 25px 0 25px;}
    .tab_area {padding: 30px 0 20px;}
	.portfolio_area {padding: 20px 0 20px;}
	.tab_area.year_tab {padding: 20px 0;}
	.counter_area {padding:20px 0 20px;}
	.blog_area {padding: 20px 0px 20px 0px;}
	.top_menu_left>span{ display:none;}
	.top_menu_left a {display: block;}
}
@media (max-width: 576px) {
	.b_btn{ display:none;}
.inner_yblog_left_title{width: 100%;}
}