/*
    Template  Name: Aquarium
*/

/*
Table Of Content

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

*/

/* ======= site font family ==========*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400..800;1,6..12,400..800&family=Quicksand:wght@400..700&family=Sacramento&display=swap');

:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #0e1c3f;
    --brcolor: #19cbe4;
    --paracolor: #333;
    --titlecolor: #0e1c3f;
}

/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Nunito Sans", sans-serif;
    color: var(--paracolor);
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-size: 22px;
    font-weight: 700;
    color: var(--titlecolor);
    line-height: 1.2;
    font-family: "Quicksand", 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: 16px;
}
h6{
    font-size: 15px;
}

a{
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    color: var(--blackc);
    transition: .5s;
}
a:hover{
    color: var(--brcolor);
}

/* highlight color css */
.highlight{
    color: var(--brcolor);
    font-weight: 400;
}

/*======= header top area start =====*/
.header_top_area {
    padding: 10px 115px;
    background-color: var(--brcolor);
}
/* header left */
.header_left span, .header_right span, .header_left a{
    font-size: 15px;
    font-weight: 500;
}
.header_left span, .header_left a {
    margin: 0 22px 0 0;
    color: var(--whitec);
}
.header_left span i,
.header_left a i{
    margin-right: 6px;
}
/* header top middle css */
.header_top_middle{
    text-align: center;
}
/* header right */
.header_right a {
    font-size: 15px;
    font-weight: 600;
    color: var(--whitec);
    margin-left: 12px;
}
.header_right a:hover{
    color: var(--blackc);
}
.header_right span i{
    margin-right: 5px;
}
/*======= header top area end ======*/

/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0px 115px;
}
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    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(--brcolor);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_btn a{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_icons >i{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_right_text h3,
.main_menu_area.sticky .main_nav_right_text h3 a,
.main_menu_area.sticky .main_me_cont p,
.main_menu_area.sticky .main_me_cont p a{
    color: var(--whitec);
}
/* main nav area css */
.main_nav_area {
    display: flex;
    align-items: center;
    justify-content: end;
}
/* home 2 menu area css */
.h2_menu_area .main_nav_area{
    justify-content: space-between;
}
.main_menu_all_item{
    align-items: center;
}
/* inner main nav area css */
.inner_main_nav_area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_main_nav_area >ul >li {
    display: inline-block;
    position: relative;
}
.inner_main_nav_area >ul >li >a {
    display: inline-block;
    margin: 35px 12px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Quicksand, sans-serif;
}
.inner_main_nav_area >ul >li >a>i {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
}
.inner_main_nav_area >ul> li> a:hover{
    color: var(--brcolor);
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
}
.absolute_menu .inner_main_nav_area >ul >li >a:hover{
    color: var(--brcolor);
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{
    position: absolute;
    top: 130%;
    left: 0;
    width: 240px;
    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: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--blackc);
    padding: 6px 17px;
}
.inner_main_nav_area ul li .sub_menu li a:hover{
    color: var(--brcolor);
    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;
}
/* absolute menu css */
.absolute_menu{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
}
/* main nav icons together */
.main_nav_right_together {
    display: flex;
    align-items: center;
}
/* main nav icons */
.main_nav_icons >i {
    display: inline-block;
    background-color: var(--brcolor);
    color: var(--whitec);
    height: 36px;
    width: 36px;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
    margin-left: 10px;
    cursor: pointer;
}
/* main menu address area css */
.main_menu_add_area {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.main_me_call_icon {
    margin-right: 10px;
}
.main_me_call_icon i{
    font-size: 30px;
    color: var(--brcolor);
}
.main_me_cont p,
.main_me_cont p a{
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-family: Quicksand, sans-serif;
}
/* main nav btn css */
.main_nav_btn a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 25px;
    margin-left: 20px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: -110%;
    left: 0%;
    background: #000000f0;
    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;
    box-shadow: 0px 0px 30px 0px #dddddd45;
    background: var(--whitec);
    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: var(--whitec);
    color: var(--blackc);
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}
/* main nav icons middle css */
.main_nav_icons_middle {
    margin-left: 15px;
    position: relative;
}
.main_nav_icons_middle a {
    position: relative;
    font-size: 22px;
    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(--brcolor);
    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_middle_box_item p{
    padding: 20px 20px;
}
.main_nav_icons_middle:hover .main_nav_middle_box_item{
    top: 180%;
    opacity: 1;
    visibility: visible;
}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area{
    padding: 20px 0;
    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_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 {
    height: 950px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
.inner_slider_content {
    width: 59%;
    margin: 0 auto;
}
.inner_slider_content h1 {
    font-size: 60px;
    font-weight: 400;
    color: var(--whitec);
    margin: 0;
}
.inner_slider_content h2{
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    color: var(--whitec);
    margin: 0;
}
.inner_slider_content p {
    width: 50%;
    font-size: 18px;
    margin: 20px 0 50px;
    color: var(--whitec);
}
/* golobal btn css */
.g_btn a{
    display: inline-block;
    position: relative;
    padding: 25px 60px;
    font-size: 16px;
    font-weight: 800;
    background-color: var(--brcolor);
    color: var(--whitec);
    margin-right: 15px;
}
.g_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.g_btn a.active{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.g_btn a.active:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* home 2 slider area css */
.h2_slider_area{
    height: 800px;
}
.h2_slider_area .inner_slider_content p {
    width: 70%;
    margin: 20px auto 50px;
}
/* home 3 inner slider css */
.h3_inner_slider .g_btn {
    margin-top: 50px;
}
/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    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: -60px;
}
.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;
    font-size: 40px;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: 1s;
}
.slick-next::before{
    content: '\ea94';
}
/* slider defult arrow css */
.slider_area:hover .slick-prev, .slider_area:hover .slick-next {
    background: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    color: var(--whitec);
}
.slider_area .slick-prev{
    left: 5px;
}
.slider_area .slick-next{
    right: 20px;
}
.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: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    font-size: 50px;
    font-weight: 700;
}
.slider_area .slick-next::before{
    content: '\eaca';
}
/*======== slider area end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
}
.inner_breadcum_area h1{
    font-size: 29px;
    color: var(--whitec);
    font-weight: 700;
    margin: 0;
}
.inner_breadcum_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_breadcum_area ul li{
    display: inline-block;
    color: var(--whitec);
}
.inner_breadcum_area ul li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_breadcum_area ul li i, .inner_breadcum_area ul li a i {
    font-size: 22px;
}
/*======== breadcum area end  ==========*/

/*======== video slider area start  ==========*/
.video_slider_area{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.video_slider_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #00000047;
}
.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
    transform: scale(1.2);
}
.witr_youtube_video 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 h3{
    color: var(--whitec);
}
/*======== video slider area end  ==========*/


/*======== service area start  ==========*/
.service_area {
    padding: 120px 0 160px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section_border {
    border-bottom: 3px solid var(--bgcolor);
    margin-bottom: 39px;
}
/* section title area css */
.section_title_area {
    position: relative;
    margin-bottom: 60px;
}
.section_title_area h2{
    font-size: 18px;
    text-transform: uppercase;
}
.section_title_area h3 {
    font-size: 48px;
}
.section_title_area p {
    margin: 15px 0 35px;
    width: 90%;
}
.section_title_area.font_fam h2{
    color: var(--brcolor);
    font-family: "Nunito Sans", sans-serif;
}
.sec_title_ab_img {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
.section_title_area.white h2,
.section_title_area.white h3,
.section_title_area.white p{
    color: var(--whitec);
}
/* progress bar css */
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}
.progress {
    display: flex;
    height: 10px;
    background-color: var(--brcolor);
}
.progress-bar {
    overflow: initial;
    background-color: var(--bgcolor);
}
.witr_title2 span {
    color: var(--brcolor);
}
.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: var(--brcolor);
    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: 10px;
}
.witr_title6 .witr_label {
	left: 2px;
	top: 8px;
	color: #272727;
	font-size: 16px;
	font-weight: 600;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    font-size: 16px;
    right: 0;
    font-weight: 700;
    top: -28px;
    color: var(--titlecolor);
}
/*======== service area end  ==========*/

/*====== style 2 service area start ======*/
.style2_service_area {
    position: relative;
    z-index: 9;
    margin-top: -150px;
}
.style2_single_service {
    margin-bottom: 20px;
    background-color: var(--whitec);
    padding: 40px 20px 10px 30px;
    box-shadow: 0 0 10px #600f0f21;
}
.style2_single_service>i {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--brcolor);
    font-size: 50px;
    transition: .5s;
}
.style2_single_service:hover i{
    transform: scale(1.5);
}
.style2_single_service p {
    font-size: 14px;
    margin: 0;
}
/* service btn css */
.style2_ser_btn>a {
    font-size: 40px;
    color: var(--brcolor);
}
.style2_ser_btn>a:hover{
    color: var(--bgcolor);
}
/*====== style 2 service area end ======*/

/*====== home 2 service area start ======*/
.h2_service_area{
    padding: 120px 0 50px;
}
.h2_single_service{
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);
    padding: 40px 30px 30px;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--whitec);
}
.h2_single_service h2 a {
    display: inline-block;
    margin: 15px 0 10px;
}
.h2_sin_ser_img img{
    width: 100%;
}
.service_area:hover .slick-prev ,.service_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/* home 2 service style 3 css */
.h2_service_style3{
    padding: 120px 0 50px;
}
.h2_service_style3 .progress-bar{
    background-color: var(--whitec);
}
.h2_service_style3
.witr_progress-style2 .witr_percent{
    color: var(--whitec);
}
/*====== home 2 service area end ======*/

/*======== about area start  ==========*/
.about_area {
    padding: 100px 0 50px;
    position: relative;
    z-index: 1;
}
.inner_about_area {
    padding: 40px 0 0;
}
.inner_about_area .section_title_area{
    margin-bottom: 20px;
}
.inner_about_area .section_title_area p{
    margin-bottom: 10px;
}
.inner_about_list ul{
    list-style: none;
    padding: 0;
}
.inner_about_list ul li {
    padding: 0 0 5px;
}
.inner_about_list ul li i{
    color: var(--brcolor);
    margin-right: 10px;
    font-size: 20px;
}
/* inner about signature css */
.inner_about_signature{
    margin-top: 20px;
}
.inner_about_signature h2{
    font-size: 36px;
    font-weight: 400;
    font-family: "Sacramento", cursive;
    color: var(--brcolor);
}
.inner_about_signature h2 span{
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    color: var(--blackc);
}
/* about left shap css */
.about_left_shap {
    position: absolute;
    top: -130px;
    right: 0;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box45 {
    0%{
         transform: translateX(0px);
      }
    100%{
        transform: translateX(45px);
      }
}
@keyframes witr_movelr_box46 {
    0%{
         transform: translateY(0px);
}
    100%{
        transform: translateY(45px);
}
}
/* home 2 about area css */
.h2_about_area{
    padding: 100px 0 50px;
}
.h2_about_area .inner_about_signature {
    display: flex;
    align-items: baseline;
}
.h2_about_sub_text {
    display: flex;
    align-items: baseline;
    margin: 35px 0 20px;
}
.h2_ab_sub_cont{
    margin-left: 20px;
}
.h2_about_sub_text h2{
    margin-bottom: 5px;
    color: var(--whitec);
}
.h2_about_area .h2_ab_sub_cont p,
.h2_about_area .inner_about_signature h2 span{
    color: var(--whitec);
}
/*======== about area end  ==========*/

/*======== home 3 about area start  =======*/
.h3_about_area{
    padding: 20px 0 50px;
}
.tx_countdown_area {
    margin-top: 35px;
}
.tx_countdown_box {
    display: flex;
    text-align: center;
}
.tx_single_countdown{
    margin-right: 10px;
}
.witr_digit{
    font-size: 35px;
    font-weight: 700;
    margin: 0;
}
.tx_countdown_box p{
    font-size: 19px;
    font-weight: 400;
    color: var(--whitec);
}
.tx_single_countdown{
    padding: 25px 30px 0;
    color: var(--whitec);
    background-color: var(--bgcolor);
    border-radius: 10px;
}
.h3_about_area .g_btn{
    margin-top: 50px;
}
.h3_about_area .g_btn a{
    border-radius: 10px 10px 10px 10px;
}
/*======== home 3 about area end  =======*/

/*======== feature area start  ==========*/
.feature_about_all_bg{
    background-position: center center;
    background-size: cover;
}
.feature_area{
    padding: 70px 0 50px;
}
.feature_width {
    max-width: 1600px;
}
.single_feature{
    margin-bottom: 20px;
    text-align: center;
}
.single_feature img {
    transition: .5s;
}
.single_feature:hover img {
    transform: rotateY(180deg);
}
.single_feature h2 {
    margin-top: 15px;
    letter-spacing: 2px;
}
/* home 2 feature style 2 css */
.h2_feature_style2{
    padding: 70px 0 90px;
}
.h2_feature_style2 .single_feature h2{
    color: var(--whitec);
}
/*======== feature area end  ======*/

/*======== feature 2 area start  ======*/
.h2_feature_area {
    position: relative;
    margin-top: -80px;
    z-index: 9;
}
.h2_inner_feature{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.h2_feature_front{
    position: relative;
    overflow: hidden;
}
.h2_feature_front img{
    width: 100%;
}
/* home 2 feature all text css */
.h2_feature_all_text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 40px 20px;
}
.h2_feature_all_text i {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 60px;
    color: var(--brcolor);
}
.h2_feature_all_text h2{
    color: var(--whitec);
}
.h2_feature_all_text p{
    color: var(--whitec);
    font-weight: 500;
}
/* home 2 feature back css */
.h2_feature_back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%) scale(0.75);
    opacity: 0;
    padding: 100px 25px 20px;
    background-color: var(--brcolor);
    transition: .5s;
}
.h2_inner_feature:hover .h2_feature_back{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.h2_feature_back i {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 20px;
}
.h2_feature_back h2{
    color: var(--whitec);
}
.h2_feature_back p{
    color: var(--whitec);
}
.h2_feature_btn a{
    font-size: 16px;
    font-weight: 800;
}
.h2_feature_btn a:hover{
    color: var(--blackc);
}
/*======== feature 2 area end  ======*/

/*======== feature 3 area start  ======*/
.h3_feature_area{
    padding: 90px 0 50px;
}
.h3_single_feature {
    display: flex;
    margin-bottom: 20px;
}
.h3_sin_feature_icon{
    margin: 10px 20px 0 0;
}
.h3_single_feature_text h2 a{
    font-size: 18px;
}
.h3_single_feature_text p{
    font-size: 14px;
}
/*======== feature 3 area end  ======*/

/*========  event area start  ======*/
.event_all_bg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.event_area{
    padding: 40px 0 80px;
}
.event_all{
    border: 2px dashed var(--brcolor);
    padding: 15px;
    margin-bottom: 20px;
}
.inner_event_img{
    overflow: hidden;
}
.inner_event_img img{
    width: 100%;
    transition: .5s;
}
.event_all:hover .inner_event_img img{
    transform: scale(1.2);
}
.inner_event_text h2 a,
.inner_event_text p{
    color: var(--whitec);
}
.inner_event_text h3 {
    margin: 15px 0 15px;
    font-size: 17px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_event_text h3 i{
    margin-right: 6px;
}
.inner_event_date p {
    font-size: 17px;
    color: var(--whitec);
    margin-bottom: 10px;
}
.inner_event_date p i{
    margin-right: 6px;
}
.inner_event_btn a{
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 25px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.inner_event_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*========  event area end  ======*/

/*===== video area start  ====*/
.video_area {
    margin: 40px 0 30px;
    padding: 115px 0 90px;
    background-position: center center;
    background-size: cover;
}
/* home 2 video area css */
.h2_video_area {
    padding: 250px 0 155px;
    margin: 0 0;
}
/* home 3 video area css */
.h3_video_area {
    margin: 50px 200px 50px;
    padding: 165px 0 75px;
    border-radius: 30px 30px 30px 30px;
}
.inner_video_area {
    margin-bottom: 85px;
}
.inner_video_area a{
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 28px;
    border-radius: 100%;
    text-align: center;
    animation: witr-shadow 1s linear infinite;
    background-color: var(--brcolor);
    color: var(--whitec);
}
@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);
   }
}
/* video border css */
.video_border{
    border-bottom: 1px dashed var(--brcolor);
}
.video_area .section_title_area h3{
    width: 70%;
    margin: auto;
    color: var(--whitec);
}
/* video counter css */
.video_counter{
    margin-top: 70px;
}
.inner_counter_area {
    text-align: center;
    margin-bottom: 20px;
}
/* inner counter thumb css */
.inner_counter_thumb {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.inner_counter_thumb h2,
.inner_counter_thumb h4{
    color: var(--brcolor);
    font-size: 60px;
    margin: 0;
}
.inner_counter_area h3 {
    font-size: 16px;
    color: var(--whitec);
}
/*===== video area end  ====*/


/*===== faq area start  ====*/
.faq_area{
    padding: 120px 0 110px;
}
.inner_faq_img {
    margin-bottom: 20px;
}
.accordion-item {
    margin-bottom: 20px;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed){
    background-color: var(--brcolor);
    color: var(--whitec);
}
.accordion-item .accordion-button {
    border-radius: 0;
    font-size: 17px;
    font-weight: 600;
    border: none;
    box-shadow: 0 0 5px #dddddd7d;
}
/*===== faq area end  ====*/

/* site page section area css */
.shop_area{
    padding: 60px 0 50px;
}
.inner_shop_area {
    background-color: var(--whitec);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px 0 20px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.shop_area .slick-prev, .shop_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -120px;
}
.my_accout_area {
    padding: 110px 0 100px;
}
.cart_area {
    padding: 120px 0 100px;
}
.single_shop_page{
    padding: 120px 0 100px;
}

/*===== food area start  ====*/
.food_area{
    padding: 50px 0 50px;
}
.single_food_area{
    border-radius: 5px;
    box-shadow: 0 0 30px -5px rgb(0 0 0 / 10%);
    padding: 15px 0px 10px 0px;
    border: 2px solid transparent;
    transition: .5s;
}
.single_food_area:hover{
    border: 2px solid var(--brcolor);
}
.single_food_img img{
    margin: auto;
}
.single_food_content{
    margin-top: 5px;
}
.single_food_content h2 a{
    font-size: 18px;
}
/* food area defult arrow css */
.food_area .slick-prev, .food_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -120px;
}
.food_area .slick-prev {
    left: 89%;
}
.food_area .slick-next{
    right: 20px;
}
/*===== food area end  ====*/

/*===== img area start  ====*/
.img_area {
    padding: 70px 0 50px;
    position: relative;
}
.img_right_shap {
    position: absolute;
    top: -135px;
    right: 0;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
/*===== img area end  ====*/

/*===== pricing area start  ====*/
.pricing_area{
    padding: 30px 0 50px;
}
/* service pricing css */
.service_pricing{
    padding: 90px 0 100px;
}
/* single page pricing css */
.single_page_pricing{
    padding: 115px 0 100px;
}
.inner_pricing_area {
    background-position: center center;
    background-size: cover;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    padding: 40px 0px 50px 0px;
    margin-bottom: 20px;
}
.inner_pricing_icon i{
    width: 170px;
    height: 170px;
    line-height: 170px;
    display: inline-block;
    border-radius: 100%;
    font-size: 80px;
    text-align: center;
    background: #f3f3f3;
    transition: .5s;
}
.inner_pricing_area:hover .inner_pricing_icon i{
    transform: scale(1.2);
}
.inner_pricing_content {
    padding: 25px 0 55px;
}
.inner_pricing_content h2{
    font-weight: 600;
}
.inner_pricing_content h3{
    font-size: 30px;
    color: var(--brcolor);
}
.inner_pricing_btn a{
    display: inline-block;
    color: var(--brcolor);
    background-color: #02010100;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 20px 60px 20px 60px;
}
.inner_pricing_btn a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/*===== pricing area end  ====*/

/*===== project img area start  ====*/
.project_img_area {
    padding: 50px 0 50px;
    margin: 0 150px;
}
/* home 2 project img css */
.h2_project_img{
    margin: 0px 150px 0;
    padding: 0 0;
}
.single_project_img{
    position: relative;
    overflow: hidden;
}
.inner_pro_img img{
    width: 100%;
    transition: .5s;
}
.single_project_img:hover .inner_pro_img img{
    transform: scale(1.2);
}
/* project img overlay css */
.project_img_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bgcolor);
    opacity: .7;
    transform: scale(0);
    transition: .5s;
}
.single_project_img:hover .project_img_overlay{
    transform: scale(1.2);
}
/* inner project content css */
.inner_pro_content {
    position: absolute;
    bottom: -200px;
    left: 30px;
    right: 70px;
    width: 100%;
    transition: .5s;
}
.single_project_img:hover .inner_pro_content{
    bottom: 30px;
}
.inner_pro_content h2,
.inner_pro_content p{
    color: var(--whitec);
    margin: 0;
}
.inner_pro_content h2 a{
    color: var(--whitec);
}
.project_img_area:hover .slick-prev ,.project_img_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*===== project img area end  ====*/

/*===== testimonial area start ====*/
.testimonial_area{
    padding: 60px 0 50px;
}
/* site page testimonial css */
.sin_page_testimonial{
    padding: 120px 0 50px;
}
.inner_testimonial_area i{
    font-size: 54px;
    color: var(--brcolor);
}
.inner_testimonial_area>p {
    width: 90%;
    margin: 15px auto 20px;
    font-size: 24px;
    font-weight: 700;
}
.inner_testi_title h2{
    font-size: 18px;
    margin: 0;
    color: var(--brcolor);
}
.inner_testi_title p{
    font-size: 14px;
}
.inner_testi_title img{
    margin: auto;
}
.testimonial_area:hover .slick-prev ,.testimonial_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/* home 2 testimonial css */
.h2_testimonial {
    padding: 60px 0 95px;
}
.h2_testimonial .inner_testimonial_area p{
    color: var(--whitec);
}
/*===== testimonial area end ====*/

/*===== home 3 testimonial area start ====*/
.h3_testimonial_area{
    padding: 70px 0 10px;
}
/* site page testimonial css */
.sin2_testimnial{
    padding: 70px 0 90px;
}
.h3_testi_content{
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: var(--whitec);
    border-radius: 5px;
    padding: 50px 20px 50px;
}
.h3_testi_content p{
    margin: 0;
}
.h3_testi_content i {
    font-size: 100px;
    color: #dddddd4f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.h3_testi_box{
    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%);
}
/* testi title css */
.h3_testi_title{
    margin-top: 30px;
}
.h3_testi_title img{
    border-radius: 50%;
    width: 59px;
    margin: 0 auto 10px;
}
.h3_testi_title h2{
    margin: 0;
}
.h3_testimonial_area:hover .slick-prev ,.h3_testimonial_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*===== home 3 testimonial area end ====*/

/*======== team area start ==========*/
.team_area {
    padding: 70px 0 40px 370px;
    position: relative;
}
/* site page team css */
.sin_team_area{
    padding: 110px 0 70px 0px;
}
.team_area .g_btn{
    margin-top: 20px;
}
.inner_team_area{
    position: relative;
    margin-bottom: 20px;
}
.team_img_area{
    position: relative;
    overflow: hidden;
}
.team_img_area img{
    width: 100%;
    transition: .5s;
}
.inner_team_area:hover .team_img_area img{
    transform: scale(1.2);
}
/* team socail css */
.team_socail {
    position: absolute;
    bottom: -300px;
    right: 20px;
    display: grid;
    transition: .5s;
}
.inner_team_area:hover .team_socail{
    bottom: 70px;
}
.team_socail a{
    display: inline-block;
    margin: 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.team_socail a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* team overlay css */
.team_overlay{
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    transition: .5s;
    background-color: #00051e9b;
}
.inner_team_area:hover .team_overlay{
    left: 0;
}
/* inner team content css */
.inner_team_content {
    text-align: center;
    background-color: var(--whitec);
    padding: 22px 30px;
}
.inner_team_content p
,.inner_team_content h2{
    margin: 0;
}
.inner_team_content p{
    color: var(--brcolor);
}
/* inner team absoute icon css */
.inner_team_absol_icon {
    position: absolute;
    bottom: 120px;
    right: 20px;
    transition: .5s;
}
.inner_team_absol_icon a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.team_shap {
    position: absolute;
    top: -60%;
    left: 0;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
/*======== team area end ==========*/

/*======== brand area start  ==========*/
.brand_area {
    padding: 20px 0 50px;
}
/* home 3 brand css */
.h3_brand_area{
    padding: 50px 0 50px;
}
.about_brand{
    padding: 50px 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  ==========*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 120px 0 100px;
}
.inner_contact_area {
    padding: 60px 30px 80px;
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
}
.inner_contact_area .section_title_area{
    margin-bottom: 20px;
}
/* inner contact form */
.inner_contact_form input {
    border: 1px solid #ddddddcc;
    outline: none;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 23px;
}
.inner_contact_form textarea {
    width: 100%;
    border: 1px solid #ddddddcc;
    outline: none;
    padding: 20px 20px;
}
textarea::placeholder {
    color: var(--paracolor);
}
.inner_contact_form button {
    width: 100%;
    margin-top: 18px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: .5s;
}
.inner_contact_form button:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_contact_map{
    width: 100%;
    height: 100%;
}
.inner_contact_map iframe {
    width: 100%;
    height: 100%;
}
/*======== contact area end  ==========*/

/*======== contact service start ==========*/
.contact_service_area{
    padding: 120px 0 0px;
}
.inner_contact_service {
    margin-bottom: 20px;
    padding: 50px 30px 65px 30px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.inner_contact_service i{
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: .5s;
}
.inner_contact_service:hover i{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_contact_service h3 a {
    display: inline-block;
    font-size: 22px;
    margin: 12px 0 10px;
}
.inner_contact_service p{
    margin: 0;
}
/*======== contact service end ==========*/

/*======== blog area start  ==========*/
.blog_area {
    padding: 65px 0 50px;
}
/* home 3 blog css */
.h3_blog_area{
    padding: 50px 0 80px;
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    margin-bottom: 20px;
    background-color: var(--whitec);
    box-shadow: 0 5px 10px 0 rgba(50, 65, 141, .07);
}
.blog_main_all {
    padding: 15px 25px 20px;
}
.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 {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.inner_blog_text span {
    padding: 3px 10px;
    display: inline-block;
    background: var(--brcolor);
    color: var(--whitec);
}
/*inner blog content css */
.inner_blog_content {
    padding: 15px 0px 0px;
}
.inner_blog_content h2 {
    margin: 0;
}
.inner_blog_content h2 a {
    display: inline-block;
    font-size: 20px;
}
.inner_blog_content h2 a:hover{
    color: var(--brcolor);
}
.inner_blog_content p{
    font-size: 15px;
}
.inner_blog_btn a{
    color: var(--brcolor);
    font-weight: 700;
}
.inner_blog_btn a:hover{
    color: var(--bgcolor);
}
.inner_blog_btn a i {
    font-size: 22px;
    margin-left: 5px;
}
/* home 2 blog css */
.h2_blog_area .inner_blog_area{
    background: transparent;
}
.h2_blog_area .inner_blog_content h2 a,
.h2_blog_area .inner_blog_content p,
.h2_blog_area .inner_blog_btn a{
    color: var(--whitec);
}
/* food area defult arrow css */
.blog_area .slick-prev, .blog_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -120px;
}
.blog_area .slick-prev {
    left: 89%;
}
.blog_area .slick-next{
    right: 20px;
}
/* site blog css */
.yblog_left {
    padding: 120px 0 90px;
}
.yblog_left_inner{
    margin-bottom: 30px;
}
.yblog_left_text_sub{
    position: inherit;
}
.yblog_left_text_sub span{
    background: none;
    padding: 0 0;
    color: inherit;
    margin-right: 10px;
}
.yblog_left_sub h2{
    margin-bottom: 10px;
}
/*======== blog area end  ==========*/

/*======== subscribe area start ==========*/
.subscribe_area {
    padding: 50px 0 120px;
    position: relative;
}
.h2_subscribe {
    margin: 20px 0 0;
    padding: 50px 0 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.inner_subscribe_area h2{
    font-size: 36px;
}
.h2_subscribe .inner_subscribe_area h2{
    color: var(--whitec);
}
.inner_subscribe_form {
    position: relative;
    overflow: hidden;
}
.inner_subscribe_form input{
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 15px 30px;
    height: 50px;
    background: var(--whitec);
    color: var(--blackc);
    border-left: 3px solid var(--brcolor);
}
.inner_subscribe_form button {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 15px 25px 10px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* subscribe shap css */
.sub_left_shap, .sub_right_shap {
    position: absolute;
    top: -85%;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
.sub_left_shap{
    left: -60px;
}
.sub_right_shap{
    right: -20px;
}
/*======== subscribe area end ==========*/

/*======== map area start  ==========*/
.map_area {
    margin: 0 0 0px;
}
.inner_map_area {
    width: 100%;
    height: 400px;
}
.inner_map_area iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}
/*======== map area end  ==========*/

/*======== footer area start  ==========*/
.footer_area {
    padding: 95px 0 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* footer wdget css */
.footer_logo {
    margin-bottom: 15px;
}
.footer_widget p {
    color: var(--whitec);
}
/* footer socail icon css */
.footer_socail_icons{
    margin-top: 20px;
}
.footer_socail_icons a {
    display: inline-block;
    border-radius: 4px;
    background-color: var(--brcolor);
    color: var(--whitec);
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin-right: 5px;
}
.footer_socail_icons a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* footer widget */
.footer_widget{
    margin-bottom: 20px;
}
.footer_widget h2 {
    padding: 0 0 10px;
    color: var(--whitec);
}
/* footer nav css */
.footer_nav ul{
    list-style: none;
    padding-left: 0;
}
.footer_nav ul li {
    padding: 0 0 12px;
}
.footer_nav ul li a{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.footer_nav ul li a:hover{
    color: var(--brcolor);
}
.footer_nav ul li a i{
    font-weight: 900;
    color: var(--whitec);
}
/* footer address css */
.footer_address ul{
    list-style: none;
    padding: 0;
}
.footer_address ul li {
    padding: 0 0 10px;
    color: var(--whitec);
}
.footer_address ul li i{
    margin-right: 8px;
}
/* footer blog css */
.footer_blog_area {
    margin-top: 12px;
}
.footer_main_add{
    display: flex;
    margin-bottom: 20px;
}
.footer_blog_area img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}
.footer_add_cont a {
    display: inline-block;
    font-size: 15px;
    color: var(--whitec);
    line-height: 19px;
}
.footer_add_cont a:hover{
    color: var(--whitec);
}
.footer_add_cont span{
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--whitec);
}
/* 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;
}
/*======== footer area end  ==========*/

/*======== copyright area start  ==========*/
.copy_right_area {
    padding: 25px 0 25px;
    background-color: var(--brcolor);
}
.inner_copy_right_area p{
    color: var(--whitec);
    margin: 0;
}
.copy_right_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.copy_right_menu ul li {
    display: inline-block;
    margin-left: 15px;
}
.copy_right_menu ul li a{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
/*======== copyright area end  ==========*/

/*======== scroll top btn css  ==========*/
#scrollUp {
    bottom: 40px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 40px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: var(--brcolor);
    color: var(--whitec);
    box-shadow: 0 0 10px #0000002e;
}
/* blog and portfolio all color css */
.portfolio_nav ul li.current_menu_item,
.portfolio_nav ul li:hover,
.port_content_center a:hover,
.inner_portfolio_lower_nav ul li a.current,
.inner_portfolio_lower_nav ul li a:hover,
.ycalender_inner h5,
.ycalender_inner td.active,
.inner_project_in_icon a:hover,
.inner_sin_com_btn button,
.pay_sub_btn button,
.inner_my_accout_form_btn a ,
.inner_cart_btn a,
.shop_quenty button,
.shop_btn_area a  {
    background-color: var(--brcolor);
    color: var(--whitec);
}
.pay_sub_btn button:hover,
.inner_my_accout_form_btn a:hover,
.inner_cart_btn a:hover,
.tab_list_socail_icon a:hover,
.shop_btn_area a:hover,
.inner_shop_icons a:hover {
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.port_content_center h2 a:hover{
    background: none;
    color: var(--brcolor);
}
.port_content_center p{
    color: var(--whitec);
}
.yblog_left_text_sub span i{
    color: var(--brcolor);
}