/*-----------------------------------------------------------------------------------
 *
 * Theme Name: Archic Child Theme
 * Theme URI: https://archicwp.websitelayout.net/
 * Author: Website Design Templates
 * Author URI: https://www.websitelayout.net/
 * Description: This is a child theme of archic
 * Version: 1.0
 * Template: archic
 * Text Domain: archic-child
 *
 * ----------------------------------------------------------------------------------- */


@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-ExtraLight.woff2') format('woff2'),
        url('IBMPlexSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-BoldItalic.woff2') format('woff2'),
        url('fonts/IBMPlexSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/IBMPlexSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-MediumItalic.woff2') format('woff2'),
        url('fonts/IBMPlexSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-Light.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-Regular.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
        url('fonts/IBMPlexSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-Thin.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-ThinItalic.woff2') format('woff2'),
        url('fonts/IBMPlexSans-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-Italic.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
        url('fonts/IBMPlexSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}







body, p {font-family: 'IBM Plex Sans' !important; font-weight: normal !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'IBM Plex Sans' !important; font-weight: normal; font-style: normal;}
.h1 {font-family: 'IBM Plex Sans' !important; font-weight: normal; font-style: normal;}
input, select, a {font-family: 'IBM Plex Sans' !important; font-weight: 500 !important; font-style: normal;}


 a {color: #BA8855;}

 .attr-nav .search {display: none;}
 .attr-nav > ul > li > a {font-size: 22px; transition: all ease-in-out .5s;}
 .attr-nav > ul > li > a:hover {color: #BA8855;}


 .top-bar-info li i, .top-social-icon i {font-size: 19px;}

 .butn {background-color: #BA8855;}
 .butn:hover {color: #BA8855 !important;}
 
 .menu_area-light .navbar-light .navbar-nav > li > a.nav-link:hover, .menu_area-light .navbar-light .navbar-nav > li > a.nav-link:active, .menu_area-light .navbar-light .navbar-nav > li > a.nav-link:focus {color: #BA8855;}
 
 .navbar-light .navbar-nav > li.current-menu-item.current_page_item.active > a {color: #BA8855;}
 .header-style2 .navbar-nav li.has-sub a:hover, .header-style2 .navbar-nav li.has-sub a:active, .header-style2 .navbar-nav li.has-sub a:focus {color: #BA8855;}

 .navbar-light .attr-nav.ms-xl-auto {margin-left: 0!important;}

 .video_btn {background: #BA8855;}
 
 .small-section-title, .section-title02 span {letter-spacing: normal; padding: 0 0.5em 0 0.5em;}
 .newsletter-form.footer .quform-element .quform-input .form-control.news-box {border: none;}
 .newsletter-form.footer .quform-element .quform-input .form-control.news-box::placeholder {color: #000000;}

.portfolio-style01:hover .portfolio-content {bottom:10px;}
 
 .h4 a:active, .h4 a:hover {color: #BA8855;}
 .sidebar .widget-title, .accordion-style .btn-link {color: #BA8855;}
 .accordion-style .btn-link:hover, .accordion-style .btn-link:active, .accordion-style .btn-link:focus {color: #BA8855;}
 .section-title .sm-title {color: #BA8855;}
 .section-title .sm-title:after {background: #BA8855;}
 .square-shape .shape1 {background-color: #BA8855;}
 .about-style03 .about-text .icon {color: #BA8855;}
 .process-style2 .process-box:hover .inner-box:before {border-color:#BA8855;}
 .page-title-section ul li:after {color: #BA8855;}
 .list-style2 li:before {color: #BA8855;}
 .about-style-02 .line-box2 {background-color: #BA8855;}
 .testimonial-style1 .icon {color: #BA8855;}
 .butn-style1.secondary:before, .butn-style1.secondary:after {background-color: #BA8855;}
 .scroll-to-top {background-color: #BA8855;}
 .card-style1 .card-icon {display: none;}
 .social-icon-style3 li a:hover {background: #BA8855;}
 .text-white-hover:hover {color: #BA8855 !important;}
 .header-style2 .navbar-nav > li > a {color: #6C6D6C !important; font-size: 20px;}
 .header-style2 .navbar-nav > li.current-menu-item > a {color: #BA8855 !important;}
 .header-style2 .navbar-nav > li > a:hover {color: #BA8855 !important;}
 .h5 a:hover {color: #BA8855 !important;}
 .sidebar .widget-title:after {background: #BA8855;} 
 .form-control:focus {border-color: #BA8855;}
 .lg-sub-html h4 a {color: #ffffff;}
 .menu_area-light.scrollHeader .navbar-light .navbar-nav > li > a.nav-link:hover, .menu_area-light.scrollHeader .navbar-light .navbar-nav > li > a.nav-link:active, .menu_area-light.scrollHeader .navbar-light .navbar-nav > li > a.nav-link:focus {color: #BA8855;}

 .lg-sub-html p {display: none;}

.countupWrap h3 {font-size: 50px;}

 .about-testi .item-desc {text-align: justify;}

 .card-style1 .card-border {border: none;} 

.navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a {background: #ba8855; color: #ffffff;}
 .widget_nav_menu .menu-service-sidebar-menu-container .menu li.current-menu-item a, .widget_nav_menu .menu-service-sidebar-menu-container .menu li a:hover, .widget_nav_menu .menu-service-sidebar-menu-container .menu li a:active, .widget_nav_menu .menu-service-sidebar-menu-container .menu li a:focus {background: #BA8855;
   border-color: #BA8855;}
 .social-icon-style2 li a {background: #BA8855;}
 .wpcf7 .quform-submit-inner {background: #BA8855;}
 .wpcf7 .quform-submit-inner:hover .wpcf7-submit {color: #BA8855;}
 
 .top-bar.bg-primary {background-color: #BA8855 !important;}
 .home.page-template .navbar-brand img {max-height:100%; width: 50%;}
 .navbar-expand-lg .navbar-nav {margin-left: auto !important; margin-right: auto !important;}
 /* .navbar-brand img {max-height:100%;} */
 /* .navbar-brand img {max-height: 100px;
   transition-duration: 0.5s;
   position: absolute;
   top: 0;} */
 
 .small-section-title, .section-title02 span {background-color: #BA8855;}
 .butn-style1 {background-color: #BA8855;}
 .calltoaction-style01 h2 {color: #ffffff !important;}
 
 .text-primary, .text-primary-hover:hover {color: #BA8855 !important;}
 
 footer.bg-secondary {background-color: #ffffff !important;}
 footer.bg-secondary h4, footer.bg-secondary p {color: #6C6D6C !important;}
 footer.bg-secondary input {background: #EAE4DD !important; border-radius: 4px; color: #6C6D6C !important;}
 input::-ms-input-placeholder { /* Edge 12-18 */
     color: red;
   }
   
 input::placeholder {
     color: red;
   }

   .portfolio-style01 .portfolio-content {bottom: 10px; visibility: visible; opacity: 1;}


   
   /* Temporary Height */
   .main-wrapper {height:auto !important;}
    
   .navbar-nav ul {
     position: relative;
     left: 0;
   }
  .menu_area-light .navbar-nav li a {color: #ffffff;}

.navbar-nav li a {padding: 8px 20px 8px 10px;}
.navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a {display: inline;}
.navbar ul ul li.has-sub > a:after {top: 14px; right: 3px; background: transparent;}
.navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a {border: 1px solid #cdcdcd;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border-top: none;}


footer.bg-secondary h3 {color:#393A3A !important;}
footer.bg-secondary .bg-primary.py-8.overflow-visible.position-relative {display: none;}
footer .social-icon-style1 li:first-child {padding-top: 0;}
footer li {margin-top: 0; padding-top: 10px;}
footer li:first-child {padding-top: 10px;}
footer li a {color: #6C6D6C;}
footer li a:hover {color: #000000;}

footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul {display: flex; flex-direction: column;}

footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul .page_item.page-item-214 {order: 2;}
footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul .page_item.page-item-956 {order: 5;}
footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul .page_item.page-item-2217 {order: 1;}
footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul .page_item.page-item-358 {order: 3;}
footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul .page_item.page-item-6593 {order: 4;}
footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul .page_item.page-item-998 {order: 6;}
footer .col-md-6.col-lg-3.mt-2-9.wow.fadeIn div ul .page_item.page-item-8619 {order: 7;}

footer .wpml-ls-sidebars-footer-area-2 {margin-top: 20px;}

footer .privacypolicyterms ul {display: flex; justify-content: center; margin-bottom: 10px;}
footer .privacypolicyterms ul li {padding: 0 10px;}
footer .privacypolicyterms ul li a {color: #BA8855;}
footer .privacypolicyterms ul li a:hover {color: #000;}
footer .border-top {text-align: center;}

.social-icon-style1 li a {background: #ba8855; color: #ffffff;}
.social-icon-style1 li a:hover {background: #0c3246; color: #ffffff;}

.otgs-development-site-front-end {display:none;}


/* =============================================== Responsive CSS ================================================= */
@media only screen and (max-width: 1199px) {
    .attr-nav > ul > li.d-none {display: block !important;}
    .navbar-header-custom {width: 20%;}
    .home.page-template .navbar-brand img {max-height: 100%; width: 50%;}
}

@media only screen and (max-width: 1070px) {
    .attr-nav > ul > li.d-none {display: block !important;}
    .navbar-header-custom {width: 20%;}
    .home.page-template .navbar-brand img {max-height: 100%; width: 50%;}
}

@media only screen and (max-width: 991px) {
  .menu_area-light .navbar-nav li a {color: #ba8855;}
}