/*
    Template  Name: Hosting
*/

/*
Table Of Content

1. header top area

2. main menu area

3. slider area

4. video slider area  

5. breadcum area

6.  domaincheck area

7. service area

8. about area

9. choose area

10. feature area

11. testimonial area

12.  pricing area

13. counter area

14.  faq area

15.  brand area

16. team area 

17. contact service

18. contact area 

19. blog area

20. time line area

21. subscribe area

22. footer area

*/

/* ======= site font family ==========*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Yantramanav:wght@400;500;700;900&display=swap');
:root{
    --blackc: #000;
    --whitec: #fff;
    --bgcolor: #0c185d;
    --brcolor: #23d4d3;
    --paracolor: #545454;
    --titlecolor: #08145e;
}

/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Yantramanav", 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: 18px;
    font-weight: 700;
    color: var(--titlecolor);
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
    padding: 0;
    margin-bottom: 10px;
    
}
h1{
    font-size: 30px;
}
h2{
    font-size: 18px;
}
h3{
    font-size: 16px;
}
h4{
    font-size: 15px;
}
h5{
    font-size: 14px;
}
h6{
    font-size: 14px;
}
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);
}
/*======= header top area start =====*/
.header_top_area {
    padding: 18px 305px;
    background-color: var(--brcolor);
}
.absolute_header {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9999;
    background: var(--bgcolor);
}
.h3_header_top{
    background-color: var(--bgcolor);
}
/* 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{
    font-family: "Roboto", sans-serif;
}
.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: 18px;
    font-weight: 600;
    color: var(--whitec);
    margin-right: 10px;
}
.header_right a:hover{
    color: var(--brcolor);
}
.header_right span i{
    margin-right: 5px;
}
/*======= header top area end ======*/

/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0px 395px;
    transition: .5s;
}
.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 .main_nav_icon_right> i{
    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{
    color: var(--whitec);
}
.site_logo_area{
    margin-right: 15px;
}
/* main nav area css */
.main_nav_area {
    display: flex;
    align-items: center;
    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: 32px 10px;
    font-size: 16px;
    text-transform: uppercase;
}
.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);
}
/* main nav icons together */
.main_nav_right_together {
    display: flex;
    align-items: center;
}
/* main nav btn css */
.main_nav_btn a{
    display: inline-block;
    background: var(--brcolor);
    color: var(--whitec);
    font-size: 16px;
    margin-left: 20px;
    padding: 11px 25px;
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{
    position: absolute;
    top: 130%;
    left: 0;
    width: 200px;
    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;
    text-transform: uppercase;
    padding: 8px 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;
}
/* main nav icons together */
.gogrin_right_area {
    display: flex;
    align-items: center;
}
.main_nav_icons_together {
    display: flex;
    align-items: center;
}

/* main nav icon right */
.main_nav_icon_right {
    margin-left: 20px;
}
.main_nav_icon_right> i {
    display: inline-block;
    font-size: 25px;
    cursor: pointer;
}
/* main nav icon right popup */
.main_nav_icon_right_popup {
    position: fixed;
    top: 0;
    right: -110%;
    width: 400px;
    height: 100%;
    background: var(--whitec);
    z-index: 999;
    padding: 150px 20px 30px;
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    transition: 1.5s;
}
.main_nav_icon_right_popup.site_popup {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.main_nav_icon_right_popup h2{
    font-size: 24px;
    color: var(--brcolor);
}
/* main nav right popup close */
.m_nav_rpi_close {
    text-align: end;
    margin: -85px 0 0;
}
.m_nav_rpi_close >i{
    display: inline-block;
    color: var(--blackc);
    font-size: 40px;
    cursor: pointer;
}
/* right popup nav */
.right_popup_nav {
    padding: 25px 0 0 0;
}
.right_popup_nav ul {
    list-style: none;
    padding-left: 0;
}
.right_popup_nav ul li{
    padding: 10px 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 */
.right_popup_address {
    padding: 45px 0 14px;
}
.right_popup_address h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
.right_popup_address p{
    width: 85%;
}
.right_popup_inner_address p i{
    margin-right: 6px;
}
.right_popup_address h5 {
    background-color: var(--brcolor);
    color: var(--whitec);
    padding: 18px 0 15px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
}
/* main nav icons */
.main_nav_icons {
    margin-left: 7px;
}
.main_nav_icons >i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 17px;
    cursor: pointer;
    transition: .5s;
}
.main_nav_icons >i:hover{
    background-color: var(--bgcolor);
    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;
    outline: 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: 18px;
    position: relative;
}
.main_nav_icons_middle a {
    position: relative;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    display: inline-flex;
    background: var(--whitec);
    box-shadow: 0 0 5px #64333338;
    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_icons_middle:hover .main_nav_middle_box_item{
    top: 180%;
    opacity: 1;
    visibility: visible;
}
.main_nav_middle_box_item p{
    padding: 20px;
}
/* absolute menu css */
.absolute_menu {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--whitec);
    border: 5px solid var(--brcolor);
    margin: 0px 305px;
    padding: 0 15px 0 15px;
    border-radius: 5px;
}
.absolute_menu .main_nav_area{
    justify-content: end;
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    margin: 30px 20px;
}
/* home 2 main menu css */
.h2_main_menu {
    padding: 0px 215px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #080f4b;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    z-index: 999;
}
.h2_main_menu .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
    margin: 35px 12px;
}
.h2_main_menu .main_nav_area{
    justify-content: end;
}
.main_nav_socail {
    margin: 0 0 0 18px;
}
.main_nav_socail a {
    display: inline-block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 0 0 0 3px;
    width: 35px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* home 3 main meunu css */
.h3_main_menu {
    top: 65px;
    background: transparent;
    box-shadow: none;
    padding: 0px 305px;
}
/*======== 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: var(--whitec);
    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: var(--whitec);
}
.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 {
    position: relative;
    width: 66%;
    margin: 0px auto 0;
    z-index: 11;
}
.inner_slider_content h1 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 900;
    color: var(--brcolor);
    font-family: "Yantramanav", Sans-serif;
}
.inner_slider_content h2 {
    width: 60%;
    font-size: 80px;
    font-weight: 900;
    color: var(--whitec);
    line-height: 1;
    font-family: "Yantramanav", Sans-serif;
}
.inner_slider_content p {
    width: 50%;
    font-size: 18px;
    margin: 10px 0 30px;
    color: var(--whitec);
}
.slider_slide {
    position: absolute;
    top: -30%;
    right: -20%;
    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 inner slider */
.h2_inner_slider{
    height: 946px;
}
.h2_inner_slider .inner_slider_content{
    width: 73%;
}
/* golobal btn css */
.g_btn a{
    display: inline-block;
    position: relative;
    padding: 22px 50px;
    font-size: 16px;
    font-weight: 500;
    background-color: var(--brcolor);
    color: var(--whitec);
    margin-right: 15px;
    z-index: 11;
}
.g_btn a:after, .g_btn a:before {
    position: absolute;
    content: "";
    background: var(--bgcolor);
    color: var(--whitec);
    width: 30px;
    height: 30px;
    transition: .5s;
    z-index: -1;
}
.g_btn a:before {
    border-radius: 0 0px 0 30px;
    right: 0;
    top: 0;
}
.g_btn a:after {
    border-radius: 0 30px 0 0px;
    bottom: 0;
    left: 0;
}
.g_btn a:hover::before,
.g_btn a:hover::after {
    width: 100%;
    height: 100%;
}
.h2_inner_slider .g_btn a{
    background: transparent;
    border: 1px solid var(--whitec);
    color: var(--whitec);
}
.h2_inner_slider .play_now>a.video_play {
    margin: 0 0 0 15px;
    height: 50px;
    padding: 0 0;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--brcolor);
    color: var(--whitec);
    border: none;
    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);
    }
}
.h2_inner_slider .play_now>a.video_play::before,
.h2_inner_slider .play_now>a.video_play::after{
    display: none;
}
/* home 3 inner slider css */
.h3_inner_slider .inner_slider_content h1{
    color: var(--bgcolor);
}
.h3_inner_slider .inner_slider_content h2{
    color: var(--whitec);
}
.h3_inner_slider .inner_slider_content h2 span.highlight{
    color: var(--bgcolor);
}
.h3_inner_slider .inner_slider_content .g_btn a{
    border-radius: 10px;
}
.h3_inner_slider .inner_slider_content .g_btn a.active{
    background-color: var(--whitec);
    color: var(--brcolor);
}
/* 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';
}
.slick-prev:hover::before ,.slick-next:hover::before{
    background-color: var(--bgcolor);
    color: var(--whitec)
}
/* 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;
}
.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: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    font-size: 50px;
    font-weight: 700;
}
.slider_area .slick-next::before{
    content: '\eaca';
}
.slider_area .slick-prev:hover::before ,.slider_area .slick-next:hover::before{
    color: var(--whitec);
}
/*======== slider area end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
    padding: 250px 0 90px;
}
.inner_breadcum_area h1{
    font-size: 30px;
    color: var(--whitec);
}
.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: #00000065;
}
.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  ==========*/


/*======== domaincheck area start  ==========*/
.domaincheck_area {
    position: relative;
    z-index: 111;
    margin: -70px 0 50px;
}
/* home 3 domain check css */
.h3_domaincheck{
    margin: 60px 0 50px;
}
.domain_check_all {
    padding: 55px 40px 20px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--whitec);
    border-bottom: 5px solid var(--brcolor);
    border-radius: 10px 10px 10px 10px;
}
.inner_domain_ch_form input{
    width: 100%;
    border: none;
    height: 55px;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_domain_ch_form input::placeholder{
    color: var(--whitec);
}
.inner_domain_ch_link select {
    width: 100%;
    height: 55px;
    padding: 0 20px;
    border: none;
    border-radius: 5px;
    background-color: var(--bgcolor);
    color: var(--whitec);
    margin-bottom: 20px;
}
.inner_domain_ch_link select:focus{
    outline: none;
}
.inner_domain_ch_btn button {
    width: 100%;
    font-size: 16px;
    border: none;
    outline: none;
    border-radius: 5px;
    background: var(--brcolor);
    padding: 14px 30px 13px;
    color: var(--whitec);
}
/*======= domaincheck area end  ========*/


/*======== service area start ========*/
.service_area{
    padding: 70px 0 30px;
}
.single_page_service{
    padding: 120px 0 35px;
}
.section_bottom {
    margin-bottom: 45px;
}
.section_title_area{
    position: relative;
}
.margin_00{
    margin-bottom: 0;
}
.section_title_area h2{
    font-size: 16px;
    text-transform: uppercase;
    color: var(--brcolor);
}
.section_title_area h3{
    font-size: 48px;
}
.single_service {
    margin-bottom: 35px;
}
.single_service img{
    margin-bottom: 35px;
}
.single_service h2 a{
    text-transform: uppercase;
}
/*======== service area end ========*/

/*======== home 2 service start ========*/
.h2_service_area{
    padding: 50px 0 30px;
}
.h2_service_width {
    max-width: 1580px;
}
.h2_single_service {
    margin-bottom: 20px;
    padding: 50px 25px 25px;
    background-color: var(--whitec);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.h2_single_service img{
    margin: 0 auto 25px;
}
/* service defult arrow css */
.h2_service_area .slick-prev, .h2_service_area .slick-next {
    opacity: 1;
    visibility: visible;
    top: -95px;
}
.h2_service_area .slick-prev {
    left: 80%;
}
.h2_service_area .slick-next{
    right: 12%;
}
/*======== home 2 service end ========*/

/*======== about area start  ==========*/
.about_area {
    padding: 40px 0 30px;
}
/* home 3 about css */
.h3_about_area{
    padding: 95px 0 30px;
}
/* single page about */
.single_page_about{
    padding: 120px 0 20px;
}
.inner_about_right{
    margin-bottom: 30px;
}
.inner_about_img{
    position: relative;
    animation: witr_movelr_box46 5s linear 1s infinite alternate running;
}
.inner_about_title {
    display: flex;
    padding: 10px 0 35px;
}
.inner_about_title ul {
    list-style: none;
    padding: 0;
    margin: 0 50px 0 0px;
}
.inner_about_title ul li{
    font-size: 18px;
    font-weight: 500;
    color: var(--bgcolor);
    padding: 0 0 20px;
}
.inner_about_title ul li img{
    margin-right: 10px;
}
/*======== about area end  ==========*/

/*======== choose area start  ========*/
.choose_area {
    margin: 55px 0 0px;
    padding: 110px 0px 160px;
    background-position: top center;
    background-size: cover;
}
/* home 2 choose css */
.h2_choose_area {
    padding: 200px 0px 70px;
    margin: -110px 0 50px;
}
.inner_choose_img{
    animation: witr_movelr_box46 5s linear 1s infinite alternate running;
}
.inner_choose_area{
    padding: 0 30px 0;
}
.inner_choose_area .section_title_area h3,
.inner_choose_area .section_title_area p{
    color: var(--whitec);
}
/* choose feature css */
.choose_feature {
    padding: 10px 0 20px;
}
.inner_choose_feature h3{
    color: var(--brcolor);
    text-transform: uppercase;
}
.inner_choose_feature p{
    color: var(--whitec);
}
/* choose call css */
.choose_call {
    display: flex;
}
.choose_call_icon{
    margin-right: 10px;
}
.choose_call_icon i{
    display: inline-block;
    font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.choose_call_content h2{
    color: var(--brcolor);
    margin: 0;
}
.choose_call_content p{
    color: var(--whitec);
    font-size: 14px;
}
/* home 3 choose area css */
.h3_choose_area {
    margin: 70px 0 10px;
}
.h3_choose_area .section_title_area h3{
    color: var(--bgcolor);
}
.h3_choose_area .section_title_area h3 span.highlight{
    color: var(--whitec);
}
.h3_choose_area .inner_choose_feature h3,
.h3_choose_area .choose_call_content h2{
    color: var(--bgcolor);
}
.h3_choose_area .choose_call_icon i{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== choose area end  ========*/

/*======== feature area start  ========*/
.feature_area {
    position: relative;
    margin-top: -70px;
    z-index: 11;
}
/* style 2 css */
.feature_style2{
    margin: 70px 0 0;
}
.single_feature {
    margin-bottom: 20px;
    display: flex;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    border-color: var(--brcolor);
    padding: 40px 50px 15px 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--whitec);
}
.single_feature_img {
    margin: 0 30px 0 0px;
}
.single_feature_content {
    padding: 10px 0 0;
    width: 80%;
}
.single_feature_content h2 a{
    text-transform: uppercase;
}
/*======== feature area end  ========*/

/*========  home 2 feature start ========*/
.h2_feature_area {
    padding: 60px 0 40px;
}
.h2_single_feature {
    padding: 0 20px;
    margin-bottom: 20px;
}
.h2_single_feature img {
    margin-bottom: 15px;
}
/*========  home 2 feature end ========*/

/*======== testimonial area start  ========*/
.testimonial_area{
    padding: 100px 0 50px;
    position: relative;
}
.inner_testimonial img{
    margin: auto;
}
.inner_testimonial p {
    width: 80%;
    margin: 50px auto 20px;
    font-size: 24px;
    color: var(--bgcolor);
}
.testi_icon {
    margin-bottom: 13px;
}
.testi_icon i{
    color: #FCBD29;
    font-size: 25px;
}
.inner_testimonial h2 span{
    font-size: 16px;
    font-weight: 400;
    color: var(--brcolor);
}
.testi_shap {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    z-index: -1;
    text-align: center;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
.testi_shap img {
    text-align: center;
    width: 65%;
}
/* slick defult dots css */
.slick-dots{
    list-style: none;
    text-align: center;
    margin-top: 0;
}
.slick-dots li {
    display: inline;
    margin: 0 10px;
}
.slick-dots li button{
    font-size: 0;
    width: 35px;
    height: 3px;
    background-color: var(--bgcolor);
    outline: none;
    border: none;
    transition: .5s;
}
.slick-dots li.slick-active button{
    width: 50px;
    background-color: var(--brcolor);
}
/*======== testimonial area end  ========*/

/*======== home 2 testimonial start ======*/
.h2_testimonial {
    padding: 70px 0 70px;
}
/* about testimonial */
.about_testionial {
    padding: 120px 0 120px;
}
.h2_testimonial .inner_testimonial {
    margin: 55px 0 0;
    padding: 20px 20px 15px;
    position: relative;
    border: 4px solid var(--brcolor);
    border-radius: 80px 0px 80px 0px;
}
.h2_testi_img {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
}
.h2_testi_img img{
    margin: auto;
}
.h2_testimonial .inner_testimonial p{
    font-size: 18px;
    font-weight: 400;
    color: var(--bgcolor);
}
.h2_testimonial .inner_testimonial h3 span{
    font-size: 14px;
    font-weight: 400;
    color: var(--brcolor);
}
/* testi icon css */
.h2_inner_testi_icon {
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    z-index: -1;
}
.h2_inner_testi_icon i{
    font-size: 200px;
    color: #23d4d31f;
}
.h2_testimonial:hover .slick-prev ,.h2_testimonial:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== home 2 testimonial end =======*/

/*======== pricing area start ======*/
.pricing_area {
    padding: 60px 0 30px;
}
.service_pricing{
    padding: 120px 0 30px;
}
.inner_pricing_area {
    position: relative;
    background-position: center center;
    background-size: cover;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: var(--brcolor);
    border-radius: 10px 10px 10px 10px;
    padding: 40px 0px 30px;
    margin-bottom: 20px;
    z-index: 1;
    transition: .5s;
}
.inner_pri_sm_title {
    margin: 0 0 0 45px;
    text-align: left;
}
.inner_pri_sm_title h3{
    color: var(--brcolor);
}
/* inner pricing big title css */
.inner_pri_big_title {
    padding: 10px 0 0px;
}
.inner_pri_big_title h2 {
    display: inline-block;
    padding: 18px 45px 20px;
    width: 100%;
    text-align: left;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 36px;
}
.inner_pri_big_title h2>span{
    font-size: 24px;
    font-family: Yantramanav, sans-serif;
}
/* inner pricing list css */
.inner_pricing_list {
    padding: 10px 45px 20px;
}
.inner_pricing_list ul{
    list-style: none;
    padding: 0;
}
.inner_pricing_list ul li {
    padding: 15px 0 0;
}
.inner_pricing_list ul li i{
    font-size: 20px;
    margin-right: 6px;
    font-weight: 900;
}
/* inner pricing btn css */
.inner_pricing_btn {
    margin: 0 0 0 45px;
}
.inner_pricing_btn a {
    display: inline-block;
    padding: 8px 30px;
    font-family: "Yantramanav", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.inner_pricing_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== pricing area end ==========*/

/*======= home 2 pricing start ========*/
.h2_pricing_area{
    padding: 0 0 30px;
}
/* home 3 pricing css */
.h3_pricing_area{
    padding: 70px 0 30px;
}
.h2_pricing_tab ul{
    justify-content: end;
}
.h2_pricing_tab ul li a {
    display: inline-block;
    margin: 0 0px 0 10px;
    padding: 11px 27px;
    font-size: 15px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.h2_pricing_tab ul li a.active{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* home 2 inner pricing css */
.h2_inner_pricing{
    padding: 0 0;
    border: none;
    border-radius: 0;
}
.inner_pricing_img {
    padding: 45px 0 10px;
}
.h2_inner_pricing .inner_pri_big_title h2{
    background-color: var(--bgcolor);
    padding: 18px 0px 20px;
    text-align: center;
}
.h2_inner_pricing .inner_pricing_btn {
    margin: 5px 0 0;
}
.h2_inner_pricing .inner_pricing_btn a {
    padding: 10px 30px 12px;
    width: 100%;
    border-radius: 0;
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.h2_inner_pricing .inner_pricing_btn a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/*======= home 2 pricing end ========*/

/*===== counter area start  ====*/
.counter_area {
    padding: 70px 0px 50px;
    position: relative;
    z-index: 11;
}
.counter_bg {
    background-position: center center;
    background-size: cover;
    padding: 60px 100px 35px;
}
.inner_counter_area {
   margin-bottom: 30px;
   text-align: center;
}
.inner_counter_thumb{
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner_counter_thumb h2,
.inner_counter_thumb h4{
    font-size: 72px;
    margin: 0;
    font-family: Yantramanav, sans-serif;
    color: var(--brcolor);
}
.inner_counter_area h3 {
    margin-top: 6px;
    text-transform: uppercase;
    font-family: Yantramanav, sans-serif;
    color: var(--brcolor);
}
/* home 3 counter css */
.h3_counter_area .inner_counter_thumb h2,
.h3_counter_area .inner_counter_thumb h4{
    color: var(--whitec);
}
.h3_counter_area .inner_counter_area h3{
    color: var(--bgcolor);
}
/*===== counter area end  ====*/


/*===== faq area start  ====*/
.faq_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.faq_area {
    padding: 60px 0 30px;
}
.single_page_faq{
    padding: 100px 0 20px;
}
.inner_faq_img {
    margin-bottom: 20px;
    animation: witr_movelr_box46 5s linear 1s infinite alternate running;
}
.accordion-item {
    margin-bottom: 20px;
    border: none;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed){
    background: transparent;
    color: var(--brcolor);
}
.accordion-item .accordion-button {
    border-radius: 0;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid var(--blackc);
}
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed{
    border-radius: 0;
}
/*===== faq area end  ====*/

/*======== brand area start  ==========*/
.brand_area {
    padding: 20px 0 50px;
}
.h2_brand_area{
    padding: 70px 0 50px;
}
.inner_brand_area img{
    margin: 0 auto;
}
.brand_area:hover .slick-prev ,.brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== brand area end  ==========*/

/*======== team area start  ==========*/
.team_area {
    padding: 70px 0 50px;
}
.single_page_team{
    padding: 120px 0 50px;
}
.inner_team_area{
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .05);
}
.inner_team_img{
    position: relative;
    overflow: hidden;
}
.team_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #23d4d36b;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_team_area:hover .team_overlay{
    opacity: 1;
    visibility: visible;
}
.inner_team_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_team_area:hover .inner_team_icon{
    opacity: 1;
    visibility: visible;
}
.inner_team_icon a{
    display: inline-block;
    font-size: 22px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    border-radius: 50%;
}
.inner_team_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_team_content{
    padding: 23px 5px 20px;
    background-color: var(--bgcolor);
    margin: 10px 0px 0px 0px;
}
.inner_team_content h2{
    margin: 0;
    color: var(--whitec);
}
.inner_team_content p{
    color: var(--brcolor);
    margin: 0;
}
/*======== team area end  ==========*/

/*======= contact service start ====*/
.contact_service_area {
    padding: 120px 0 50px;
}
.inner_contact_service {
    padding: 50px 30px 65px 30px;
    margin-bottom: 20px;
    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: 5px;
    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);
    border-radius: 50%;
}
.inner_contact_service h3 a {
    display: inline-block;
    margin: 12px 0 10px;
}
.inner_contact_service p{
    margin: 0;
}
/*======= contact service end ======*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 50px 0 70px;
}
.inner_contact_area {
    padding: 60px 30px 50px 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
}
.inner_contact_area .section_title_area{
    margin-bottom: 40px;
}
/* inner contact form */
.inner_contact_form input {
    border: 1px solid #ddddddcc;
    outline: none;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    padding: 0 20px;
    margin-bottom: 23px;
}
.inner_contact_form textarea {
    width: 100%;
    border: 1px solid #ddddddcc;
    outline: none;
    padding: 20px 20px;
}
.inner_contact_form textarea::placeholder {
    color: var(--paracolor);
}
.inner_contact_form button {
    margin-top: 18px;
    padding: 15px 30px;
    font-size: 18px;
    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  ==========*/

/*======== blog area start  ==========*/
.blog_area {
    padding: 65px 0 50px;
}
.site_page_blog{
    padding: 120px 0 50px;
}
.inner_blog_area {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: var(--whitec);
    box-shadow: 0 5px 10px 0 rgba(31, 33, 44, 0.057);
    transition: .5s;
    border-bottom: 5px solid var(--brcolor);
}
.blog_main_all {
    padding: 15px 25px 25px;
}
.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.1) rotate(3deg);
}
/* 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 span {
    font-size: 16px;
    margin-right: 5px;
    color: var(--brcolor);
}
.inner_blog_text span i{
    margin-right: 6px;
    color: var(--brcolor);
}
/*inner blog content css */
.inner_blog_content {
    padding: 12px 0px 5px;
}
.inner_blog_content h2 a:hover{
    color: var(--brcolor);
}
.inner_blog_content p{
    font-size: 14px;
}
.blog_btn a{
    font-size: 16px;
    color: var(--brcolor);
}
.blog_btn a:hover{
    color: var(--bgcolor);
}
/* site  blog left */
.portfolio_area {
    padding: 115px 0 70px;
}
.yblog_left{
    padding: 120px 0 40px;
}
.yblog_left_inner{
    margin-bottom: 30px;
    border-radius: 0;
}
.project_information_area{
    padding: 120px 0 50px;
}
/*======== blog area end  ==========*/

/*======== time line area start =======*/
.time_line_area{
    padding: 120px 0 50px;
}
.witr_hd_timeline_contant {
    position: relative;
    padding-bottom: 39px
}
.witr_hd_timeline_inner {
    padding-left: 27px
}
.witr_hd_timeline_inner:before {
    width: 1px;
    height: 100%;
    transition: .5s;
    position: absolute;
    left: 7.5px;
    top: 0;
    content: ""
}
.witr_hd_timeline_inner:before{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.witr_dslborder {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: var(--brcolor);
    color: var(--whitec);
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}
.witr_timeline_item {
    width: 230px;
    text-align: left
}
.witr_timeline_item h2 {
    transition: .5s;
    padding-bottom: 10px
}
.witr_number_item {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px
}
.witr_hd_sicon {
    position: absolute;
    left: -17px;
    bottom: -25px
}
.witr_hd_sicon_inner {
    width: 55px;
    height: 55px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    transition: .5s;
    font-size: 26px;
    background: var(--brcolor);
    color: var(--whitec);
}
.middle_border_divider{
    background-color: var(--brcolor);
}
.mrl15 {
    margin-left: 15px
}
.mrl65 {
    margin-left: 65px
}
.mrl110 {
    margin-left: 110px
}
.mrr50 {
    margin-right: 50px
}
.mrr95 {
    margin-right: 95px
}
.mrr90 {
    margin-right: 90px
}
.witr_sicon_bottom.witr_hd_timeline_contant {
    padding-bottom: 0;
    padding-top: 51px
}
.witr_sicon_bottom {
    text-align: right
}
.witr_sicon_bottom .witr_timeline_item {
    width: 230px;
    margin-right: 0;
    margin-left: auto;
    text-align: right
}
.witr_sicon_bottom .witr_dslborder {
    left: auto;
    top: auto;
    bottom: 0;
    right: 1px;
}
.witr_sicon_bottom .witr_hd_timeline_inner:before {
    left: auto;
    right: 7.5px;
    top: auto;
    bottom: 0
}
.witr_sicon_bottom .witr_hd_timeline_inner {
    padding-left: 0;
    padding-right: 27px
}
.witr_sicon_bottom .witr_hd_sicon {
    position: absolute;
    right: -17px;
    top: -28px;
    left: auto;
    bottom: auto
}
.middle_border_divider {
    height: 1px;
    display: block
}
/*======== time line area end =======*/

/*======== subscribe area start ==========*/
.subscribe_area {
    margin: 0 0 -80px;
    padding: 50px 0 0px;
    position: relative;
    z-index: 9;
}
.sub_width {
    background: var(--whitec);
    padding: 45px 30px 40px;
    border-bottom: 5px solid var(--brcolor);
    box-shadow: 0 0 10px 0 rgb(50 65 141 / 10%);
}
.inner_subscribe_area h2{
    font-size: 30px;
    color: var(--bgcolor);
}
.inner_subscribe_form {
    position: relative;
    overflow: hidden;
}
.inner_subscribe_form input {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 15px 30px;
    height: 50px;
    background: var(--bgcolor);
    color: var(--whitec);
}
.inner_subscribe_form input::placeholder{
    color: var(--whitec);
}
.inner_subscribe_form button {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 12px 30px 12px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: var(--brcolor);
    color: var(--whitec);
    border-radius: 0px 5px 5px 0px;
}
/*======== subscribe area end ==========*/

/*======== footer area start  ==========*/
.footer_area {
    padding: 205px 0 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.footer_widget h2{
    color: var(--whitec);
}
.footer_widget p {
    margin-top: 25px;
    color: var(--whitec);
}
/* footer socail icon css */
.footer_socail_icons a {
    display: inline-block;
    color: var(--whitec);
    background-color: transparent;
    border: 1px solid var(--whitec);
    font-size: 16px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;
}
.footer_socail_icons a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* footer address css */
.footer_address{
    margin-top: 25px;
}
.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: 6px;
    font-size: 17px;
    color: var(--whitec);
}
/* footer nav css */
.footer_nav {
    margin-top: 25px;
}
.footer_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer_nav ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 9px;
    color: var(--whitec);
}
.footer_nav ul li a:hover{
    color: var(--brcolor);
}
/* footer blog area css */
.footer_blog_area {
    margin-top: 30px;
}
.footer_main_add{
    display: flex;
    margin-bottom: 20px;
}
.footer_blog_area img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
}
.footer_add_cont a {
    display: inline-block;
    font-size: 14px;
    color: var(--whitec);
    line-height: 19px;
    font-family: Roboto, sans-serif;
}
.footer_add_cont a:hover{
    color: var(--whitec);
}
.footer_add_cont span {
    display: block;
    font-size: 14px;
    color: var(--whitec);
}
/*======== 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);
}