/*-----------------------------------------------------------------------------------
 *
 * 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
 *
 * ----------------------------------------------------------------------------------- */

.header-style2 .navbar-nav > li > a.nav-link:hover {     color: #fd0100; }
.bg-secondary {background: linear-gradient(0deg, #D03238, #000); }
.bg-primary1 { background-color: transparent !important;     border-bottom: 1px solid #ffffff1a; }
.highlight { color:#fff; text-align:center; }
.text-right { text-align:right; }
.m-15{     margin: 0 10px; }
footer .fdes {    font-size: 33px;
   background: -webkit-linear-gradient(#ffffff, #FFC107);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-weight: bold !important;
    line-height: 42px !important;
    opacity: 1 !important; }
footer li { margin-top: 0; border-top: 0;	padding-top: 0; }
#menu-primary-menu-1 { margin-top:20px; }
#menu-primary-menu-1 li a, .menu li a { position: relative;
    padding: 10px 20px;
    display: block;
    border-bottom: 1px solid #ffffff1f; }
#menu-primary-menu-1 li a:after, .menu li a:after  { position:absolute; left:0; font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f0da"; top:10px; }
footer .menu-primary-menu-container .menu > li > a { text-transform: capitalize; }
.display-xxl-2 { font-size:58px; }
.min-vh-100 { min-height: 70vh !important; }
.slider-fade .small-title { color:#fff; font-weight:500; }

@media screen and (min-width: 992px) {
    .top-position1 { margin-top: 0; }
    .menu_area-light .navbar-nav > li > a { color: #000;}
	.navbar-nav > li { margin-left: 30px; }
    .navbar-nav li > ul { min-width: 360px !important; }
}
@media(max-width:767px){
.sgpb-basic-top-right { top:80px !important; z-index:1 !important;  }
	.display-xxl-2 { font-size: 38px; }
}
@media screen and (max-width: 991px) {
    .top-position1 {
        margin-top: 0;
    }
}

.iframe-view {
  width: calc(100vw - 8%);
  max-width: 1200px;
  height: 70vh;
  margin: 20px auto;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid #222;
}
.iframe-view iframe {
  width: 100%;
  height: 100%;
}